\n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _cards_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(948);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CardComponent", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["CardComponent"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Card", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["Card"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CardEventType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["CardEventType"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContentPillarType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["ContentPillarType"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CardCategoryInfo", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["CardCategoryInfo"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PersonCardType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["PersonCardType"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PersonCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["PersonCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HowToGetHereCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["HowToGetHereCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HowToGetHereType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["HowToGetHereType"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LocationCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["LocationCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PillarCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["PillarCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuoteCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["QuoteCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReviewCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["ReviewCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SocialFeedCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["SocialFeedCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SocialFeedType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["SocialFeedType"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TourOperatorCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["TourOperatorCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TourOperatorAccreditation", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["TourOperatorAccreditation"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UserProfileCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["UserProfileCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhenToVisitCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["WhenToVisitCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhenToVisitType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["WhenToVisitType"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WeatherStatus", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["WeatherStatus"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ZomatoCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["ZomatoCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContentCard", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["ContentCard"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContentCardType", function() { return _cards_index__WEBPACK_IMPORTED_MODULE_0__["ContentCardType"]; });
/* harmony import */ var _paginator_paginator_event_model__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1207);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PaginatorEvent", function() { return _paginator_paginator_event_model__WEBPACK_IMPORTED_MODULE_1__["PaginatorEvent"]; });
/* harmony import */ var _range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1324);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RidgeRange", function() { return _range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"]; });
/* harmony import */ var _models_provinces_model__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(967);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Province", function() { return _models_provinces_model__WEBPACK_IMPORTED_MODULE_3__["Province"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Provinces", function() { return _models_provinces_model__WEBPACK_IMPORTED_MODULE_3__["Provinces"]; });
/* harmony import */ var _range_selector_range_selector_model__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1214);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RangeSelector", function() { return _range_selector_range_selector_model__WEBPACK_IMPORTED_MODULE_4__["RangeSelector"]; });
/* harmony import */ var _forms_dropdown_select_item_interface__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1959);
/* harmony import */ var _forms_dropdown_select_item_interface__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_forms_dropdown_select_item_interface__WEBPACK_IMPORTED_MODULE_5__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _forms_dropdown_select_item_interface__WEBPACK_IMPORTED_MODULE_5__) if(["default","CardComponent","Card","CardEventType","ContentPillarType","CardCategoryInfo","PersonCardType","PersonCard","HowToGetHereCard","HowToGetHereType","LocationCard","PillarCard","QuoteCard","ReviewCard","SocialFeedCard","SocialFeedType","TourOperatorCard","TourOperatorAccreditation","UserProfileCard","WhenToVisitCard","WhenToVisitType","WeatherStatus","ZomatoCard","ContentCard","ContentCardType","PaginatorEvent","RidgeRange","Province","Provinces","RangeSelector"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _forms_dropdown_select_item_interface__WEBPACK_IMPORTED_MODULE_5__[key]; }) }(__WEBPACK_IMPORT_KEY__));
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RangeSelectorPatternComponent", function() { return RangeSelectorPatternComponent; });
/* harmony import */ var _range_selector_pattern_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1961);
/* harmony import */ var _range_selector_pattern_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_range_selector_pattern_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1324);
/* harmony import */ var _components_range_selector_range_selector_model__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1214);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var RangeSelectorPatternComponent = /** @class */ (function () {
function RangeSelectorPatternComponent() {
this.step = 1;
this.minValue = 0;
this.maxValue = 200;
this._ridgeRanges = [];
this.createRidgeRanges();
this.rangeSelector = new _components_range_selector_range_selector_model__WEBPACK_IMPORTED_MODULE_3__["RangeSelector"]();
this.ignoreStep = false;
this.rangeSelector.leftRange = 25;
this.rangeSelectorSingleSlider = new _components_range_selector_range_selector_model__WEBPACK_IMPORTED_MODULE_3__["RangeSelector"]();
}
Object.defineProperty(RangeSelectorPatternComponent.prototype, "ridgeRanges", {
get: function () {
if (this.ridgeRangesOff) {
return undefined;
}
else {
return this._ridgeRanges;
}
},
enumerable: false,
configurable: true
});
RangeSelectorPatternComponent.prototype.createRidgeRanges = function () {
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](0, 10, 70, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](10, 30, 50, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](30, 35, 100, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](35, 40, 400, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](40, 67, 300, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](67, 80, 123, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](80, 90, 40, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](90, 100, 100, true));
};
RangeSelectorPatternComponent.prototype.changeRange = function () {
this._ridgeRanges = [];
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](0, 20, 50, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](20, 40, 100, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](40, 45, 20, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](45, 50, 200, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](50, 77, 150, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](77, 90, 111, true));
this._ridgeRanges.push(new _components_range_selector_ridge_range_model__WEBPACK_IMPORTED_MODULE_2__["RidgeRange"](90, 100, 50, true));
};
RangeSelectorPatternComponent.prototype.resetRange = function () {
this.rangeSelector = new _components_range_selector_range_selector_model__WEBPACK_IMPORTED_MODULE_3__["RangeSelector"]();
};
RangeSelectorPatternComponent.ctorParameters = function () { return []; };
RangeSelectorPatternComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'sat-range-selector-pattern',
template: _range_selector_pattern_html__WEBPACK_IMPORTED_MODULE_0___default.a
}),
__metadata("design:paramtypes", [])
], RangeSelectorPatternComponent);
return RangeSelectorPatternComponent;
}());
module.exports = "\n
\n\n \n \n \n \n \n \n \n \n
\n Cards
\nBasic info
\nIf you want to force size on the card, you need to adjust it for all breakpoints.
\nParent classes can be used on sat-card component.
\nThere are different scenarios for different devices. This required to provide cards sizing classes.
\nprefix + `card-xs`, `card-s`, `card-m`, `card-l`
There is xl size but this is l-sized card marked as featured
Prefixes based on breakpoints
\n- \n
- phone: `phone-card-*` \n
- tablet: `tablet-card-*` (eg. tablet-card-s) \n
- desktop-: `desktop-card-*` This will be applied to all resolutions >desktop-s breakpoint \n
- desktop-s: `desktop-s-card-*` \n
- desktop-m: `desktop-m-card-*` \n
- desktop-l: `desktop-l-card-*` \n\n\n
\n If you want single card to be l (default) on desktop, M on tablet and S on mobile:\n <sat-card class=\"card-custom desktop-card-l tablet-card-m phone-card-s\"></sat-card>\n
\n If you want single card to be XS on all devices:\n <sat-card class=\"card-custom phone-xs tablet-card-xs desktop-card-xs\"></sat-card>\n
Size forced
\n\n
\n\n \n
\n \n card-xs {{getTypeOf(contentCard)}}\n
\n \n {{contentCard | json}}\n \n \n
\n \n card-s {{getTypeOf(contentCard)}}\n
\n \n {{contentCard | json}}\n \n \n
\n \n card-m {{getTypeOf(contentCard)}}\n
\n \n {{contentCard | json}}\n \n \n
\n \n s <=tablet, card-m dekstop+ {{getTypeOf(contentCard)}}\n
\n \n {{contentCard | json}}\n \n \n
\n \n featured card-s {{getTypeOf(featureCard)}}\n
\n \n {{featureCard | json}}\n \n Others
\n\n
\n \n
\n \n {{getTypeOf(card)}}\n
\n \n {{card | json}}\n \n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StarSelectorPatternComponent", function() { return StarSelectorPatternComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var StarSelectorPatternComponent = /** @class */ (function () {
function StarSelectorPatternComponent() {
}
StarSelectorPatternComponent.prototype.onRangeChange = function (newRange) {
console.log('new range is', newRange);
};
StarSelectorPatternComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: 'sat-star-selector-pattern',
template: "\n \n \n \n \n \n\n \n \n \n \n \n \n\n
\nRange selector
\n\n
\n\n \n \n
\n\n RangeSelector model values:
\n{{rangeSelector | json}}\n Reset range\n Change ridge ranges\n Options
\n\n \n \n \n
\n \n \n
\n \n \n
\n \n
\n Options:
\n- \n
minValue: numberMinimal value on range (default 0) \n maxValue: numberMaximum value on range (default 100) \n ridgeRanges: RidgeRange[]Ridge ranges \n step: numberStep (default: 1) \n ignoreStepIgnore steps (default: false) \n ngModel: RangeSelectorModel with values (used to get data & insert data) \n
Example usage
\n\n \n<sat-range-selector\n [step]=\"1\"\n [ignoreStep]=\"true\"\n [minValue]=\"0\"\n [maxValue]=\"100\"\n [ridgeRanges]=\"ridgeRanges\"\n [(ngModel)]=\"rangeSelector\"></sat-range-selector>\n \n \n Single Slider
\nRangeSelector model values:
\n{{rangeSelectorSingleSlider | json}}\n\n \n \n<sat-range-selector\n [ignoreStep]=\"true\"\n [minValue]=\"0\"\n [maxValue]=\"100\"\n [singleSlider]=\"true\"\n [smoothEmit]=\"true\"\n [(ngModel)]=\"rangeSelectorSingleSlider\"></sat-range-selector>\n \n \n \n
\n "
})
], StarSelectorPatternComponent);
return StarSelectorPatternComponent;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MapPatternComponent", function() { return MapPatternComponent; });
/* harmony import */ var _map_pattern_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1964);
/* harmony import */ var _map_pattern_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_map_pattern_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _models_provinces_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(967);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var MapPatternComponent = /** @class */ (function () {
function MapPatternComponent() {
this.selectedProvinces = [];
this.mapAreas = _models_provinces_model__WEBPACK_IMPORTED_MODULE_2__["Provinces"].getAll();
}
MapPatternComponent.prototype.reset = function () {
this.selectedProvinces.length = 0;
};
MapPatternComponent.prototype.addProvince = function () {
var allProvinces = _models_provinces_model__WEBPACK_IMPORTED_MODULE_2__["Provinces"].getAll();
this.selectedProvinces.push(allProvinces[Math.floor((Math.random() * allProvinces.length))]);
};
MapPatternComponent.prototype.removeRandomProvince = function () {
if (this.selectedProvinces.length > 0) {
this.selectedProvinces.splice(Math.random() * this.selectedProvinces.length, 1);
}
};
MapPatternComponent.prototype.onProvinceChange = function (value) {
console.log('Map on province change', value);
};
MapPatternComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'sat-map-pattern',
template: _map_pattern_html__WEBPACK_IMPORTED_MODULE_0___default.a
})
], MapPatternComponent);
return MapPatternComponent;
}());
module.exports = "\n \n \n \n \n
\n Star selector
\n\n
\n \n
\n Options
\nInputs
\n- \n
- \n
maxStars: number, default = 5
\n Maximum number of stars (default 5)\n \n - \n
inverse: boolean, default = false
\n When true, component renders stars images for white background (default false)\n \n
Outputs
\n- \n
- \n
rangeChange: EventEmitter<NumberRange>
\n Emits object with selected stars with properties from and to (integers)\n \n
\n
\n \n \n <sat-star-selector\n [maxStars]=\"4\"\n [inverse]=\"true\"\n (rangeChange)]=\"onRangeChange($event)\"></sat-star-selector>\n \n \n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MapWithCitiesPatternComponent", function() { return MapWithCitiesPatternComponent; });
/* harmony import */ var _map_with_cities_pattern_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1966);
/* harmony import */ var _map_with_cities_pattern_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_map_with_cities_pattern_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _models_provinces_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(967);
/* harmony import */ var _models_cities_model__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1741);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var MapWithCitiesPatternComponent = /** @class */ (function () {
function MapWithCitiesPatternComponent() {
this.selectedCities = [];
this.mapAreas = _models_provinces_model__WEBPACK_IMPORTED_MODULE_2__["Provinces"].getAll().concat(_models_cities_model__WEBPACK_IMPORTED_MODULE_3__["Cities"].getAll());
this.liveMapAreas = _models_cities_model__WEBPACK_IMPORTED_MODULE_3__["Cities"].getAll();
}
MapWithCitiesPatternComponent.prototype.reset = function () {
this.selectedCities.length = 0;
};
MapWithCitiesPatternComponent.prototype.addCity = function () {
var allCities = _models_cities_model__WEBPACK_IMPORTED_MODULE_3__["Cities"].getAll();
this.selectedCities.push(allCities[Math.floor((Math.random() * allCities.length))]);
};
MapWithCitiesPatternComponent.prototype.removeRandomCity = function () {
if (this.selectedCities.length > 0) {
this.selectedCities.splice(Math.random() * this.selectedCities.length, 1);
}
};
MapWithCitiesPatternComponent.prototype.onCityChange = function (value) {
console.log('Map on city change', value);
};
MapWithCitiesPatternComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'sat-map-with-cities-pattern',
template: _map_with_cities_pattern_html__WEBPACK_IMPORTED_MODULE_0___default.a
})
], MapWithCitiesPatternComponent);
return MapWithCitiesPatternComponent;
}());
module.exports = "\n\n
\nMap
\n\n
\n \n
\n {{selectedProvinces | json}}\n \n \n \n \n\n \n \n
\n Example usage
\n\n \n<sat-map\n multi=\"true\"\n [(ngModel)]=\"selectedProvinces\"\n [mapAreas]=\"allProvincesList\">\n</sat-map>\n \n \n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShowcaseModule", function() { return ShowcaseModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1144);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
/* harmony import */ var _components_components_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1150);
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1927);
/* harmony import */ var _range_selector_range_selector_pattern_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1960);
/* harmony import */ var _star_selector_star_selector_pattern_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1962);
/* harmony import */ var _map_provinces_map_pattern_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1963);
/* harmony import */ var _modules_sat_common_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1154);
/* harmony import */ var _map_cities_map_with_cities_pattern_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1965);
/* harmony import */ var _map_map_usage_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1968);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
// Directives
var ShowcaseModule = /** @class */ (function () {
function ShowcaseModule() {
}
ShowcaseModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: [
_index__WEBPACK_IMPORTED_MODULE_4__["CallsToActionComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["ColoursComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["GridComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["IconsComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["TagsComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["TypographyComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["FormsComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["AccordionPatternComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["ToggleSwitchPatternComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["CalendarPatternComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["TabsPatternComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["TooltipPatternComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["PaginationPatternComponent"],
_index__WEBPACK_IMPORTED_MODULE_4__["CardsComponent"],
_range_selector_range_selector_pattern_component__WEBPACK_IMPORTED_MODULE_5__["RangeSelectorPatternComponent"],
_star_selector_star_selector_pattern_component__WEBPACK_IMPORTED_MODULE_6__["StarSelectorPatternComponent"],
_map_provinces_map_pattern_component__WEBPACK_IMPORTED_MODULE_7__["MapPatternComponent"],
_map_cities_map_with_cities_pattern_component__WEBPACK_IMPORTED_MODULE_9__["MapWithCitiesPatternComponent"],
_map_map_usage_component__WEBPACK_IMPORTED_MODULE_10__["MapUsageComponent"]
],
imports: [
_modules_sat_common_module__WEBPACK_IMPORTED_MODULE_8__["SatCommonModule"],
_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"],
_components_components_module__WEBPACK_IMPORTED_MODULE_3__["ComponentsModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormsModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_1__["ReactiveFormsModule"]
],
providers: [],
bootstrap: []
})
], ShowcaseModule);
return ShowcaseModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MapUsageComponent", function() { return MapUsageComponent; });
/* harmony import */ var _map_usage_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1969);
/* harmony import */ var _map_usage_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_map_usage_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var MapUsageComponent = /** @class */ (function () {
function MapUsageComponent() {
}
MapUsageComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'sat-map-usage',
template: _map_usage_html__WEBPACK_IMPORTED_MODULE_0___default.a
})
], MapUsageComponent);
return MapUsageComponent;
}());
module.exports = "\n\n
\nMap With Cities
\n\n \n
\n \n \n \n\n \n \n
\n Example usage
\n\n \n<sat-map\n multi=\"true\"\n [(ngModel)]=\"selectedCities\"\n [mapAreas]=\"allProvincesList.concat(allCitiesList)\"\n [liveMapAreas]=\"allCitiesList\">\n</sat-map>\n \n \n Base model for Map Component is a MapArea interface. Currently implemented by City and Province classes.
\nOptions:
\n- \n
([ngModel]): MapArea[]List of selected mapAreas \n mapAreas: MapArea[]List of visible areas \n liveMapAreas: MapArea[]\n List of live areas - hoverable and clickable areas. If null mapAreas value is used.\n \n multi: booleanAllow multiple selection \n lock: booleanDisable selection \n onHoveredAreaChange: MapAreaHandle hover area event \n
\n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContactArea", function() { return ContactArea; });
var ContactArea = /** @class */ (function () {
function ContactArea(name, regions) {
this.name = name;
this.regions = regions ? regions : [];
}
return ContactArea;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PointsOfInterestModule", function() { return PointsOfInterestModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1144);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(411);
/* harmony import */ var _points_of_interest_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1541);
/* harmony import */ var _food_and_shopping_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1976);
/* harmony import */ var _when_to_visit_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1977);
/* harmony import */ var _shared_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1143);
/* harmony import */ var _ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1150);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var PointsOfInterestModule = /** @class */ (function () {
function PointsOfInterestModule() {
}
PointsOfInterestModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: [
_points_of_interest_component__WEBPACK_IMPORTED_MODULE_3__["PointsOfInterestComponent"],
_food_and_shopping_component__WEBPACK_IMPORTED_MODULE_4__["FoodAndShoppingComponent"],
_when_to_visit_component__WEBPACK_IMPORTED_MODULE_5__["WhenToVisitComponent"]
],
imports: [
_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormsModule"],
_ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_7__["ComponentsModule"],
_shared_module__WEBPACK_IMPORTED_MODULE_6__["SharedModule"]
],
exports: [
_points_of_interest_component__WEBPACK_IMPORTED_MODULE_3__["PointsOfInterestComponent"],
],
providers: [],
entryComponents: [
_points_of_interest_component__WEBPACK_IMPORTED_MODULE_3__["PointsOfInterestComponent"]
]
})
], PointsOfInterestModule);
return PointsOfInterestModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FoodAndShoppingComponent", function() { return FoodAndShoppingComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var FoodAndShoppingComponent = /** @class */ (function () {
function FoodAndShoppingComponent() {
}
FoodAndShoppingComponent.propDecorators = {
coords: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
zoom: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }]
};
FoodAndShoppingComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: 'poi-food-and-shopping',
template: "\n \n \n
\n\n \n
\n \n
\n \n
\n {{'contactSouthAfricanTourism' | translate}}
\n {{'southAfricanTourismIs' | translate}}
\n \n
\n \n
\n \n \n
\n {{area.name | translate}}
\n\n \n {{r.name | translate}}\n
\n 1 && travelSection\">\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {{'phone' | translate}}: \n \n {{selectedOffice.phoneNumber}}\n {{selectedOffice.phoneNumber}}
\n {{'fax' | translate}}: {{ selectedOffice.faxNumber }}\n
\n\n\n {{'email' | translate}}: \n {{selectedOffice.emailAddress}}\n
\n\n
\n \n
\n {{'postalAddress' | translate}}:
\n{{selectedOffice.postalAddressLine1}}
\n{{selectedOffice.postalAddressLine2}}
\n{{selectedOffice.postalSuburb}}
\n{{selectedOffice.postalPostcode}}
\n\n
\n \n
\n {{'physicalAddress' | translate}}:
\n{{selectedOffice.addressLine1}}
\n{{selectedOffice.addressLine2}}
\n{{selectedOffice.suburb}}
\n{{selectedOffice.postcode}}
\n\n
\n \n
\n \n {{'thankYouForYourMessage' | translate}}
\n \n \n \n \n
\n "
})
], FoodAndShoppingComponent);
return FoodAndShoppingComponent;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhenToVisitComponent", function() { return WhenToVisitComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _cards_card_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1148);
/* harmony import */ var _ui_kit_models_coords_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1978);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
var WhenToVisitComponent = /** @class */ (function () {
function WhenToVisitComponent(cardService) {
this.cardService = cardService;
this.tab = 1;
this.staysInDOM = false;
}
WhenToVisitComponent.prototype.ngOnInit = function () {
var _this = this;
if (this.coords) {
this.whenToVisitSubscription = this.cardService.getDailyForecastCard(this.coords)
.subscribe(function (card) {
_this.cards = __spreadArrays([card], _this.seasonalCards);
});
}
};
WhenToVisitComponent.prototype.ngOnDestroy = function () {
if (this.whenToVisitSubscription) {
this.whenToVisitSubscription.unsubscribe();
}
};
WhenToVisitComponent.ctorParameters = function () { return [
{ type: _cards_card_service__WEBPACK_IMPORTED_MODULE_1__["CardService"] }
]; };
WhenToVisitComponent.propDecorators = {
coords: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
seasonalCards: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
openedTab: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }]
};
WhenToVisitComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: 'poi-when-to-visit',
template: "\n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchPageModule", function() { return SearchPageModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _search_page_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1981);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1144);
/* harmony import */ var _shared_social_feed_social_feed_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1721);
/* harmony import */ var _shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1724);
/* harmony import */ var _ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1150);
/* harmony import */ var _shared_navigation_nav_bottom_nav_bottom_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1630);
/* harmony import */ var _shared_decks_deck_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1229);
/* harmony import */ var _modules_sat_common_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1154);
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1143);
/* harmony import */ var _search_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1712);
/* harmony import */ var _ng2_completer_ng2_completer_module__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(1728);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var SearchPageModule = /** @class */ (function () {
function SearchPageModule() {
}
SearchPageModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: [
_search_page_component__WEBPACK_IMPORTED_MODULE_1__["SearchPageComponent"]
],
imports: [
_modules_sat_common_module__WEBPACK_IMPORTED_MODULE_8__["SatCommonModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
_ng2_completer_ng2_completer_module__WEBPACK_IMPORTED_MODULE_11__["Ng2CompleterModule"],
_ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_5__["ComponentsModule"],
_shared_shared_module__WEBPACK_IMPORTED_MODULE_9__["SharedModule"],
_search_module__WEBPACK_IMPORTED_MODULE_10__["SearchModule"],
_shared_social_feed_social_feed_module__WEBPACK_IMPORTED_MODULE_3__["SocialFeedModule"],
_shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_4__["FooterModule"],
_shared_navigation_nav_bottom_nav_bottom_module__WEBPACK_IMPORTED_MODULE_6__["NavBottomModule"],
_shared_decks_deck_module__WEBPACK_IMPORTED_MODULE_7__["DeckModule"]
],
exports: [
_search_page_component__WEBPACK_IMPORTED_MODULE_1__["SearchPageComponent"]
],
providers: []
})
], SearchPageModule);
return SearchPageModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SpectatorsWishlistComponent", function() { return SpectatorsWishlistComponent; });
/* harmony import */ var _spectators_wish_list_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1984);
/* harmony import */ var _spectators_wish_list_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_spectators_wish_list_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
/* harmony import */ var _content_content_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(931);
/* harmony import */ var _decks_deck_type_enum__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1234);
/* harmony import */ var _general_actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(857);
/* harmony import */ var hashids__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(849);
/* harmony import */ var hashids__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(hashids__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(808);
/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_angular_redux_store__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var _spectators_wish_list_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1985);
/* harmony import */ var _ui_kit_components_cards_user_profile_user_profile_card_model__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(982);
/* harmony import */ var _ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(417);
/* harmony import */ var _services_url_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(847);
/* harmony import */ var _decks_request_paginator__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(420);
/* harmony import */ var _localization_localization_models__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(424);
/* harmony import */ var _services_sat_meta_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(1125);
/* harmony import */ var _section_section_model__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(422);
/* harmony import */ var _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(958);
/* harmony import */ var _decks_deck_api_service__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(932);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var SpectatorsWishlistComponent = /** @class */ (function () {
function SpectatorsWishlistComponent(route, spectatorsWishListService, contentService, ngRedux, generalActions, windowService, metaService, urlService, deckApiService) {
var _this = this;
this.route = route;
this.spectatorsWishListService = spectatorsWishListService;
this.contentService = contentService;
this.ngRedux = ngRedux;
this.generalActions = generalActions;
this.windowService = windowService;
this.metaService = metaService;
this.urlService = urlService;
this.deckApiService = deckApiService;
this.DeckType = _decks_deck_type_enum__WEBPACK_IMPORTED_MODULE_4__["DeckType"];
this.cards = [];
this.cardTypes = [];
this.mobileMode = false;
this.openedTab = 0;
this.fetching = true;
this.urlReadySub = this.urlService.ready.subscribe(function (ready) {
if (!ready)
return;
_this.cardTypes = [{ name: 'all', filterName: '' }];
var section = _this.urlService.getSection().path;
if (section === _section_section_model__WEBPACK_IMPORTED_MODULE_15__["SectionType"].Travel) {
_this.cardTypes.push({ name: 'activities', filterName: _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__["ContentCardType"].Article });
_this.cardTypes.push({ name: 'accommodation', filterName: _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__["ContentCardType"].Accommodation });
var language = _this.urlService.getLanguage();
// note: this may change in feature with country supporting multiple languages
if (language && language.code === _localization_localization_models__WEBPACK_IMPORTED_MODULE_13__["Languages"].EN.code) {
_this.cardTypes.push({ name: 'events', filterName: _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__["ContentCardType"].Event });
}
var region = _this.urlService.getRegion();
if (region && region.code !== _localization_localization_models__WEBPACK_IMPORTED_MODULE_13__["Regions"].GLOBAL.code) {
_this.cardTypes.push({ name: 'deals', filterName: _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__["ContentCardType"].Deal });
}
}
else if (section === 'business') {
_this.cardTypes.push({ name: 'venues', filterName: _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__["ContentCardType"].Venue });
_this.cardTypes.push({ name: 'incentives', filterName: _ui_kit_components_cards_content_content_card_type_enum__WEBPACK_IMPORTED_MODULE_16__["ContentCardType"].Incentive });
}
var guestWishlist = _this.route.snapshot.queryParams['static-wl'];
if (guestWishlist) { // guest user link
var hashIds = new hashids__WEBPACK_IMPORTED_MODULE_6___default.a();
var wishlistIds = hashIds.decode(guestWishlist);
_this.loadCards(wishlistIds);
}
else { // registered user link
_this.spectatorWishListSubscription = _this.route.params.subscribe(function (params) {
var id = params['id'];
_this.spectatorsWishListService.getSharedWishlist(id, section)
.subscribe(function (data) {
_this.userCard = new _ui_kit_components_cards_user_profile_user_profile_card_model__WEBPACK_IMPORTED_MODULE_9__["UserProfileCard"]();
_this.userCard.image = data.userProfilePic;
_this.userCard.name = data.displayName || data.username; // todo: BE can return 1 property
_this.cards = _this.deckApiService.resolveCards(data.wishlist);
_this.updateHeader();
_this.fetching = false;
}, function (err) { return console.log(err); });
});
}
});
}
SpectatorsWishlistComponent.prototype.ngOnInit = function () {
this.windowService.replayPreboot();
this.metaService.setTitle(this.metaService.titleDefault, true);
};
SpectatorsWishlistComponent.prototype.ngAfterViewInit = function () {
if (this.windowService.available()) {
this.ngRedux.dispatch(this.generalActions.stopLoading());
}
};
SpectatorsWishlistComponent.prototype.openTab = function (event) {
this.openedTab = event.index;
};
SpectatorsWishlistComponent.prototype.loadCards = function (wishlistIds) {
var _this = this;
this.contentService.getCardsFromIds(wishlistIds, new _decks_request_paginator__WEBPACK_IMPORTED_MODULE_12__["RequestParams"](1, 50), true)
.subscribe(function (response) {
_this.fetching = false;
_this.cards = response.data;
_this.updateHeader();
});
};
SpectatorsWishlistComponent.prototype.updateHeader = function () {
if (this.cards && this.cards.length > 0 && !this.headerImage) {
var image = this.cards[0].image;
if (image) {
this.headerImage = this.mobileMode ? image.crops.headerMobile : image.crops.headerDesktop;
}
}
};
SpectatorsWishlistComponent.prototype.ngOnDestroy = function () {
if (this.spectatorWishListSubscription) {
this.spectatorWishListSubscription.unsubscribe();
}
if (this.urlReadySub) {
this.urlReadySub.unsubscribe();
}
};
SpectatorsWishlistComponent.ctorParameters = function () { return [
{ type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
{ type: _spectators_wish_list_service__WEBPACK_IMPORTED_MODULE_8__["SpectatorsWishListService"] },
{ type: _content_content_service__WEBPACK_IMPORTED_MODULE_3__["ContentService"] },
{ type: _angular_redux_store__WEBPACK_IMPORTED_MODULE_7__["NgRedux"] },
{ type: _general_actions__WEBPACK_IMPORTED_MODULE_5__["GeneralActions"] },
{ type: _ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_10__["WindowService"] },
{ type: _services_sat_meta_service__WEBPACK_IMPORTED_MODULE_14__["SatMetaService"] },
{ type: _services_url_service__WEBPACK_IMPORTED_MODULE_11__["UrlService"] },
{ type: _decks_deck_api_service__WEBPACK_IMPORTED_MODULE_17__["DeckApiService"] }
]; };
SpectatorsWishlistComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'app-spectators-wishlist',
template: _spectators_wish_list_component_html__WEBPACK_IMPORTED_MODULE_0___default.a
}),
__metadata("design:paramtypes", [_angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"],
_spectators_wish_list_service__WEBPACK_IMPORTED_MODULE_8__["SpectatorsWishListService"],
_content_content_service__WEBPACK_IMPORTED_MODULE_3__["ContentService"],
_angular_redux_store__WEBPACK_IMPORTED_MODULE_7__["NgRedux"],
_general_actions__WEBPACK_IMPORTED_MODULE_5__["GeneralActions"],
_ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_10__["WindowService"],
_services_sat_meta_service__WEBPACK_IMPORTED_MODULE_14__["SatMetaService"],
_services_url_service__WEBPACK_IMPORTED_MODULE_11__["UrlService"],
_decks_deck_api_service__WEBPACK_IMPORTED_MODULE_17__["DeckApiService"]])
], SpectatorsWishlistComponent);
return SpectatorsWishlistComponent;
}());
module.exports = "\n
\n \n \n \n \n
\n \n \n \n
\n\n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SpectatorsWishListService", function() { return SpectatorsWishListService; });
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(203);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _services_url_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(847);
/* harmony import */ var _services_umbraco_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(571);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var SpectatorsWishListService = /** @class */ (function () {
function SpectatorsWishListService(http, urlService) {
this.http = http;
this.urlService = urlService;
}
SpectatorsWishListService.prototype.getSharedWishlist = function (wishlistId, section) {
var _this = this;
var url = "WishlistApi/GetSharedWishlist?sharedWishlistId=" + wishlistId + "§ion=" + section;
return this.http.get(url)
.catch(function (error) {
_this.urlService.goToErrorPage(error.status);
return rxjs__WEBPACK_IMPORTED_MODULE_0__["Observable"].throw(error || 'Server error');
});
};
SpectatorsWishListService.ctorParameters = function () { return [
{ type: _services_umbraco_service__WEBPACK_IMPORTED_MODULE_3__["UmbracoHttpService"] },
{ type: _services_url_service__WEBPACK_IMPORTED_MODULE_2__["UrlService"] }
]; };
SpectatorsWishListService = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])(),
__metadata("design:paramtypes", [_services_umbraco_service__WEBPACK_IMPORTED_MODULE_3__["UmbracoHttpService"],
_services_url_service__WEBPACK_IMPORTED_MODULE_2__["UrlService"]])
], SpectatorsWishListService);
return SpectatorsWishListService;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SpectatorsWishlistModule", function() { return SpectatorsWishlistModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _decks_deck_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1229);
/* harmony import */ var _modules_sat_common_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1154);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(411);
/* harmony import */ var _content_content_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1142);
/* harmony import */ var _shared_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1143);
/* harmony import */ var _ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1150);
/* harmony import */ var _pipes_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1653);
/* harmony import */ var _spectators_wish_list_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1985);
/* harmony import */ var _spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1983);
/* harmony import */ var _user_user_actions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(841);
/* harmony import */ var _user_user_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(858);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var SpectatorsWishlistModule = /** @class */ (function () {
function SpectatorsWishlistModule() {
}
SpectatorsWishlistModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: [
_spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_9__["SpectatorsWishlistComponent"]
],
imports: [
_modules_sat_common_module__WEBPACK_IMPORTED_MODULE_2__["SatCommonModule"],
_decks_deck_module__WEBPACK_IMPORTED_MODULE_1__["DeckModule"],
_angular_common__WEBPACK_IMPORTED_MODULE_3__["CommonModule"],
_shared_module__WEBPACK_IMPORTED_MODULE_5__["SharedModule"],
_content_content_module__WEBPACK_IMPORTED_MODULE_4__["ContentModule"],
_ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_6__["ComponentsModule"],
_pipes_module__WEBPACK_IMPORTED_MODULE_7__["PipesModule"]
],
exports: [
_spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_9__["SpectatorsWishlistComponent"]
],
providers: [
_user_user_service__WEBPACK_IMPORTED_MODULE_11__["UserService"],
_user_user_actions__WEBPACK_IMPORTED_MODULE_10__["UserActions"],
_spectators_wish_list_service__WEBPACK_IMPORTED_MODULE_8__["SpectatorsWishListService"]
],
entryComponents: [
_spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_9__["SpectatorsWishlistComponent"]
]
})
], SpectatorsWishlistModule);
return SpectatorsWishlistModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TravelModule", function() { return TravelModule; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(411);
/* harmony import */ var _shared_contact_us_contact_us_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1971);
/* harmony import */ var _content_content_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1142);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(416);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1144);
/* harmony import */ var _travel_routes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1979);
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1143);
/* harmony import */ var _shared_points_of_interest_points_of_interest_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1975);
/* harmony import */ var _shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1724);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(409);
/* harmony import */ var _shared_pipes_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1653);
/* harmony import */ var _shared_spectators_wish_list_spectators_wish_list_module__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(1990);
/* harmony import */ var _thank_you_thank_you_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(1986);
/* harmony import */ var _travel_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(1988);
/* harmony import */ var _user_user_actions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(841);
/* harmony import */ var _user_user_service__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(858);
/* harmony import */ var _ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(1150);
/* harmony import */ var _shared_error_error_module__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(1252);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(541);
/* harmony import */ var _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(1765);
/* harmony import */ var _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(1766);
/* harmony import */ var _modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(572);
/* harmony import */ var _app_module__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(1110);
/* harmony import */ var _search_search_page_module__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(1991);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var TravelModule = /** @class */ (function () {
function TravelModule() {
}
TravelModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_9__["NgModule"])({
declarations: [
_travel_component__WEBPACK_IMPORTED_MODULE_13__["TravelComponent"],
_thank_you_thank_you_component__WEBPACK_IMPORTED_MODULE_12__["ThankYouComponent"]
],
imports: [
_angular_common__WEBPACK_IMPORTED_MODULE_0__["CommonModule"],
_angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"].forChild(_travel_routes__WEBPACK_IMPORTED_MODULE_5__["TRAVEL_ROUTES"]),
_search_search_page_module__WEBPACK_IMPORTED_MODULE_23__["SearchPageModule"],
_shared_shared_module__WEBPACK_IMPORTED_MODULE_6__["SharedModule"],
_content_content_module__WEBPACK_IMPORTED_MODULE_2__["ContentModule"],
_shared_points_of_interest_points_of_interest_module__WEBPACK_IMPORTED_MODULE_7__["PointsOfInterestModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_4__["ReactiveFormsModule"],
_shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_8__["FooterModule"],
_shared_contact_us_contact_us_module__WEBPACK_IMPORTED_MODULE_1__["ContactUsModule"],
_shared_pipes_module__WEBPACK_IMPORTED_MODULE_10__["PipesModule"],
_ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_16__["ComponentsModule"],
_shared_error_error_module__WEBPACK_IMPORTED_MODULE_17__["ErrorModule"],
_shared_spectators_wish_list_spectators_wish_list_module__WEBPACK_IMPORTED_MODULE_11__["SpectatorsWishlistModule"],
_ngx_translate_core__WEBPACK_IMPORTED_MODULE_18__["TranslateModule"].forChild({
loader: {
provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_18__["TranslateLoader"],
useFactory: _app_module__WEBPACK_IMPORTED_MODULE_22__["HttpLoaderFactory"],
deps: [_modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_21__["TransferHttp"]]
},
missingTranslationHandler: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_18__["MissingTranslationHandler"], useClass: _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_19__["SatMissingTranslationHandler"] },
parser: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_18__["TranslateParser"], useClass: _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_20__["SatTranslateParser"] }
})
],
providers: [
_user_user_service__WEBPACK_IMPORTED_MODULE_15__["UserService"],
_user_user_actions__WEBPACK_IMPORTED_MODULE_14__["UserActions"],
]
})
], TravelModule);
return TravelModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TRAVEL_ROUTES", function() { return TRAVEL_ROUTES; });
/* harmony import */ var _shared_shared_routes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1980);
/* harmony import */ var _shared_spectators_wish_list_spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1983);
/* harmony import */ var _thank_you_thank_you_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1986);
/* harmony import */ var _travel_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1988);
var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
var TRAVEL_ROUTES = [
{
path: "",
component: _travel_component__WEBPACK_IMPORTED_MODULE_3__["TravelComponent"],
children: __spreadArrays([
{ path: "thank-you", component: _thank_you_thank_you_component__WEBPACK_IMPORTED_MODULE_2__["ThankYouComponent"] },
{
path: "spectators-wishlist/:id",
component: _shared_spectators_wish_list_spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_1__["SpectatorsWishlistComponent"],
},
{
path: "spectators-wishlist",
component: _shared_spectators_wish_list_spectators_wish_list_component__WEBPACK_IMPORTED_MODULE_1__["SpectatorsWishlistComponent"],
}
], _shared_shared_routes__WEBPACK_IMPORTED_MODULE_0__["SHARED_ROUTES"]),
},
];
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThankYouComponent", function() { return ThankYouComponent; });
/* harmony import */ var _thank_you_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1987);
/* harmony import */ var _thank_you_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_thank_you_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _general_actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(857);
/* harmony import */ var _ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(417);
/* harmony import */ var _services_url_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(847);
/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(808);
/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_angular_redux_store__WEBPACK_IMPORTED_MODULE_5__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var ThankYouComponent = /** @class */ (function () {
function ThankYouComponent(ngRedux, generalActions, windowService, urlService) {
this.ngRedux = ngRedux;
this.generalActions = generalActions;
this.windowService = windowService;
this.urlService = urlService;
}
ThankYouComponent.prototype.goHome = function () {
this.urlService.goToLanding();
};
ThankYouComponent.prototype.ngAfterContentInit = function () {
if (this.windowService.available()) {
this.ngRedux.dispatch(this.generalActions.startLoading());
}
};
ThankYouComponent.ctorParameters = function () { return [
{ type: _angular_redux_store__WEBPACK_IMPORTED_MODULE_5__["NgRedux"] },
{ type: _general_actions__WEBPACK_IMPORTED_MODULE_2__["GeneralActions"] },
{ type: _ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_3__["WindowService"] },
{ type: _services_url_service__WEBPACK_IMPORTED_MODULE_4__["UrlService"] }
]; };
ThankYouComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'app-thank-you',
template: _thank_you_component_html__WEBPACK_IMPORTED_MODULE_0___default.a
})
// todo: This component is shared between sections
,
__metadata("design:paramtypes", [_angular_redux_store__WEBPACK_IMPORTED_MODULE_5__["NgRedux"],
_general_actions__WEBPACK_IMPORTED_MODULE_2__["GeneralActions"],
_ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_3__["WindowService"],
_services_url_service__WEBPACK_IMPORTED_MODULE_4__["UrlService"]])
], ThankYouComponent);
return ThankYouComponent;
}());
module.exports = "\n \n
\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n
\n \n \n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TravelComponent", function() { return TravelComponent; });
/* harmony import */ var _travel_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1989);
/* harmony import */ var _travel_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_travel_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _shared_error_error_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1255);
/* harmony import */ var _shared_error_error_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1256);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var TravelComponent = /** @class */ (function () {
function TravelComponent(errorService) {
var _this = this;
this.errorService = errorService;
this.errorFound = false;
this.subscription = this.errorService.errorCodeChanged$
.subscribe(function (code) {
_this.errorFound = code !== _shared_error_error_data__WEBPACK_IMPORTED_MODULE_3__["OK"];
});
}
TravelComponent.prototype.ngOnDestroy = function () {
if (this.subscription) {
this.subscription.unsubscribe();
}
};
TravelComponent.ctorParameters = function () { return [
{ type: _shared_error_error_service__WEBPACK_IMPORTED_MODULE_2__["ErrorService"] }
]; };
TravelComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'app-travel',
template: _travel_component_html__WEBPACK_IMPORTED_MODULE_0___default.a
}),
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])(),
__metadata("design:paramtypes", [_shared_error_error_service__WEBPACK_IMPORTED_MODULE_2__["ErrorService"]])
], TravelComponent);
return TravelComponent;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CorporateComponent", function() { return CorporateComponent; });
/* harmony import */ var _corporate_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2064);
/* harmony import */ var _corporate_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_corporate_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _shared_section_section_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(422);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(541);
/* harmony import */ var _shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(424);
/* harmony import */ var _shared_error_error_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1255);
/* harmony import */ var _shared_error_error_data__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1256);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var CorporateComponent = /** @class */ (function () {
function CorporateComponent(translate, errorService) {
var _this = this;
this.errorService = errorService;
this.SectionType = _shared_section_section_model__WEBPACK_IMPORTED_MODULE_2__["SectionType"];
this.errorFound = false;
translate.setDefaultLang(_shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_4__["Languages"].EN.code);
translate.use(_shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_4__["Languages"].EN.code);
this.subscription = this.errorService.errorCodeChanged$
.subscribe(function (code) {
_this.errorFound = code !== _shared_error_error_data__WEBPACK_IMPORTED_MODULE_6__["OK"];
});
}
CorporateComponent.prototype.ngOnDestroy = function () {
if (this.subscription) {
this.subscription.unsubscribe();
}
};
CorporateComponent.ctorParameters = function () { return [
{ type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__["TranslateService"] },
{ type: _shared_error_error_service__WEBPACK_IMPORTED_MODULE_5__["ErrorService"] }
]; };
CorporateComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'app-corporate',
template: _corporate_component_html__WEBPACK_IMPORTED_MODULE_0___default.a
}),
__metadata("design:paramtypes", [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__["TranslateService"], _shared_error_error_service__WEBPACK_IMPORTED_MODULE_5__["ErrorService"]])
], CorporateComponent);
return CorporateComponent;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AgmDirectionModule", function() { return AgmDirectionModule; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵa", function() { return AgmDirection; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _agm_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1137);
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var AgmDirection = /** @class */ (function () {
function AgmDirection(gmapsApi) {
this.gmapsApi = gmapsApi;
// Options
this.travelMode = 'DRIVING';
this.transitOptions = undefined;
this.drivingOptions = undefined;
this.waypoints = [];
this.optimizeWaypoints = true;
this.provideRouteAlternatives = false;
this.avoidHighways = false;
this.avoidTolls = false;
// Remove or draw direction
this.visible = true;
// Direction change event handler
this.onChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
// Direction response for the new request
this.onResponse = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
// Send a custom infowindow
this.sendInfoWindow = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
// Status of Directions Query (google.maps.DirectionsStatus.OVER_QUERY_LIMIT)
this.status = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
this.directionsService = undefined;
this.directionsDisplay = undefined;
this.waypointsMarker = [];
// Use for visible flag
this.isFirstChange = true;
}
/**
* @return {?}
*/
AgmDirection.prototype.ngOnInit = /**
* @return {?}
*/
function () {
if (this.visible === true) {
this.directionDraw();
}
};
/**
* @param {?} obj
* @return {?}
*/
AgmDirection.prototype.ngOnChanges = /**
* @param {?} obj
* @return {?}
*/
function (obj) {
/**
* When visible is false then remove the direction layer
*/
if (!this.visible) {
try {
if (typeof this.originMarker !== 'undefined') {
this.originMarker.setMap(null);
this.destinationMarker.setMap(null);
this.waypointsMarker.forEach(function (w) { return w.setMap(null); });
}
this.directionsDisplay.setPanel(null);
this.directionsDisplay.setMap(null);
this.directionsDisplay = undefined;
}
catch (e) { }
}
else {
if (this.isFirstChange) {
/**
* When visible is false at the first time
*/
if (typeof this.directionsDisplay === 'undefined') {
this.directionDraw();
}
this.isFirstChange = false;
return;
}
/**
* When renderOptions are not first change then reset the display
*/
if (typeof obj.renderOptions !== 'undefined') {
if (obj.renderOptions.firstChange === false) {
if (typeof this.originMarker !== 'undefined') {
this.originMarker.setMap(null);
this.destinationMarker.setMap(null);
this.waypointsMarker.forEach(function (w) { return w.setMap(null); });
}
this.directionsDisplay.setPanel(null);
this.directionsDisplay.setMap(null);
this.directionsDisplay = undefined;
}
}
this.directionDraw();
}
};
/**
* This event is fired when the user creating or updating this direction
*/
/**
* This event is fired when the user creating or updating this direction
* @return {?}
*/
AgmDirection.prototype.directionDraw = /**
* This event is fired when the user creating or updating this direction
* @return {?}
*/
function () {
var _this = this;
this.gmapsApi.getNativeMap().then(function (map) {
if (typeof _this.directionsDisplay === 'undefined') {
_this.directionsDisplay = new google.maps.DirectionsRenderer(_this.renderOptions);
_this.directionsDisplay.setMap(map);
_this.directionsDisplay.addListener('directions_changed', function () {
_this.onChange.emit(_this.directionsDisplay.getDirections());
});
}
if (typeof _this.directionsService === 'undefined') {
_this.directionsService = new google.maps.DirectionsService;
}
if (typeof _this.panel === 'undefined') {
_this.directionsDisplay.setPanel(null);
}
else {
_this.directionsDisplay.setPanel(_this.panel);
}
// Render exist direction
if (typeof _this.renderRoute === 'object' && _this.renderRoute !== null) {
_this.directionsDisplay.setDirections(_this.renderRoute);
_this.renderRoute = null; // or set undefined, ''
}
else {
// Request new direction
_this.directionsService.route({
origin: _this.origin,
destination: _this.destination,
travelMode: _this.travelMode,
transitOptions: _this.transitOptions,
drivingOptions: _this.drivingOptions,
waypoints: _this.waypoints,
optimizeWaypoints: _this.optimizeWaypoints,
provideRouteAlternatives: _this.provideRouteAlternatives,
avoidHighways: _this.avoidHighways,
avoidTolls: _this.avoidTolls,
}, function (response, status) {
_this.onResponse.emit(response);
// Emit Query Status
_this.status.emit(status);
/**
* DirectionsStatus
* https://developers.google.com/maps/documentation/javascript/directions#DirectionsStatus
*/
switch (status) {
case 'OK':
_this.directionsDisplay.setDirections(response);
/**
* Emit The DirectionsResult Object
* https://developers.google.com/maps/documentation/javascript/directions?hl=en#DirectionsResults
*/
// Custom Markers
if (typeof _this.markerOptions !== 'undefined') {
// Remove origin markers
try {
if (typeof _this.originMarker !== 'undefined') {
google.maps.event.clearListeners(_this.originMarker, 'click');
_this.originMarker.setMap(null);
}
if (typeof _this.destinationMarker !== 'undefined') {
google.maps.event.clearListeners(_this.destinationMarker, 'click');
_this.destinationMarker.setMap(null);
}
_this.waypointsMarker.forEach(function (w) {
if (typeof w !== 'undefined') {
google.maps.event.clearListeners(w, 'click');
w.setMap(null);
}
});
}
catch (err) {
console.error('Can not reset custom marker.', err);
}
// Set custom markers
/** @type {?} */
var _route_1 = response.routes[0].legs[0];
try {
// Origin Marker
if (typeof _this.markerOptions.origin !== 'undefined') {
_this.markerOptions.origin.map = map;
_this.markerOptions.origin.position = _route_1.start_location;
_this.originMarker = _this.setMarker(map, _this.originMarker, _this.markerOptions.origin, _route_1.start_address);
}
// Destination Marker
if (typeof _this.markerOptions.destination !== 'undefined') {
_this.markerOptions.destination.map = map;
_this.markerOptions.destination.position = _route_1.end_location;
_this.destinationMarker = _this.setMarker(map, _this.destinationMarker, _this.markerOptions.destination, _route_1.end_address);
}
// Waypoints Marker
if (typeof _this.markerOptions.waypoints !== 'undefined') {
_this.waypoints.forEach(function (waypoint, index) {
// If waypoints are not array then set all the same
if (!Array.isArray(_this.markerOptions.waypoints)) {
_this.markerOptions.waypoints.map = map;
_this.markerOptions.waypoints.position = _route_1.via_waypoints[index];
_this.waypointsMarker.push(_this.setMarker(map, waypoint, _this.markerOptions.waypoints, _route_1.via_waypoints[index]));
}
else {
_this.markerOptions.waypoints[index].map = map;
_this.markerOptions.waypoints[index].position = _route_1.via_waypoints[index];
_this.waypointsMarker.push(_this.setMarker(map, waypoint, _this.markerOptions.waypoints[index], _route_1.via_waypoints[index]));
}
}); // End forEach
}
}
catch (err) {
console.error('MarkerOptions error.', err);
}
}
break;
default:
// console.warn(status);
break;
} // End switch
});
}
});
};
/**
* Custom Origin and Destination Icon
* @param map map
* @param marker marker
* @param markerOpts properties
* @param content marker's infowindow content
* @returns new marker
* @memberof AgmDirection
*/
/**
* Custom Origin and Destination Icon
* \@memberof AgmDirection
* @param {?} map map
* @param {?} marker marker
* @param {?} markerOpts properties
* @param {?} content marker's infowindow content
* @return {?} new marker
*/
AgmDirection.prototype.setMarker = /**
* Custom Origin and Destination Icon
* \@memberof AgmDirection
* @param {?} map map
* @param {?} marker marker
* @param {?} markerOpts properties
* @param {?} content marker's infowindow content
* @return {?} new marker
*/
function (map, marker, markerOpts, content) {
var _this = this;
if (typeof this.infoWindow === 'undefined') {
this.infoWindow = new google.maps.InfoWindow({});
this.sendInfoWindow.emit(this.infoWindow);
}
marker = new google.maps.Marker(markerOpts);
marker.addListener('click', function () {
/** @type {?} */
var infowindoContent = typeof markerOpts.infoWindow === 'undefined' ? content : markerOpts.infoWindow;
_this.infoWindow.setContent(infowindoContent);
_this.infoWindow.open(map, marker);
});
return marker;
};
AgmDirection.decorators = [
{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{
selector: 'agm-direction',
},] }
];
/** @nocollapse */
AgmDirection.ctorParameters = function () { return [
{ type: _agm_core__WEBPACK_IMPORTED_MODULE_1__["GoogleMapsAPIWrapper"] }
]; };
AgmDirection.propDecorators = {
origin: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
destination: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
travelMode: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
transitOptions: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
drivingOptions: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
waypoints: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
optimizeWaypoints: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
provideRouteAlternatives: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
avoidHighways: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
avoidTolls: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
renderOptions: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
panel: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
markerOptions: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
infoWindow: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
visible: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
renderRoute: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }],
onChange: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"] }],
onResponse: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"] }],
sendInfoWindow: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"] }],
status: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"] }]
};
return AgmDirection;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
var AgmDirectionModule = /** @class */ (function () {
function AgmDirectionModule() {
}
/**
* @return {?}
*/
AgmDirectionModule.forRoot = /**
* @return {?}
*/
function () {
return {
ngModule: AgmDirectionModule,
};
};
AgmDirectionModule.decorators = [
{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"], args: [{
imports: [],
declarations: [
AgmDirection,
],
exports: [
AgmDirection,
]
},] }
];
return AgmDirectionModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
//# sourceMappingURL=agm-direction.js.map
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LocalTipsModule", function() { return LocalTipsModule; });
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(541);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _agm_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1137);
/* harmony import */ var agm_direction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1993);
/* harmony import */ var _selected_tips_panel_calculate_route_calculate_route_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1994);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(411);
/* harmony import */ var _ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1150);
/* harmony import */ var _selected_tips_panel_connected_partner_deals_connected_partner_deals_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(2003);
/* harmony import */ var _selected_tips_panel_contact_contact_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(2005);
/* harmony import */ var _content_content_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1142);
/* harmony import */ var _shared_error_error_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1252);
/* harmony import */ var _tip_pipe__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2012);
/* harmony import */ var _shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(1724);
/* harmony import */ var _app_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(1110);
/* harmony import */ var _selected_tips_panel_local_tip_local_tip_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(2013);
/* harmony import */ var _local_tips_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2017);
/* harmony import */ var _ui_kit_pipes_pipes_module__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(1176);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(1144);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(416);
/* harmony import */ var _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(1765);
/* harmony import */ var _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(1766);
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(1143);
/* harmony import */ var _local_tips_routes__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(2044);
/* harmony import */ var _modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(572);
/* harmony import */ var _user_user_actions__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(841);
/* harmony import */ var _user_user_service__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(858);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var LocalTipsModule = /** @class */ (function () {
function LocalTipsModule() {
}
LocalTipsModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
declarations: [
_local_tips_component__WEBPACK_IMPORTED_MODULE_15__["LocalTipsComponent"],
_selected_tips_panel_local_tip_local_tip_component__WEBPACK_IMPORTED_MODULE_14__["LocalTipComponent"],
_selected_tips_panel_contact_contact_component__WEBPACK_IMPORTED_MODULE_8__["ContactComponent"],
_selected_tips_panel_calculate_route_calculate_route_component__WEBPACK_IMPORTED_MODULE_4__["CalculateRouteComponent"],
_selected_tips_panel_connected_partner_deals_connected_partner_deals_component__WEBPACK_IMPORTED_MODULE_7__["ConnectedPartnerDealsComponent"],
_tip_pipe__WEBPACK_IMPORTED_MODULE_11__["FilterPipe"],
],
imports: [
agm_direction__WEBPACK_IMPORTED_MODULE_3__["AgmDirectionModule"],
_agm_core__WEBPACK_IMPORTED_MODULE_2__["AgmCoreModule"],
_angular_common__WEBPACK_IMPORTED_MODULE_5__["CommonModule"],
_ui_kit_pipes_pipes_module__WEBPACK_IMPORTED_MODULE_16__["PipesModule"],
_shared_shared_module__WEBPACK_IMPORTED_MODULE_21__["SharedModule"],
_angular_router__WEBPACK_IMPORTED_MODULE_18__["RouterModule"].forChild(_local_tips_routes__WEBPACK_IMPORTED_MODULE_22__["TIPS_ROUTES"]),
_angular_forms__WEBPACK_IMPORTED_MODULE_17__["ReactiveFormsModule"],
_content_content_module__WEBPACK_IMPORTED_MODULE_9__["ContentModule"],
_shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_12__["FooterModule"],
_ui_kit_components_components_module__WEBPACK_IMPORTED_MODULE_6__["ComponentsModule"],
_shared_error_error_module__WEBPACK_IMPORTED_MODULE_10__["ErrorModule"],
_ngx_translate_core__WEBPACK_IMPORTED_MODULE_0__["TranslateModule"].forChild({
loader: {
provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_0__["TranslateLoader"],
useFactory: _app_module__WEBPACK_IMPORTED_MODULE_13__["HttpLoaderFactory"],
deps: [_modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_23__["TransferHttp"]],
},
missingTranslationHandler: {
provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_0__["MissingTranslationHandler"],
useClass: _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_19__["SatMissingTranslationHandler"],
},
parser: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_0__["TranslateParser"], useClass: _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_20__["SatTranslateParser"] },
}),
],
providers: [_user_user_service__WEBPACK_IMPORTED_MODULE_25__["UserService"], _user_user_actions__WEBPACK_IMPORTED_MODULE_24__["UserActions"]],
schemas: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["NO_ERRORS_SCHEMA"]],
})
], LocalTipsModule);
return LocalTipsModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CalculateRouteComponent", function() { return CalculateRouteComponent; });
/* harmony import */ var _calculate_route_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1995);
/* harmony import */ var _calculate_route_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_calculate_route_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _local_tips_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2002);
/* harmony import */ var _shared_devices_device_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(805);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
var CalculateRouteComponent = /** @class */ (function () {
function CalculateRouteComponent(cdr) {
this.cdr = cdr;
this.routes = [{ id: 0, data: null }];
this.tipRoutesChange = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
this.getCoords = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
this.mobileSelectTips = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
this.routeInputValues = [];
this.calculateClicked = false;
this.initialized = false;
}
CalculateRouteComponent.prototype.ngOnInit = function () {
var innerWidth = window.innerWidth;
this.isMobile = innerWidth < _shared_devices_device_service__WEBPACK_IMPORTED_MODULE_3__["TABLET_BP"];
this.routes[0].data = this.selectedTip;
this.routeInputValues[0] = this.selectedTip ? this.selectedTip.name : "";
this.directionsService = new google.maps.DirectionsService();
};
CalculateRouteComponent.prototype.ngAfterViewInit = function () {
var element = document.getElementById("route-0-indicator");
if (element) {
element.style.backgroundColor = this.getIndicatorColor(0);
}
this.initialized = true;
this.cdr.detectChanges();
};
CalculateRouteComponent.prototype.selectEvent = function (index, event) {
var _this = this;
if (this.initialized) {
this.routes[index]["data"] = event;
this.routeInputValues[index] = event ? event.name : "";
this.updateTips();
this.tipRoutesChange.emit(this.routes);
setTimeout(function () {
var element = document.getElementById("route-" + index + "-indicator");
if (element) {
element.style.backgroundColor =
_this.getIndicatorColor(index);
}
}, 500);
}
};
CalculateRouteComponent.prototype.getIndicatorColor = function (index) {
var color = "white";
if (this.routes.length > 0) {
var category = this.routes.filter(function (e) { return e.id === index; })[0].data
.categories;
if (category) {
var input = document.getElementById("route-input-" + index);
if (input) {
switch (category) {
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].ACCOMODATION:
input.style.border =
"1px solid #054694";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].CULTURE:
input.style.border =
"1px solid #018D94";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].SCENIC_BEAUTY:
input.style.border =
"1px solid #00984A";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].GASTRONOMY:
input.style.border =
"1px solid #E51D22";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].WILDLIFE_SAFARI:
input.style.border =
"1px solid #E51D22";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].ACTIVE_ADVENTURE:
input.style.border =
"1px solid #FEAC00";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].SUSTAINABILITY:
input.style.border =
"1px solid #78D613";
break;
}
}
switch (category) {
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].ACCOMODATION:
color = "#014694";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].CULTURE:
color = "#018D94";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].SCENIC_BEAUTY:
color = "#00954A";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].GASTRONOMY:
color = "#E51D22";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].WILDLIFE_SAFARI:
color = "#FE5100";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].ACTIVE_ADVENTURE:
color = "#FEAC00";
break;
case _local_tips_model__WEBPACK_IMPORTED_MODULE_2__["TipCategoryLabel"].SUSTAINABILITY:
color = "#78D613";
break;
}
}
}
return color;
};
CalculateRouteComponent.prototype.onClearSearch = function (index) {
try {
var routeIndex = this.routes.findIndex(function (obj) { return obj.id === index; });
this.routes[routeIndex]["data"] = null;
this.routeInputValues[index] = "";
this.updateTips();
this.tipRoutesChange.emit(this.routes);
}
catch (error) {
console.log(error);
}
};
CalculateRouteComponent.prototype.onRouteInput = function (index, value) {
this.routeInputValues[index] = value;
if (!value) {
this.onClearSearch(index);
return;
}
var tip = this.getSelectableTips(index).find(function (item) { return item && item.name === value; });
if (tip) {
this.selectEvent(index, tip);
}
};
CalculateRouteComponent.prototype.getSelectableTips = function (index) {
var selectedTipNames = this.routes
.filter(function (route, routeIndex) { return routeIndex !== index && route && route.data; })
.map(function (route) { return route.data.name; });
return (this.allTips || []).filter(function (tip) { return tip && !selectedTipNames.includes(tip.name); });
};
CalculateRouteComponent.prototype.clearRoutes = function () {
if (this.routes.length > 0) {
this.routes = [this.routes[0]];
this.updateTips();
this.calculateRoute();
this.tipRoutesChange.emit([this.routes]);
}
};
CalculateRouteComponent.prototype.calculateRoute = function () {
return __awaiter(this, void 0, void 0, function () {
var points, waypoints, time, kms, origin, dest;
var _this = this;
return __generator(this, function (_a) {
this.calculateText = "...";
points = [];
this.routes.forEach(function (e) {
try {
if (e && e.data && e.data.latitude && e.data.longitude) {
points = __spreadArrays(points, [
new google.maps.LatLng(e.data.latitude, e.data.longitude),
]);
}
else {
points = [];
}
}
catch (e) {
console.log(e);
}
});
waypoints = this.routes.slice(1, this.routes.length - 1);
waypoints = waypoints.map(function (e) {
return {
stopover: true,
location: {
lat: Number(e.data.latitude),
lng: Number(e.data.longitude),
},
};
});
time = 0;
kms = 0;
points.forEach(function (e, index) { return __awaiter(_this, void 0, void 0, function () {
var request, response;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (!(index < points.length - 1)) return [3 /*break*/, 2];
request = {
origin: points[index],
destination: points[index + 1],
travelMode: google.maps.TravelMode.DRIVING,
};
return [4 /*yield*/, this.directionsService.route(request, function (response) { })];
case 1:
response = _a.sent();
// var time = response.routes[0].legs[0].duration.text;
// var kms = response.routes[0].legs[0].distance.text;
response.routes[0].legs.forEach(function (element) {
time += element.duration.value;
kms += element.distance.value;
});
this.calculateText = (time ? this.secondsToHms(time) + " | " : "") + " " + (kms ? Math.ceil(kms / 1000) + " km" : "");
_a.label = 2;
case 2: return [2 /*return*/];
}
});
}); });
this.calculateClicked = true;
origin = {}, dest = {};
if (this.routes[0] && this.routes[0].data) {
origin = {
lat: Number(this.routes[0].data.latitude),
lng: Number(this.routes[0].data.longitude),
};
dest = {
lat: Number(this.routes[this.routes.length - 1].data.latitude),
lng: Number(this.routes[this.routes.length - 1].data.longitude),
};
}
this.getCoords.emit({
origin: origin,
destination: dest,
waypoints: waypoints,
});
return [2 /*return*/];
});
});
};
CalculateRouteComponent.prototype.secondsToHms = function (d) {
d = Number(d);
var h = Math.floor(d / 3600);
var m = Math.floor((d % 3600) / 60);
var s = Math.floor((d % 3600) % 60);
var hDisplay = h > 0 ? h + (h == 1 ? " hour " : " hours ") : "";
var mDisplay = m > 0 ? m + (m == 1 ? " minute " : " minutes") : "";
return hDisplay + mDisplay;
};
CalculateRouteComponent.prototype.addAnotherTip = function () {
this.updateTips();
this.routes = __spreadArrays(this.routes, [
{
id: this.routes.length,
data: null,
},
]);
this.routeInputValues[this.routes.length - 1] = "";
};
CalculateRouteComponent.prototype.updateTips = function () {
this.tips = this.allTips;
var tipNames = this.routes.map(function (r) { return r && r.data != null ? r.data.name : null; });
this.tips = this.tips.filter(function (tip) { return tip != null && !tipNames.includes(tip.name); });
};
CalculateRouteComponent.prototype.removeRow = function (index) {
this.routes = this.routes.filter(function (e) { return e != null && e.id !== index; });
this.routeInputValues.splice(index, 1);
this.updateTips();
this.calculateRoute();
this.tipRoutesChange.emit(this.routes);
};
CalculateRouteComponent.prototype.shiftDown = function (index) {
var el = this.routes[index];
var inputValue = this.routeInputValues[index];
this.routes[index].id = this.routes[index].id + 1;
this.routes[index + 1].id = this.routes[index + 1].id - 1;
this.routes[index] = this.routes[index + 1];
this.routes[index + 1] = el;
this.routeInputValues[index] = this.routeInputValues[index + 1];
this.routeInputValues[index + 1] = inputValue;
this.calculateRoute();
};
CalculateRouteComponent.prototype.shiftUp = function (index) {
var el = this.routes[index];
var inputValue = this.routeInputValues[index];
this.routes[index].id = this.routes[index].id - 1;
this.routes[index - 1].id = this.routes[index - 1].id + 1;
this.routes[index] = this.routes[index - 1];
this.routes[index - 1] = el;
this.routeInputValues[index] = this.routeInputValues[index - 1];
this.routeInputValues[index - 1] = inputValue;
this.calculateRoute();
};
CalculateRouteComponent.prototype.onMapSelectTips = function () {
this.mobileSelectTips.emit({
selectMoreTips: true,
routes: this.routes
});
};
CalculateRouteComponent.ctorParameters = function () { return [
{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ChangeDetectorRef"] }
]; };
CalculateRouteComponent.propDecorators = {
placeRoute: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"] }],
tips: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"] }],
allTips: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"] }],
selectedTip: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"] }],
tipRoutesChange: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"] }],
getCoords: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"] }],
mobileSelectTips: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"] }]
};
CalculateRouteComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: "calculate-route",
template: _calculate_route_component_html__WEBPACK_IMPORTED_MODULE_0___default.a,
}),
__metadata("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ChangeDetectorRef"]])
], CalculateRouteComponent);
return CalculateRouteComponent;
}());
module.exports = "{{'thankYou' | translate}}
\n{{'forSigningUpForOurNewsletter' | translate}}
\n{{'pleaseCheckYourMailbox' | translate}}
\n \n\n \n \n \n \n
\n \n {{'routeCalculator' | translate}}
\n\n
\n \n 1\"\n src=\"" + __webpack_require__(2000) + "\"\n (click)=\"shiftUp(i)\"\n />\n
\n \n
\n \n
\n \n
\n \n ![](\"")
\n
\n {{'addAnotherTipFromMap' | translate }}
\n\n
\n <- {{'goBackToMap' | translate}}
\n= 2\" class=\"calculate-route-divider\">
\n\n = 2\">\n
\n \n
\n\n Total Trip
\n\n by Google Maps\n
\n{{ calculateText }}
\n= 2\">\n {{'routeDisclaimer' | translate}}\n
\n\n 0\"\n class=\"connected-deals-title\"\n >\n {{'takeALookAtTheseDeals' | translate}}\n \n \n 0 {{'resultsFound' | translate}}\n \n\n 0\"\n [cards]=\"featuredDeals\"\n [deckType]=\"DeckType.Slider\"\n [expandable]=\"true\"\n [tab]=\"0\"\n [openedTab]=\"openedTab\"\n [forceOverflow]=\"true\"\n [visible]=\"true\"\n >\n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContactComponent", function() { return ContactComponent; });
/* harmony import */ var _contact_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2006);
/* harmony import */ var _contact_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_contact_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var ContactComponent = /** @class */ (function () {
function ContactComponent() {
this.selectedAddress = "";
}
ContactComponent.prototype.ngOnDestroy = function () { };
ContactComponent.prototype.ngOnInit = function () {
var tipAddress = [];
tipAddress.push(this.selectedTip.addressLine1);
tipAddress.push(this.selectedTip.addressLine2);
tipAddress.push(this.selectedTip.suburb);
tipAddress.push(this.selectedTip.postcode);
tipAddress.push(this.selectedTip.country);
tipAddress = tipAddress.filter(function (t) { return t != ''; });
this.selectedAddress = tipAddress.join(', ');
};
ContactComponent.ctorParameters = function () { return []; };
ContactComponent.propDecorators = {
selectedTip: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"] }]
};
ContactComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: "contact",
template: _contact_component_html__WEBPACK_IMPORTED_MODULE_0___default.a,
}),
__metadata("design:paramtypes", [])
], ContactComponent);
return ContactComponent;
}());
module.exports = "\n
\n";module.exports = __webpack_require__.p + "e643f9b8.svg";module.exports = __webpack_require__.p + "15737898.svg";module.exports = __webpack_require__.p + "0cdbfd3a.svg";module.exports = __webpack_require__.p + "f6f02988.svg";module.exports = __webpack_require__.p + "be5f36c5.svg";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterPipe", function() { return FilterPipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var FilterPipe = /** @class */ (function () {
function FilterPipe() {
}
/**
* Pipe filters the list of elements based on the search text provided
*
* @param items list of elements to search in
* @param tipText search string
* @returns list of elements filtered by search text or []
*/
FilterPipe.prototype.transform = function (items, tipText, locationText, priceText) {
if (tipText) {
tipText = tipText.toLocaleLowerCase();
}
if (locationText) {
locationText = locationText.toLocaleLowerCase();
}
var temp;
if (items)
temp = items;
if (tipText)
temp = this.filterByCategory(temp, tipText);
if (locationText)
temp = this.filterByLocation(temp, locationText);
if (priceText)
temp = this.filterByPrice(temp, priceText);
return temp;
};
FilterPipe.prototype.filterByCategory = function (items, tipText) {
if (tipText) {
return items.filter(function (it) { return it.name.toLocaleLowerCase().includes(tipText); });
}
};
FilterPipe.prototype.filterByLocation = function (items, locationText) {
if (locationText) {
return items.filter(function (it) {
return it.locationTitle
.toLocaleLowerCase()
.includes(locationText) ||
it.addressLine1
.toLocaleLowerCase()
.includes(locationText) ||
it.addressLine2
.toLocaleLowerCase()
.includes(locationText) ||
it.city.toLocaleLowerCase().includes(locationText) ||
it.postcode.toLocaleLowerCase().includes(locationText);
});
}
};
FilterPipe.prototype.filterByPrice = function (items, priceText) {
// TODO: @OTENG
// PLEASE CLEAN THIS UP
// CHAT TO KYLE WRT THE CURRENCY
if (!priceText || priceText === "")
return items;
if (priceText) {
priceText = priceText.replace(' ', '');
var filtered = void 0;
var priceA_1 = priceText.split("-")[0];
var priceB_1 = priceText.split("-")[1];
filtered = items.filter(function (it) {
if (it.currency && it.priceRange) {
var tipPriceA = it.priceRange.split("-")[0];
tipPriceA = tipPriceA ? tipPriceA.trim().replace(' ', '') : "";
if (tipPriceA.includes(" ")) {
tipPriceA = tipPriceA.substring(0, tipPriceA.indexOf(" "));
}
var tipPriceB = it.priceRange.split("-")[1];
tipPriceB = tipPriceB ? tipPriceB.trim().replace(' ', '') : "";
if (tipPriceB && tipPriceB.includes("R")) {
tipPriceB.replace("R", "");
}
if (tipPriceA.includes(" ")) {
tipPriceA = tipPriceA.substring(0, tipPriceA.indexOf(" "));
}
if (tipPriceA) {
tipPriceA = Number(tipPriceA);
}
if (tipPriceB) {
tipPriceB = Number(tipPriceB);
}
// R2500 - R5000 tipPriceA && tipPriceB priceA && priceB
// R2000 - R2500 priceA && priceB
console.log(tipPriceA, tipPriceB);
return ((tipPriceA >= priceA_1 && tipPriceA <= priceB_1) ||
(tipPriceB >= priceA_1 && tipPriceB <= priceB_1));
}
});
return filtered;
}
};
FilterPipe = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: "tipFilter" })
], FilterPipe);
return FilterPipe;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LocalTipComponent", function() { return LocalTipComponent; });
/* harmony import */ var _local_tip_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2014);
/* harmony import */ var _local_tip_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_local_tip_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _shared_social_social_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1235);
/* harmony import */ var _shared_social_social_share_model__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1061);
/* harmony import */ var _ReportTipOverlay_report_tip_overlay_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1763);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(541);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var LocalTipComponent = /** @class */ (function () {
function LocalTipComponent(overlay, socialService, translateService) {
this.overlay = overlay;
this.socialService = socialService;
this.translateService = translateService;
this.selectedTip = null;
this.submittedText = "";
this.daysAgoText = "";
}
LocalTipComponent.prototype.ngOnInit = function () {
var _this = this;
this.updateLabels();
this.translateSubscription = this.translateService.onLangChange.subscribe(function () {
_this.updateLabels();
});
};
LocalTipComponent.prototype.ngOnDestroy = function () {
if (this.translateSubscription) {
this.translateSubscription.unsubscribe();
}
};
LocalTipComponent.prototype.updateLabels = function () {
var _this = this;
this.translateService.get(['submitted', 'daysAgo']).subscribe(function (translate) {
_this.submittedText = translate['submitted'];
_this.daysAgoText = translate['daysAgo'];
});
};
LocalTipComponent.prototype.getDate = function (dateString) {
var today = new Date();
var date = new Date(dateString);
var diff = today - date;
var diffDays = Math.ceil(diff / (1000 * 60 * 60 * 24));
var desc = this.submittedText + " " + diffDays + " " + this.daysAgoText;
return desc;
};
LocalTipComponent.prototype.share = function (tip) {
var shareModel = new _shared_social_social_share_model__WEBPACK_IMPORTED_MODULE_3__["SocialShareModel"]();
shareModel.title = tip.name;
shareModel.text = tip.description;
shareModel.info = "";
shareModel.url = tip.url;
this.socialService.toggleShareState(shareModel);
};
LocalTipComponent.prototype.openOverlay = function (id) {
this.overlay.open(id);
};
LocalTipComponent.ctorParameters = function () { return [
{ type: _ReportTipOverlay_report_tip_overlay_service__WEBPACK_IMPORTED_MODULE_4__["ReportTipOverlayService"] },
{ type: _shared_social_social_service__WEBPACK_IMPORTED_MODULE_2__["SocialService"] },
{ type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__["TranslateService"] }
]; };
LocalTipComponent.propDecorators = {
selectedTip: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"] }]
};
LocalTipComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: "local-tip",
template: _local_tip_component_html__WEBPACK_IMPORTED_MODULE_0___default.a,
}),
__metadata("design:paramtypes", [_ReportTipOverlay_report_tip_overlay_service__WEBPACK_IMPORTED_MODULE_4__["ReportTipOverlayService"],
_shared_social_social_service__WEBPACK_IMPORTED_MODULE_2__["SocialService"],
_ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__["TranslateService"]])
], LocalTipComponent);
return LocalTipComponent;
}());
module.exports = "{{'contact' | translate}}
\n\n \n
\n {{ selectedAddress }}
\n\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n{{ selectedTip.nearestAirport }}
\n\n \n \n
\n \n\n {{'overview' | translate}}
\n\n \n
\n {{ getDate(selectedTip.dateAdded) }}
\n{{selectedTip.tipsSubHeading}}
\n \n\n
\n {{'priceRange' | translate}}:
\n{{ selectedTip.currency }}{{ selectedTip.priceRange }}
\n\n
\n {{'averageTimeSpent' | translate}}:
\n{{ selectedTip.averageTimeSpent }}
\n\n
\n {{'websiteOrLinkToLearnMore' | translate}}:
\n{{ selectedTip.link }}
\n\n \n ![\"\"]()
\n
\n \n\n";module.exports = __webpack_require__.p + "4e1f7f69.svg";module.exports = __webpack_require__.p + "3297567f.svg";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LocalTipsComponent", function() { return LocalTipsComponent; });
/* harmony import */ var _local_tips_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2018);
/* harmony import */ var _local_tips_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_local_tips_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
/* harmony import */ var _local_tips_model__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2002);
/* harmony import */ var _CreateWishlistOverlay_wishlist_overlay_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(915);
/* harmony import */ var _ui_kit_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1958);
/* harmony import */ var _content_content_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(931);
/* harmony import */ var _shared_decks_deck_type_enum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1234);
/* harmony import */ var _shared_devices_device_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(805);
/* harmony import */ var _shared_localization_localization_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(423);
/* harmony import */ var _selected_tips_panel_calculate_route_calculate_route_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1994);
/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(808);
/* harmony import */ var _angular_redux_store__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_angular_redux_store__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _user_user_actions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(841);
/* harmony import */ var _services_url_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(847);
/* harmony import */ var _ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(417);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var LocalTipsComponent = /** @class */ (function () {
function LocalTipsComponent(route, localizationService, contentService, ngRedux, userActions, overlay, urlService, windowService) {
this.route = route;
this.localizationService = localizationService;
this.contentService = contentService;
this.ngRedux = ngRedux;
this.userActions = userActions;
this.overlay = overlay;
this.urlService = urlService;
this.windowService = windowService;
this.errorFound = false;
this.DeckType = _shared_decks_deck_type_enum__WEBPACK_IMPORTED_MODULE_7__["DeckType"];
this.lat = -28.4792625;
this.lng = 24.6727135;
this.zoom = 6;
this.refineClicked = false;
this.tooltipVisible = false;
this.selectMoreTips = false;
this.tipText = "";
this.locationText = "";
this.priceText = "";
this.infoWindowOpened = null;
this.previous_info_window = null;
this.tipRoutes = [];
this.region = "";
this.language = "";
this.isFilterOpen = false;
this.directionsRenderOptions = {
suppressMarkers: true,
polylineOptions: {
strokeColor: "#60709F",
},
};
this.directionMarkerOptions = {
origin: {
opacity: 0,
display: "none",
},
destination: {
opacity: 0,
display: "none",
},
waypoints: {
opacity: 0,
display: "none",
},
};
this.countryRestriction = {
latLngBounds: {
east: 10.49234,
north: 47.808455,
south: 45.81792,
west: 5.95608,
},
strictBounds: true,
};
this.categories = [
{
icon: __webpack_require__(2030),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ACCOMODATION,
text: "accommodation"
},
{
icon: __webpack_require__(2031),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].CULTURE,
text: "culture"
},
{
icon: __webpack_require__(2032),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].SCENIC_BEAUTY,
text: "scenicBeauty"
},
{
icon: __webpack_require__(2033),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].GASTRONOMY,
text: "gastronomy"
},
{
icon: __webpack_require__(2034),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].WILDLIFE_SAFARI,
text: "wildLifeAndSafari"
},
{
icon: __webpack_require__(2035),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ACTIVE_ADVENTURE,
text: "activeAdventure"
},
{
icon: __webpack_require__(2036),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].SUSTAINABILITY,
text: "sustainability"
},
{
icon: __webpack_require__(2036),
label: _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ALL_CATEGORIES,
text: "all"
}
];
this.selectedMenuItem = "Lokale tip";
this.selectedTipMenuItems = [
"Lokale tip",
"Contact ",
"Route berekenen",
"Verbonden partnerdeals",
];
this.localizationSub =
this.localizationService.localizationOnChange.subscribe(function (ready) {
});
}
LocalTipsComponent.prototype.ngOnDestroy = function () {
if (this.subscription) {
this.subscription.unsubscribe();
}
};
LocalTipsComponent.prototype.ngOnInit = function () {
var _this = this;
this.windowService.replayPreboot();
if (this.windowService.available()) {
var innerWidth_1 = window.innerWidth;
this.isMobile = innerWidth_1 < _shared_devices_device_service__WEBPACK_IMPORTED_MODULE_8__["TABLET_BP"];
}
else {
this.isMobile = false;
}
this.isContainerOpen = false;
this.urlService.waitForReady(function () {
_this.region = _this.urlService.getCountryCode();
_this.language = _this.urlService.getLanguageCode();
});
this.contentService.getLocalTips().subscribe(function (response) {
if (response) {
_this.localTipsContent = response;
_this.featuredDeals = _this.getCards(_this.localTipsContent.featuredDeals);
_this.contentService.getTotalNumberOfTips(response.id)
.subscribe(function (totalNumber) {
_this.contentService
.getTipsList(response.id, totalNumber)
.subscribe(function (response) {
if (response) {
_this.tipsList = response;
_this.allTipsList = response;
_this.route.params.subscribe(function (params) {
if (params['slug'] && params['slug'] != '') {
var tip = _this.tipsList.filter(function (list) {
return list.url.includes(params['slug']);
});
if (tip.length > 0) {
_this.onViewTipClicked(tip[0]);
}
}
});
}
});
});
}
});
};
LocalTipsComponent.prototype.getCards = function (featuredDeals) {
var _this = this;
var deals = [];
if (featuredDeals && featuredDeals.length > 0) {
featuredDeals.forEach(function (element) {
var deal = new _ui_kit_components__WEBPACK_IMPORTED_MODULE_5__["ContentCard"](_ui_kit_components__WEBPACK_IMPORTED_MODULE_5__["ContentCardType"].Deal);
deal.id = element.id;
deal.title = element.name;
deal.cardCategoryInfo = _ui_kit_components__WEBPACK_IMPORTED_MODULE_5__["CardCategoryInfo"].fromContentPillarType("WS", _ui_kit_components__WEBPACK_IMPORTED_MODULE_5__["ContentPillarType"].VibrantCulture);
deal.image = element.featuredImage;
deal.link = element.link;
deal.content = element.description;
if (element.typeAlias == 'localTipsPartner') {
deal.content = element.seoDescription;
deal.link = _this.region + '/' + _this.language + '/travel/partner/partner-deal/' + deal.id;
}
deal.price = element.price;
deal.currency = element.currency;
deal.isOnWishlist = Number(element.wishlistCount) > 0;
deal.discount = element.discount;
deal.contentTypeAlias = "featured-deal";
deal.coords = {
lat: Number(element.latitude),
lng: Number(element.longitude),
};
deal.location = element.city;
if (element.travelPartner && element.travelPartner.length > 0) {
deal.partnerName = element.travelPartner[0].name;
}
deals.push(deal);
});
}
return deals;
};
LocalTipsComponent.prototype.getTipDesc = function (index) {
var today = new Date();
var date = new Date(this.localTipsContent.featuredTips[index].dateAdded);
var diff = today - date;
var diffDays = Math.ceil(diff / (1000 * 60 * 60 * 24));
var desc = diffDays +
" dagen geleden door " +
this.localTipsContent.featuredTips[index].author;
return desc;
};
LocalTipsComponent.prototype.getTipInfoDesc = function (index) {
var today = new Date();
var date = new Date(this.tipsList[index].dateAdded);
var diff = today - date;
var diffDays = Math.ceil(diff / (1000 * 60 * 60 * 24));
var desc = "Ingezonden door " +
this.tipsList[index].author +
" " +
diffDays +
" dagen geleden";
return desc;
};
LocalTipsComponent.prototype.getFeaturedTips = function () {
if (this.localTipsContent && this.localTipsContent.featuredTips)
return this.localTipsContent.featuredTips;
};
LocalTipsComponent.prototype.onMapReady = function (map) {
if (map) {
}
map.setOptions({
streetViewControl: false,
scrollwheel: null,
zoom: this.zoom
});
};
LocalTipsComponent.prototype.zoomIn = function () {
++this.zoom;
};
LocalTipsComponent.prototype.closeTooltip = function () {
this.tooltipVisible = false;
};
LocalTipsComponent.prototype.zoomOut = function () {
--this.zoom;
};
LocalTipsComponent.prototype.getMarker = function (tip) {
var category = tip.categories;
try {
if (this.tipRoutes &&
this.tipRoutes.length > 0 &&
this.tipRoutes.some(function (e) { return tip && ["data"]["id"] === tip.id; })) {
switch (category) {
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ACCOMODATION:
return __webpack_require__(2030);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].CULTURE:
return __webpack_require__(2031);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].SCENIC_BEAUTY:
return __webpack_require__(2032);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].GASTRONOMY:
return __webpack_require__(2033);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].WILDLIFE_SAFARI:
return __webpack_require__(2034);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ACTIVE_ADVENTURE:
return __webpack_require__(2035);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].SUSTAINABILITY:
return __webpack_require__(2036);
default:
break;
}
}
else {
switch (category) {
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ACCOMODATION:
return __webpack_require__(2037);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].CULTURE:
return __webpack_require__(2038);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].SCENIC_BEAUTY:
return __webpack_require__(2039);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].GASTRONOMY:
return __webpack_require__(2040);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].WILDLIFE_SAFARI:
return __webpack_require__(2041);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ACTIVE_ADVENTURE:
return __webpack_require__(2042);
case _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].SUSTAINABILITY:
return __webpack_require__(2043);
default:
break;
}
}
}
catch (e) {
console.log(e, this.tipRoutes);
}
};
LocalTipsComponent.prototype.getCategoryCount = function (label) {
if (label == _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ALL_CATEGORIES) {
return 0;
}
else {
return this.tipsList && this.tipsList.length > 0 ?
this.tipsList.filter(function (e) { return e.categories === label; }).length : 0;
// || (label == TipCategoryLabel.ALL_CATEGORIES ? this.tipsList.length : 0);
}
};
LocalTipsComponent.prototype.onCategoryClicked = function (category) {
if (category != _local_tips_model__WEBPACK_IMPORTED_MODULE_3__["TipCategoryLabel"].ALL_CATEGORIES) {
this.tipsList = this.tipsList.filter(function (e) { return e.categories === category; });
}
else {
this.tipsList = this.allTipsList;
}
};
LocalTipsComponent.prototype.onTipSearch = function (text) {
this.tipText = text;
};
LocalTipsComponent.prototype.onLocationSearch = function (text) {
this.locationText = text;
};
LocalTipsComponent.prototype.onViewTipClicked = function (tip) {
this.selectedMenuItem = this.selectedTipMenuItems[0]; //"localTip";
this.openPanel(tip);
};
LocalTipsComponent.prototype.onWishlistClicked = function (tip) {
var email = this.ngRedux.getState().user.email != '';
if (!email) {
this.overlay.open(tip.id);
}
else {
this.ngRedux.dispatch(this.userActions.addToWishlist(tip.id, tip.name));
}
};
LocalTipsComponent.prototype.openPanel = function (tip) {
this.selectedTip = tip;
this.isContainerOpen = true;
if (this.windowService.available()) {
var innerWidth_2 = window.innerWidth;
this.isMobile = innerWidth_2 < _shared_devices_device_service__WEBPACK_IMPORTED_MODULE_8__["TABLET_BP"];
}
else {
this.isMobile = false;
}
if (this.isMobile) {
document.getElementById("view-tip-container").style.width = "100%";
}
else {
document.getElementById("view-tip-container").style.width = "35%";
}
document.getElementById("view-tip-container").style.left = "0";
this.close_window();
};
LocalTipsComponent.prototype.onCollapseTipClicked = function () {
this.selectedTip = null;
this.selectMoreTips = false;
this.isContainerOpen = false;
if (this.calculateRouteComponent) {
this.calculateRouteComponent.clearRoutes();
}
document.getElementById("view-tip-container").style.width = "0%";
document.getElementById("view-tip-container").style.left = "-50%";
};
LocalTipsComponent.prototype.close_window = function () {
if (this.previous_info_window)
this.previous_info_window.close();
};
LocalTipsComponent.prototype.select_marker = function (infoWindow, tip) {
if (this.selectedTip) {
var isCaptured = this.calculateRouteComponent.routes.some(function (route) { return route.data.id === tip.id; });
if (!isCaptured) {
this.calculateRouteComponent.addAnotherTip();
this.calculateRouteComponent.selectEvent(this.calculateRouteComponent.routes.length - 1, tip);
}
this.previous_info_window.close();
this.infoWindowOpened = infoWindow;
// return;
}
if (!this.previous_info_window)
this.previous_info_window = infoWindow;
else {
this.infoWindowOpened = infoWindow;
this.previous_info_window.close();
}
this.previous_info_window = infoWindow;
};
LocalTipsComponent.prototype.slide = function (direction) {
var container = document.getElementById("tip-menu");
var pageLeft = document.getElementById("page-left");
var pageRight = document.getElementById("page-right");
var maxScrollLeft = container.scrollWidth - container.clientWidth;
var scrollCompleted = 0;
if (this.windowService.available()) {
var slideVar = window.setInterval(function () {
if (direction == "left") {
container.scrollLeft -= 55;
pageRight.style.visibility = "visible";
}
else {
container.scrollLeft += 55;
pageLeft.style.visibility = "visible";
}
scrollCompleted += 10;
if (scrollCompleted >= 100) {
window.clearInterval(slideVar);
}
}, 10);
console.log(container.scrollLeft, container.clientWidth);
}
if (container.scrollLeft === 0) {
pageLeft.style.visibility = "hidden";
}
if (container.scrollLeft >= 0)
pageRight.style.visibility = "hidden";
pageLeft.style.visibility = "hidden";
};
LocalTipsComponent.prototype.onPriceTextChanged = function (text) {
this.priceText = text;
};
LocalTipsComponent.prototype.applyMobileFilter = function () {
this.isFilterOpen = false;
};
LocalTipsComponent.prototype.resetMobileFilter = function () {
this.priceText = "";
this.locationText = "";
this.isFilterOpen = false;
};
LocalTipsComponent.prototype.onFeaturedTipClicked = function (id) {
var element = document.querySelectorAll("[title=\"" + this.tipsList.filter(function (e) { return e.id === id; })[0].name + "\"]")[0];
if (element && this.windowService.available()) {
var map = document.getElementById("map");
var y = map.getBoundingClientRect().top +
window.scrollY +
map.getBoundingClientRect().top * 0.15;
window.scroll({
top: y,
behavior: "smooth",
});
element.click();
}
};
LocalTipsComponent.prototype.onTipRoutesChange = function (event) {
this.isContainerOpen = event.length > 0;
this.tipRoutes = event;
};
LocalTipsComponent.prototype.onSelectMoreTips = function (event) {
document.getElementById("view-tip-container").style.width = "0%";
document.getElementById("view-tip-container").style.left = "-50%";
this.selectMoreTips = event.selectMoreTips;
};
LocalTipsComponent.prototype.backToRouteCalculation = function () {
this.openCalculateRoute(this.selectedTip);
};
LocalTipsComponent.prototype.openCalculateRoute = function (tip) {
this.selectedMenuItem = this.selectedTipMenuItems[2];
this.openPanel(tip);
};
LocalTipsComponent.prototype.onGetCoords = function (event) {
this.origin = event.origin;
this.destination = event.destination;
this.waypoints = event.waypoints;
};
LocalTipsComponent.prototype.onLinkClicked = function (link) {
if (link && this.windowService.available()) {
window.open(link, "_blank");
}
};
LocalTipsComponent.prototype.switchTab = function (item) {
this.selectedMenuItem = item;
if (this.calculateRouteComponent) {
this.calculateRouteComponent.clearRoutes();
}
};
LocalTipsComponent.prototype.toggleMobileFilterMenu = function () {
this.isFilterOpen = !this.isFilterOpen;
};
LocalTipsComponent.ctorParameters = function () { return [
{ type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"] },
{ type: _shared_localization_localization_service__WEBPACK_IMPORTED_MODULE_9__["LocalizationService"] },
{ type: _content_content_service__WEBPACK_IMPORTED_MODULE_6__["ContentService"] },
{ type: _angular_redux_store__WEBPACK_IMPORTED_MODULE_11__["NgRedux"] },
{ type: _user_user_actions__WEBPACK_IMPORTED_MODULE_12__["UserActions"] },
{ type: _CreateWishlistOverlay_wishlist_overlay_service__WEBPACK_IMPORTED_MODULE_4__["WishlistOverlayService"] },
{ type: _services_url_service__WEBPACK_IMPORTED_MODULE_13__["UrlService"] },
{ type: _ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_14__["WindowService"] }
]; };
LocalTipsComponent.propDecorators = {
calculateRouteComponent: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"], args: [_selected_tips_panel_calculate_route_calculate_route_component__WEBPACK_IMPORTED_MODULE_10__["CalculateRouteComponent"], { static: false },] }]
};
LocalTipsComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: "local-tips",
template: _local_tips_component_html__WEBPACK_IMPORTED_MODULE_0___default.a,
}),
__metadata("design:paramtypes", [_angular_router__WEBPACK_IMPORTED_MODULE_2__["ActivatedRoute"],
_shared_localization_localization_service__WEBPACK_IMPORTED_MODULE_9__["LocalizationService"],
_content_content_service__WEBPACK_IMPORTED_MODULE_6__["ContentService"],
_angular_redux_store__WEBPACK_IMPORTED_MODULE_11__["NgRedux"],
_user_user_actions__WEBPACK_IMPORTED_MODULE_12__["UserActions"],
_CreateWishlistOverlay_wishlist_overlay_service__WEBPACK_IMPORTED_MODULE_4__["WishlistOverlayService"],
_services_url_service__WEBPACK_IMPORTED_MODULE_13__["UrlService"],
_ui_kit_services_window_service__WEBPACK_IMPORTED_MODULE_14__["WindowService"]])
], LocalTipsComponent);
return LocalTipsComponent;
}());
module.exports = "\n
\n \n \n
\n {{ localTipsContent.teaserHeading }}
\n\n {{ localTipsContent.teaserSubheading }}\n
\n\n \n\n
\n \n
\n\n \n \n
\n {{'navigatingTheMap' | translate}}
\n\n We hebben deze kaart ontwikkeld om jou te helpen je perfecte trip te plannen. Van het vaste land tot het water biedt\n Zuid-Afrika zoveel verschillende ervaringen die we allemaal hier hebben verzameld.\n
\n\n\n Op de kaart vind je iconen die categorieën vertegenwoordigen, zoals eten, avontuur en safari. Met deze iconen kun je\n filteren wat je zoekt en je focussen op wat jou het meest interesseert.\n
\n\n\n We verzamelen voortdurend nieuwe tips van locals, dus bewaar je favoriete tips en check regelmatig voor nieuwe.\n
\n\n Duurzaamheid is voor ons een belangrijk onderwerp. Daarom hebben we een Eco Tips sectie op de kaart gemaakt. Je kunt ons\n helpen Zuid-Afrika te beschermen door de speciale tips te verkennen die duurzaamheid aanmoedigen.\n
\n\n
\n\n \n
\n Geen tips gevonden voor\n \"{{tipText}}\"\n \"{{locationText}}\"\n \"{{priceText}}\".\n
\n\n
\n < {{'selectATripTipToCalculateARoute' | translate}}
\n{{'clickTipToAdd' | translate}}
\n\n \n \n \n \n \n\n
\n \n
\n \n \n
\n {{'navigatingTheMap' | translate}}
\n\n We hebben deze kaart ontwikkeld om jou te helpen je perfecte trip te plannen. Van het vaste land tot het\n water biedt\n Zuid-Afrika zoveel verschillende ervaringen die we allemaal hier hebben verzameld.\n
\n\n\n Op de kaart vind je iconen die categorieën vertegenwoordigen, zoals eten, avontuur en safari. Met deze\n iconen kun je\n filteren wat je zoekt en je focussen op wat jou het meest interesseert.\n
\n\n\n We verzamelen voortdurend nieuwe tips van locals, dus bewaar je favoriete tips en check regelmatig voor\n nieuwe.\n
\n\n Duurzaamheid is voor ons een belangrijk onderwerp. Daarom hebben we een Eco Tips sectie op de kaart gemaakt.\n Je kunt ons\n helpen Zuid-Afrika te beschermen door de speciale tips te verkennen die duurzaamheid aanmoedigen.\n
\n\n \n
\n \n
\n \n \n\n
\n \n
\n - \n
- {{'any' | translate}} \n
- £1 - £100 \n
- £100 - £500 \n
- £500 - £1000 \n
- £1000 - £1500 \n
- £1500 - £2000 \n
- £2000 - £2500 \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n {{ tip.name }}
\n\n \n {{'calculateRoute' | translate}}\n \n
\n \n \n {{tip.tipsSubHeading}}
\n \n\n
\n \n \n
\n \n \n
\n \n {{'priceRange' | translate}}:\n
\n\n {{ tip.currency\n }}{{ tip.priceRange }}\n
\n\n
\n \n {{'averageTimeSpent'| translate }}:\n
\n{{ tip.averageTimeSpent }}
\n\n \n \n
\n \n \n \n \n
\n \n {{ selectedTip.name }}\n
\n\n \n \n \n \n
\n \n \n \n
\n \n \n \n ![]()
\n
\n {{ cat.text | translate }}
\n({{ getCategoryCount(cat.label) }})
\n{{ localTipsContent.tipsHeading }}
\n{{ localTipsContent.tipsSubHeading }}
\n \n\n \n \n ![\"{{]()
\n
\n \n \n
\n \n
\n \n {{ tip.name }}
\n{{ getTipDesc(i) }}
\n\n \n \n
\n \n 0\"\n [cards]=\"featuredDeals\"\n [deckType]=\"DeckType.Slider\"\n [loadMore]=\"true\"\n [expandable]=\"true\"\n [tab]=\"0\"\n [openedTab]=\"openedTab\"\n [forceOverflow]=\"true\"\n [visible]=\"true\"\n >\n
\n \n
\n\n \n
\n \n {{ localTipsContent.dealsHeading }}\n
\n\n {{ localTipsContent.dealsSubHeading }}\n
\n\n {{ localTipsContent.dealsButtonText }} \n
\n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SUBMIT_TIP_ROUTES", function() { return SUBMIT_TIP_ROUTES; });
/* harmony import */ var _submit_tip_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2049);
var SUBMIT_TIP_ROUTES = [
{
path: "",
component: _submit_tip_component__WEBPACK_IMPORTED_MODULE_0__["SubmitTipComponent"],
children: [],
},
];
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubmitTipComponent", function() { return SubmitTipComponent; });
/* harmony import */ var _submit_tip_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2050);
/* harmony import */ var _submit_tip_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_submit_tip_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _content_content_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(931);
/* harmony import */ var _shared_error_error_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1255);
/* harmony import */ var _agm_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1137);
/* harmony import */ var _shared_error_error_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1256);
/* harmony import */ var _local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2002);
/* harmony import */ var _shared_validation_validation_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1512);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1144);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var SubmitTipComponent = /** @class */ (function () {
function SubmitTipComponent(errorService, mapsAPILoader, contentService, validationService) {
var _this = this;
this.errorService = errorService;
this.mapsAPILoader = mapsAPILoader;
this.contentService = contentService;
this.validationService = validationService;
this.errorFound = false;
this.tipCategories = [
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].ACCOMODATION,
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].CULTURE,
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].SCENIC_BEAUTY,
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].GASTRONOMY,
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].WILDLIFE_SAFARI,
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].ACTIVE_ADVENTURE,
_local_tips_local_tips_model__WEBPACK_IMPORTED_MODULE_6__["TipCategoryLabel"].SUSTAINABILITY,
];
this.files = [];
this.subscription = this.errorService.errorCodeChanged$.subscribe(function (code) {
_this.errorFound = code !== _shared_error_error_data__WEBPACK_IMPORTED_MODULE_5__["OK"];
});
}
SubmitTipComponent.prototype.ngOnInit = function () {
this.submitTipForm = new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormGroup"]({
fullname: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
email: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, []),
tellUsMore: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
category: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
title: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
description: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].maxLength(500)]),
telNo: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
location: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
latitude: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, []),
longitude: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, []),
costPerPerson: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, []),
duration: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [_angular_forms__WEBPACK_IMPORTED_MODULE_8__["Validators"].required]),
nearestAirport: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, []),
websiteLink: new _angular_forms__WEBPACK_IMPORTED_MODULE_8__["FormControl"](null, [])
});
this.formSubmitted = false;
this.formSubmitting = false;
this.filesUploading = false;
};
SubmitTipComponent.prototype.ngOnDestroy = function () {
};
SubmitTipComponent.prototype.clearForm = function () {
window.location.reload();
};
SubmitTipComponent.prototype.ngAfterViewInit = function () {
this.findAddress();
};
SubmitTipComponent.prototype.findAddress = function () {
var _this = this;
this.mapsAPILoader.load().then(function () {
var locationAutocomplete = new google.maps.places.Autocomplete(_this.locationSearch.nativeElement);
var airportAutocomplete = new google.maps.places.Autocomplete(_this.airportSearch.nativeElement);
locationAutocomplete.addListener("place_changed", function () {
// some details
var place = locationAutocomplete.getPlace();
_this.submitTipForm.value.location = place.formatted_address;
var coords = place.geometry.location.toJSON();
_this.submitTipForm.controls['location'].setValue(place.formatted_address);
_this.submitTipForm.controls['latitude'].setValue(coords.lat.toString());
_this.submitTipForm.controls['longitude'].setValue(coords.lng.toString());
});
airportAutocomplete.addListener("place_changed", function () {
var place = airportAutocomplete.getPlace();
_this.submitTipForm.controls['nearestAirport'].setValue(place.formatted_address);
});
});
};
SubmitTipComponent.prototype.onFileDropped = function ($event) {
this.prepareFilesList($event);
};
SubmitTipComponent.prototype.fileBrowseHandler = function ($event) {
this.prepareFilesList($event.target.files);
};
SubmitTipComponent.prototype.deleteFile = function (index) {
if (this.files[index].progress < 100) {
console.log("Upload in progress.");
return;
}
this.files.splice(index, 1);
};
SubmitTipComponent.prototype.prepareFilesList = function (files) {
this.filesError = "";
if (files.length > 6) {
this.filesError += "Only 6 files are allowed.\n";
return false;
}
var allowedFileTypes = ['image/png', 'image/jpeg', 'image/jpg', 'video/mp4'];
var _loop_1 = function (item) {
if (!allowedFileTypes.some(function (type) { return type == item.type; })) {
this_1.filesError += "File type is not allowed. " + item.name + " will not be uploaded.\n";
}
else if (item.size > 1000000) {
this_1.filesError += "Maximum file size is 1MB. " + item.name + " will not be uploaded.\n";
}
else {
item.progress = 0;
this_1.files.push(item);
}
};
var this_1 = this;
for (var _i = 0, files_1 = files; _i < files_1.length; _i++) {
var item = files_1[_i];
_loop_1(item);
}
this.fileDropEl.nativeElement.value = "";
this.uploadFilesSimulator(0);
};
SubmitTipComponent.prototype.uploadFilesSimulator = function (index) {
var _this = this;
setTimeout(function () {
if (index === _this.files.length) {
return;
}
else {
var progressInterval_1 = setInterval(function () {
if (_this.files[index].progress === 100) {
clearInterval(progressInterval_1);
_this.uploadFilesSimulator(index + 1);
}
else {
_this.files[index].progress += 5;
}
}, 200);
}
}, 1000);
};
SubmitTipComponent.prototype.formatBytes = function (bytes, decimals) {
if (decimals === void 0) { decimals = 2; }
if (bytes === 0) {
return "0 Bytes";
}
var k = 1024;
var dm = decimals <= 0 ? 0 : decimals;
var sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
var i = Math.floor(Math.log(bytes) / Math.log(k));
return (parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i]);
};
SubmitTipComponent.prototype.submitFormWithFiles = function (files) {
var _this = this;
this.formSubmitting = true;
this.contentService
.saveLocalTips("nl", "nl", this.submitTipForm.value.fullname, this.submitTipForm.value.title, this.submitTipForm.value.telNo, this.submitTipForm.value.tellUsMore, this.submitTipForm.value.category, this.submitTipForm.value.email, this.submitTipForm.value.description, this.submitTipForm.value.location, this.submitTipForm.value.websiteLink, "false", this.submitTipForm.value.duration, this.submitTipForm.value.costPerPerson ? this.submitTipForm.value.costPerPerson.substring(0, 1) : "", new Date().toString(), "", this.submitTipForm.value.latitude, this.submitTipForm.value.longitude, this.submitTipForm.value.costPerPerson, this.submitTipForm.value.nearestAirport, files)
.subscribe(function (resp) {
_this.formSubmitted = true;
_this.filesUploading = false;
_this.formSubmitting = false;
//
}, function (error) {
_this.filesUploading = false;
_this.formSubmitting = false;
});
};
SubmitTipComponent.prototype.onSubmitClicked = function (submitTipForm) {
var _this = this;
if (!this.submitTipForm.valid)
return;
if (this.files.length > 0) {
this.filesUploading = true;
this.contentService.saveLocalTipsFile(this.files).subscribe(function (response) {
_this.submitFormWithFiles(response);
});
}
else {
this.submitFormWithFiles([]);
}
};
SubmitTipComponent.ctorParameters = function () { return [
{ type: _shared_error_error_service__WEBPACK_IMPORTED_MODULE_3__["ErrorService"] },
{ type: _agm_core__WEBPACK_IMPORTED_MODULE_4__["MapsAPILoader"] },
{ type: _content_content_service__WEBPACK_IMPORTED_MODULE_2__["ContentService"] },
{ type: _shared_validation_validation_service__WEBPACK_IMPORTED_MODULE_7__["ValidationService"] }
]; };
SubmitTipComponent.propDecorators = {
fileDropEl: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"], args: ["fileDrop", { static: false },] }],
locationSearch: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"], args: ["locationSearch", { static: false },] }],
airportSearch: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"], args: ["airportSearch", { static: false },] }]
};
SubmitTipComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: "submit-tip",
template: _submit_tip_component_html__WEBPACK_IMPORTED_MODULE_0___default.a,
}),
__metadata("design:paramtypes", [_shared_error_error_service__WEBPACK_IMPORTED_MODULE_3__["ErrorService"],
_agm_core__WEBPACK_IMPORTED_MODULE_4__["MapsAPILoader"],
_content_content_service__WEBPACK_IMPORTED_MODULE_2__["ContentService"],
_shared_validation_validation_service__WEBPACK_IMPORTED_MODULE_7__["ValidationService"]])
], SubmitTipComponent);
return SubmitTipComponent;
}());
module.exports = "\n
\n\n
\n \n
\n Join South African locals
\nby submitting a travel tip below
\n\n\n
\n \n \n
\n \n
\n Thank you for submitting a tip!
\nWe love promoting tourism in South Africa and showing off local hotspots. We’ll review the tip submission and reach out\n if we have any questions.
\nWe hope to add this tip onto our map soon!
\n\n \n\n\n\n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StaticTranslateLoader", function() { return StaticTranslateLoader; });
/* harmony import */ var rxjs_add_operator_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(306);
/* harmony import */ var rxjs_add_operator_map__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(rxjs_add_operator_map__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var rxjs_add_operator_timeout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1768);
/* harmony import */ var rxjs_add_operator_timeout__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rxjs_add_operator_timeout__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _environments_environment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(425);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(203);
/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1269);
/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _app_shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(424);
var StaticTranslateLoader = /** @class */ (function () {
function StaticTranslateLoader(http, transferHttp, section) {
this.http = http;
this.transferHttp = transferHttp;
this.section = section;
this.cachedTranslations = [];
}
StaticTranslateLoader.prototype.getTranslation = function (lang) {
var _this = this;
// Static loader uses english only
lang = _app_shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_5__["Languages"].EN.code;
if (this.cachedTranslations && this.cachedTranslations[lang]) {
return rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].of(this.cachedTranslations[lang]);
}
else {
var apiTranslations_1 = this.http.get("TranslationApi/GetUiCopy?lang=" + lang);
var globalTranslations_1 = this.transferHttp.get(_environments_environment__WEBPACK_IMPORTED_MODULE_2__["environment"].appUrl + "assets/translation/global.json");
var sectionTranslations_1 = this.transferHttp.get(_environments_environment__WEBPACK_IMPORTED_MODULE_2__["environment"].appUrl + "assets/translation/" + this.section + ".json");
return rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].create(function (observer) {
return rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].forkJoin([apiTranslations_1, globalTranslations_1, sectionTranslations_1])
.timeoutWith(8000, rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].defer(function () { return rxjs__WEBPACK_IMPORTED_MODULE_3__["Observable"].throw('Request timed out.'); }))
.retry(5)
.retryWhen(function (errors) {
return errors
.delay(1000)
.take(2);
})
.subscribe(function (results) {
_this.cachedTranslations[lang] = lodash_merge__WEBPACK_IMPORTED_MODULE_4___default()(results[0], results[1], results[2]);
observer.next(_this.cachedTranslations[lang]);
observer.complete();
});
});
}
};
return StaticTranslateLoader;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpLoaderFactory", function() { return HttpLoaderFactory; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TradeModule", function() { return TradeModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(411);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1144);
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1143);
/* harmony import */ var _shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1724);
/* harmony import */ var _user_user_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(858);
/* harmony import */ var _user_user_actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(841);
/* harmony import */ var _content_content_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1142);
/* harmony import */ var _shared_contact_us_contact_us_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1971);
/* harmony import */ var _shared_error_error_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1252);
/* harmony import */ var _trade_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2058);
/* harmony import */ var _trade_routes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2060);
/* harmony import */ var _modules_translate_static_loader__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2056);
/* harmony import */ var _modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(572);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(541);
/* harmony import */ var _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(1765);
/* harmony import */ var _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(1766);
/* harmony import */ var _search_search_page_module__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(1991);
/* harmony import */ var _services_umbraco_service__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(571);
/* harmony import */ var _ui_kit_pipes_pipes_module__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(1176);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
function HttpLoaderFactory(http, transferHttp) {
return new _modules_translate_static_loader__WEBPACK_IMPORTED_MODULE_13__["StaticTranslateLoader"](http, transferHttp, 'trade');
}
var TradeModule = /** @class */ (function () {
function TradeModule() {
}
TradeModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: [
_trade_component__WEBPACK_IMPORTED_MODULE_11__["TradeComponent"]
],
imports: [
_angular_common__WEBPACK_IMPORTED_MODULE_1__["CommonModule"],
_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forChild(_trade_routes__WEBPACK_IMPORTED_MODULE_12__["TRADE_ROUTES"]),
_search_search_page_module__WEBPACK_IMPORTED_MODULE_18__["SearchPageModule"],
_shared_shared_module__WEBPACK_IMPORTED_MODULE_4__["SharedModule"],
_content_content_module__WEBPACK_IMPORTED_MODULE_8__["ContentModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_3__["ReactiveFormsModule"],
_shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_5__["FooterModule"],
_shared_contact_us_contact_us_module__WEBPACK_IMPORTED_MODULE_9__["ContactUsModule"],
_shared_error_error_module__WEBPACK_IMPORTED_MODULE_10__["ErrorModule"],
_ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__["TranslateModule"].forChild({
loader: {
provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__["TranslateLoader"],
useFactory: HttpLoaderFactory,
deps: [_services_umbraco_service__WEBPACK_IMPORTED_MODULE_19__["UmbracoHttpService"], _modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_14__["TransferHttp"]]
},
missingTranslationHandler: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__["MissingTranslationHandler"], useClass: _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_16__["SatMissingTranslationHandler"] },
parser: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_15__["TranslateParser"], useClass: _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_17__["SatTranslateParser"] },
isolate: true
}),
_ui_kit_pipes_pipes_module__WEBPACK_IMPORTED_MODULE_20__["PipesModule"]
],
providers: [
_user_user_service__WEBPACK_IMPORTED_MODULE_6__["UserService"],
_user_user_actions__WEBPACK_IMPORTED_MODULE_7__["UserActions"],
]
})
], TradeModule);
return TradeModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TradeComponent", function() { return TradeComponent; });
/* harmony import */ var _trade_component_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2059);
/* harmony import */ var _trade_component_html__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_trade_component_html__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(409);
/* harmony import */ var _shared_section_section_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(422);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(541);
/* harmony import */ var _shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(424);
/* harmony import */ var _shared_error_error_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1255);
/* harmony import */ var _shared_error_error_data__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1256);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(416);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var TradeComponent = /** @class */ (function () {
function TradeComponent(translate, errorService, route) {
var _this = this;
this.errorService = errorService;
this.route = route;
this.SectionType = _shared_section_section_model__WEBPACK_IMPORTED_MODULE_2__["SectionType"];
this.errorFound = false;
translate.setDefaultLang(_shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_4__["Languages"].EN.code);
translate.use(_shared_localization_localization_models__WEBPACK_IMPORTED_MODULE_4__["Languages"].EN.code);
this.subscription = this.errorService.errorCodeChanged$
.subscribe(function (code) {
_this.errorFound = code !== _shared_error_error_data__WEBPACK_IMPORTED_MODULE_6__["OK"];
});
this.route.data.subscribe(function (data) {
_this.portal = data.portal;
});
}
TradeComponent.prototype.ngOnDestroy = function () {
if (this.subscription) {
this.subscription.unsubscribe();
}
};
TradeComponent.ctorParameters = function () { return [
{ type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__["TranslateService"] },
{ type: _shared_error_error_service__WEBPACK_IMPORTED_MODULE_5__["ErrorService"] },
{ type: _angular_router__WEBPACK_IMPORTED_MODULE_7__["ActivatedRoute"] }
]; };
TradeComponent = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
selector: 'app-trade',
template: _trade_component_html__WEBPACK_IMPORTED_MODULE_0___default.a
}),
__metadata("design:paramtypes", [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__["TranslateService"], _shared_error_error_service__WEBPACK_IMPORTED_MODULE_5__["ErrorService"], _angular_router__WEBPACK_IMPORTED_MODULE_7__["ActivatedRoute"]])
], TradeComponent);
return TradeComponent;
}());
module.exports = "\n \n \n
\n";__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TRADE_ROUTES", function() { return TRADE_ROUTES; });
/* harmony import */ var _trade_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2058);
/* harmony import */ var _shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1980);
/* harmony import */ var _shared_models_portal_types_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(804);
var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
var TRADE_ROUTES = [
{
path: 'tgcsa', component: _trade_component__WEBPACK_IMPORTED_MODULE_0__["TradeComponent"], data: { portal: _shared_models_portal_types_model__WEBPACK_IMPORTED_MODULE_2__["PortalType"].TGCSA },
children: __spreadArrays(_shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["SEARCH_ROUTES"], _shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["CONTENT_ROUTES"])
},
{
path: 'lilizela', component: _trade_component__WEBPACK_IMPORTED_MODULE_0__["TradeComponent"], data: { portal: _shared_models_portal_types_model__WEBPACK_IMPORTED_MODULE_2__["PortalType"].Lilizela },
children: __spreadArrays(_shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["SEARCH_ROUTES"], _shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["CONTENT_ROUTES"])
},
{
path: 'welcome', component: _trade_component__WEBPACK_IMPORTED_MODULE_0__["TradeComponent"], data: { portal: _shared_models_portal_types_model__WEBPACK_IMPORTED_MODULE_2__["PortalType"].Welcome },
children: __spreadArrays(_shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["SEARCH_ROUTES"], _shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["CONTENT_ROUTES"])
},
{
path: '', component: _trade_component__WEBPACK_IMPORTED_MODULE_0__["TradeComponent"],
children: __spreadArrays(_shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["SHARED_ROUTES"])
}
];
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpLoaderFactory", function() { return HttpLoaderFactory; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CorporateModule", function() { return CorporateModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(409);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(411);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(416);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1144);
/* harmony import */ var _shared_shared_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1143);
/* harmony import */ var _shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1724);
/* harmony import */ var _user_user_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(858);
/* harmony import */ var _user_user_actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(841);
/* harmony import */ var _content_content_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1142);
/* harmony import */ var _shared_contact_us_contact_us_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1971);
/* harmony import */ var _shared_error_error_module__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1252);
/* harmony import */ var _corporate_routes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2062);
/* harmony import */ var _corporate_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(2063);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(541);
/* harmony import */ var _modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(572);
/* harmony import */ var _modules_translate_static_loader__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2056);
/* harmony import */ var _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(1765);
/* harmony import */ var _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(1766);
/* harmony import */ var _search_search_page_module__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(1991);
/* harmony import */ var _services_umbraco_service__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(571);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
// AoT requires an exported function for factories
function HttpLoaderFactory(http, transferHttp) {
return new _modules_translate_static_loader__WEBPACK_IMPORTED_MODULE_15__["StaticTranslateLoader"](http, transferHttp, 'corporate');
}
var CorporateModule = /** @class */ (function () {
function CorporateModule() {
}
CorporateModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
declarations: [
_corporate_component__WEBPACK_IMPORTED_MODULE_12__["CorporateComponent"]
],
imports: [
_angular_common__WEBPACK_IMPORTED_MODULE_1__["CommonModule"],
_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forChild(_corporate_routes__WEBPACK_IMPORTED_MODULE_11__["CORPORATE_ROUTES"]),
_search_search_page_module__WEBPACK_IMPORTED_MODULE_18__["SearchPageModule"],
_shared_shared_module__WEBPACK_IMPORTED_MODULE_4__["SharedModule"],
_content_content_module__WEBPACK_IMPORTED_MODULE_8__["ContentModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_3__["ReactiveFormsModule"],
_shared_footer_footer_module__WEBPACK_IMPORTED_MODULE_5__["FooterModule"],
_shared_contact_us_contact_us_module__WEBPACK_IMPORTED_MODULE_9__["ContactUsModule"],
_shared_error_error_module__WEBPACK_IMPORTED_MODULE_10__["ErrorModule"],
_ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__["TranslateModule"].forChild({
loader: {
provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__["TranslateLoader"],
useFactory: HttpLoaderFactory,
deps: [_services_umbraco_service__WEBPACK_IMPORTED_MODULE_19__["UmbracoHttpService"], _modules_transfer_http_transfer_http__WEBPACK_IMPORTED_MODULE_14__["TransferHttp"]]
},
missingTranslationHandler: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__["MissingTranslationHandler"], useClass: _modules_translate_missing_translation_handler__WEBPACK_IMPORTED_MODULE_16__["SatMissingTranslationHandler"] },
parser: { provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__["TranslateParser"], useClass: _modules_translate_translate_parser__WEBPACK_IMPORTED_MODULE_17__["SatTranslateParser"] },
isolate: true
})
],
providers: [
_user_user_service__WEBPACK_IMPORTED_MODULE_6__["UserService"],
_user_user_actions__WEBPACK_IMPORTED_MODULE_7__["UserActions"],
]
})
], CorporateModule);
return CorporateModule;
}());
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CORPORATE_ROUTES", function() { return CORPORATE_ROUTES; });
/* harmony import */ var _corporate_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2063);
/* harmony import */ var _shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1980);
var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
var CORPORATE_ROUTES = [{
path: '', component: _corporate_component__WEBPACK_IMPORTED_MODULE_0__["CorporateComponent"],
children: __spreadArrays(_shared_shared_routes__WEBPACK_IMPORTED_MODULE_1__["SHARED_ROUTES"])
}];
@charset "UTF-8";
/*
_ _ _ _ _ ____ _ _
/ \ _ __ _ __ | (_) ___ __ _| |_(_) ___ _ __ / ___|| |_ _ _| | ___ ___
/ _ \ | '_ \| '_ \| | |/ __/ _` | __| |/ _ \| '_ \ \___ \| __| | | | |/ _ \/ __|
/ ___ \| |_) | |_) | | | (_| (_| | |_| | (_) | | | | ___) | |_| |_| | | __/\__ \
/_/ \_\ .__/| .__/|_|_|\___\__,_|\__|_|\___/|_| |_| |____/ \__|\__, |_|\___||___/
|_| |_| |___/
The big daddy file that imports everything in the project
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none; }
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/*
#Variables
__ __ _ _ _
\ \ / /_ _ _ __(_) __ _| |__ | | ___ ___
\ \ / / _` | '__| |/ _` | '_ \| |/ _ \/ __|
\ V / (_| | | | | (_| | |_) | | __/\__ \
\_/ \__,_|_| |_|\__,_|_.__/|_|\___||___/
Variables to be set here
*/
.toast-title {
font-weight: bold; }
.toast-message {
word-wrap: break-word; }
.toast-message a,
.toast-message label {
color: #FFFFFF; }
.toast-message a:hover {
color: #CCCCCC;
text-decoration: none; }
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
-webkit-text-shadow: 0 1px 0 #ffffff;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8; }
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4; }
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.toast-top-center {
top: 0;
right: 0;
width: 100%; }
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%; }
.toast-top-full-width {
top: 0;
right: 0;
width: 100%; }
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%; }
.toast-top-left {
top: 12px;
left: 12px; }
.toast-top-right {
top: 12px;
right: 12px; }
.toast-bottom-right {
right: 12px;
bottom: 12px; }
.toast-bottom-left {
bottom: 12px;
left: 12px; }
#toast-container {
pointer-events: none;
position: fixed;
z-index: 99999; }
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#toast-container > div {
position: relative;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #FFFFFF;
opacity: 0.8; }
#toast-container > div.toast-custom {
padding: 15px;
color: #030303; }
#toast-container > div.toast-custom .toast-close-button {
color: #999999 !important; }
#toast-container > :hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
cursor: pointer; }
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
width: 300px;
margin: auto; }
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin: auto; }
.toast {
background-color: #FFFFFF;
pointer-events: auto; }
.toast-success {
background-color: #51A351; }
.toast-error {
background-color: #BD362F; }
.toast-info {
background-color: #2F96B4; }
.toast-warning {
background-color: #F89406; }
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4; }
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em; }
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em; } }
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 18em; }
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em; } }
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em; } }
/*
_ _ ___ _ ___ _
| | | |_ _| | |/ (_) |_
| | | || | | ' /| | __|
| |_| || | | . \| | |_
\___/|___| |_|\_\_|\__|
This is where teh magic happens people
*/
/*
____ _
/ ___| ___ _ __ ___ _ __ __ _| |
| | _ / _ \ '_ \ / _ \ '__/ _` | |
| |_| | __/ | | | __/ | | (_| | |
\____|\___|_| |_|\___|_| \__,_|_|
All general files to be linked here
*/
.hidden {
display: none !important; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.clearfix {
display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix {
height: 1%; }
.clearfix {
display: block; }
/* close commented backslash hack */
.u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; }
.no-wrap {
white-space: nowrap; }
@media (max-width: 767px) {
.not-mobile {
display: none; } }
@media (min-width: 768px) {
.mobile {
display: none; } }
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
@keyframes slide-left-to-right {
0% {
left: 0; }
100% {
left: 100%; } }
@keyframes slide-from-right {
0% {
transform: translateX(300px);
opacity: 0; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes slide-from-top {
0% {
transform: translateY(-300px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@keyframes slide-down-to-up-with-opacity {
from {
opacity: 0;
transform: translateY(100px); }
to {
opacity: 1;
transform: translateY(0); } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeInAndScale {
from {
opacity: 0;
transform: scale(0, 0); }
to {
opacity: 1;
transform: scale(1, 1); } }
.bck-white {
background-color: #ffffff;
color: #303030; }
.bck-primary {
background-color: #ffcb05; }
.bck-secondary {
background-color: #ffe582; }
.bck-dark {
color: #ffffff; }
.bck-black {
background-color: #222632;
color: #ffffff; }
.bck-yellow {
background-color: #ffcb05; }
.bck-green {
background-color: #00954a;
color: #ffffff; }
.bck-blue {
background-color: #034694;
color: #ffffff; }
.bck-red {
background-color: #ed1c24;
color: #ffffff; }
.bck-teal {
background-color: #2abdbb; }
.bck-lili-yellow {
background-color: #d3bb78; }
.bck-white-s {
background-color: #eeeeee; }
.bck-black-s {
background-color: #909298; }
.bck-yellow-s {
background-color: #ffe582; }
.bck-green-s {
background-color: #7fcaa4; }
.bck-blue-s {
background-color: #81a2c9; }
.bck-red-s {
background-color: #f68d91; }
.bck-dark-grey {
background-color: #303030; }
.bck-grad-white {
background: linear-gradient(45deg, #ffffff, #ffffff); }
.bck-grad-green {
background: linear-gradient(45deg, #00954a, #7fcaa4); }
.bck-grad-blue {
background: linear-gradient(45deg, #034694, #81a2c9); }
.bck-grad-red {
background: linear-gradient(45deg, #ed1c24, #f68d91); }
.pattern-white {
position: relative; }
.pattern-white:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(aa3b4576.png);
opacity: 0.1; }
.pattern-white-s {
position: relative; }
.pattern-white-s:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(aa3b4576.png);
opacity: 0.03; }
.pattern-black {
position: relative; }
.pattern-black:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(742053b4.png);
opacity: 0.1; }
.pattern-primary {
position: relative; }
.pattern-primary:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(7d46d7af.png);
opacity: 0.6; }
.pattern-hover {
position: relative; }
.pattern-hover:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(332c4f05.png);
opacity: 1; }
.pattern-social:before {
opacity: 0.2; }
.pattern-section:before {
opacity: 0.1; }
.pattern-section.bck-red:before {
opacity: 0.275; }
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
.container, .desktop-container {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
box-sizing: border-box; }
.container {
padding: 0 20px; }
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box; }
@media (min-width: 481px) {
.container {
width: 85%;
padding: 0; } }
@media (min-width: 768px) {
.container {
width: 80%; }
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }
.one.column,
.one.columns {
width: 4.66667%; }
.two.columns {
width: 13.33333%; }
.three.columns {
width: 22%; }
.four.columns {
width: 30.66667%; }
.five.columns {
width: 39.33333%; }
.six.columns {
width: 48%; }
.seven.columns {
width: 56.66667%; }
.eight.columns {
width: 65.33333%; }
.nine.columns {
width: 74%; }
.ten.columns {
width: 82.66667%; }
.eleven.columns {
width: 91.33333%; }
.twelve.columns {
width: 100%;
margin-left: 0; }
.one-third.column {
width: 30.66667%; }
.two-thirds.column {
width: 65.33333%; }
.one-half.column {
width: 48%; }
.offset-by-one.column,
.offset-by-one.columns {
margin-left: 8.66667%; }
.offset-by-two.column,
.offset-by-two.columns {
margin-left: 17.33333%; }
.offset-by-three.column,
.offset-by-three.columns {
margin-left: 26%; }
.offset-by-four.column,
.offset-by-four.columns {
margin-left: 34.66667%; }
.offset-by-five.column,
.offset-by-five.columns {
margin-left: 43.33333%; }
.offset-by-six.column,
.offset-by-six.columns {
margin-left: 52%; }
.offset-by-seven.column,
.offset-by-seven.columns {
margin-left: 60.66667%; }
.offset-by-eight.column,
.offset-by-eight.columns {
margin-left: 69.33333%; }
.offset-by-nine.column,
.offset-by-nine.columns {
margin-left: 78%; }
.offset-by-ten.column,
.offset-by-ten.columns {
margin-left: 86.66667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns {
margin-left: 95.33333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns {
margin-left: 34.66667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns {
margin-left: 69.33333%; }
.offset-by-one-half.column,
.offset-by-one-half.column {
margin-left: 52%; } }
@media (min-width: 1080px) {
.desktop-container {
width: 80%; } }
@media (max-width: 1079px) {
.wrap-columns-row .four.columns {
width: 100%;
float: left;
box-sizing: border-box; }
.wrap-columns-row .eight.columns {
width: 100%;
float: left;
box-sizing: border-box;
margin-left: 0;
margin-top: 40px; } }
.container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 200;
font-style: normal;
font-stretch: normal;
src: url(496917df.eot) format("embedded-opentype"), url(9be5d35d.woff2) format("woff2"), url(efadeb03.woff) format("woff"), url(d83ff250.otf) format("opentype"), url(3a031f39.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 200;
font-style: italic;
font-stretch: normal;
src: url(27181072.eot) format("embedded-opentype"), url(eb4b787f.woff2) format("woff2"), url(f79b1035.woff) format("woff"), url(89ac377d.otf) format("opentype"), url(62e29b21.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 300;
font-style: normal;
font-stretch: normal;
src: url(a04a3873.eot) format("embedded-opentype"), url(a76d8d0e.woff2) format("woff2"), url(ddd264ff.woff) format("woff"), url(a40de2e0.otf) format("opentype"), url(614a1d67.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 300;
font-style: italic;
font-stretch: normal;
src: url(f99e4bf9.eot) format("embedded-opentype"), url(5c590717.woff2) format("woff2"), url(9a845e7c.woff) format("woff"), url(79747ac8.otf) format("opentype"), url(7d9150fc.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 400;
font-style: normal;
font-stretch: normal;
src: url(3fbb6f0d.eot) format("embedded-opentype"), url(5ab87092.woff2) format("woff2"), url(af618075.woff) format("woff"), url(0b198fa8.otf) format("opentype"), url(f7ddc1cd.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 400;
font-style: italic;
font-stretch: normal;
src: url(36c4ad0a.eot) format("embedded-opentype"), url(f416dad8.woff2) format("woff2"), url(37fd840f.woff) format("woff"), url(60f558cb.otf) format("opentype"), url(e9de70de.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 600;
font-style: normal;
font-stretch: normal;
src: url(ab6ebe0f.eot) format("embedded-opentype"), url(5756432a.woff2) format("woff2"), url(b0454dd0.woff) format("woff"), url(1371b303.otf) format("opentype"), url(5d489df8.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 600;
font-style: italic;
font-stretch: normal;
src: url(b3acf8f5.eot) format("embedded-opentype"), url(0576ef49.woff2) format("woff2"), url(c8712966.woff) format("woff"), url(f609a777.otf) format("opentype"), url(0da5eba3.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 700;
font-style: normal;
font-stretch: normal;
src: url(37ce200a.eot) format("embedded-opentype"), url(a9051660.woff2) format("woff2"), url(01ed8b26.woff) format("woff"), url(2381d87f.otf) format("opentype"), url(4ce52856.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 700;
font-style: italic;
font-stretch: normal;
src: url(2ed94dd3.eot) format("embedded-opentype"), url(08f851c3.woff2) format("woff2"), url(6737b38d.woff) format("woff"), url(e7a4889a.otf) format("opentype"), url(62f6d692.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 900;
font-style: normal;
font-stretch: normal;
src: url(ac20edea.eot) format("embedded-opentype"), url(3196de62.woff2) format("woff2"), url(9e4ff417.woff) format("woff"), url(25807868.otf) format("opentype"), url(6e6926be.ttf) format("truetype"); }
@font-face {
font-family: 'Source Sans Pro';
font-weight: 900;
font-style: italic;
font-stretch: normal;
src: url(a01908f9.eot) format("embedded-opentype"), url(8c0b9b4b.woff2) format("woff2"), url(04cd409b.woff) format("woff"), url(d1ded181.otf) format("opentype"), url(67e5e0ad.ttf) format("truetype"); }
html {
/* Change default typefaces here */
font-size: 14px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased; }
@font-face {
font-family: 'fontello';
src: url(f38a85b9.eot);
src: url(f38a85b9.eot#iefix) format("embedded-opentype"), url(21dd6455.woff2) format("woff2"), url(2e2b252e.woff) format("woff"), url(20fe64c5.ttf) format("truetype"), url(fe832052.svg#fontello) format("svg");
font-weight: normal;
font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?91234478#fontello') format('svg');
}
}
*/
.iconfont, [class^="icon-"]:before, [class*=" icon-"]:before, .btn.social.facebook:before, .btn.social.twitter:before, .btn.social.linkedin:before, .btn.social.google-plus:before, .btn.social.email:before, p-checkbox .ui-chkbox .ui-chkbox-icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap - But why? */
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-accommodation:before {
content: '\E800'; }
/* '' */
.icon-active_adventure:before {
content: '\E801'; }
/* '' */
.icon-alert:before {
content: '\E802'; }
/* '' */
.icon-arrow_left:before {
content: '\E803';
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.icon-arrow_right:before {
content: '\E803'; }
/* '' */
.icon-arrow_up:before {
content: '\E839';
width: 1.3em; }
/* '' */
.icon-arrow:before {
content: '\E804'; }
/* '' */
.icon-check:before, p-checkbox .ui-chkbox .ui-chkbox-icon:before {
content: '\E805'; }
/* '' */
.icon-city_lifestyle:before {
content: '\E806'; }
/* '' */
.icon-clock:before {
content: '\E833'; }
/* '' */
.icon-close:before {
content: '\E832'; }
/* '' */
.icon-coastal_beach:before {
content: '\E809'; }
/* '' */
.icon-contacts:before {
content: '\E80A'; }
/* '' */
.icon-cookies:before {
content: '\E80B'; }
/* '' */
.icon-cultural_roots:before {
content: '\E80C'; }
/* '' */
.icon-down:before {
content: '\E80D'; }
.icon-up:before {
content: '\E80D';
transform: rotate(180deg); }
/* '' */
.icon-download:before {
content: '\E80E'; }
/* '' */
.icon-edit:before {
content: '\E80F'; }
/* '' */
.icon-email:before, .btn.social.email:before {
content: '\E810'; }
/* '' */
.icon-expand_view_all:before {
content: '\E811'; }
/* '' */
.icon-expanded_arrow:before {
content: '\E812'; }
/* '' */
.icon-facebook:before, .btn.social.facebook:before, .card-container .card sat-social-feed-card.facebook .social:before {
content: '\E813'; }
/* '' */
.icon-food:before {
content: '\E814'; }
/* '' */
.icon-gallery:before {
content: '\E815'; }
/* '' */
.icon-google_plus:before, .btn.social.google-plus:before {
content: '\E807'; }
/* '' */
.icon-heart:before {
content: '\E816'; }
/* '' */
.icon-ie:before {
content: '\E808'; }
/* '' */
.icon-info:before {
content: '\E817'; }
/* '' */
.icon-instagram:before, .card-container .card sat-social-feed-card.instagram .social:before {
content: '\E818'; }
/* '' */
.icon-linkedin:before, .btn.social.linkedin:before {
content: '\E819'; }
/* '' */
.icon-map:before {
content: '\E81A'; }
/* '' */
.icon-menu:before {
content: '\E81B'; }
/* '' */
.icon-mute:before {
content: '\E81C'; }
/* '' */
.icon-next:before {
content: '\E81D'; }
/* '' */
.icon-open:before {
content: '\E81E'; }
/* '' */
.icon-pause:before {
content: '\E81F'; }
/* '' */
.icon-pinterest:before {
content: '\E834'; }
/* '' */
.icon-play_button_down:before {
content: '\E820'; }
/* '' */
.icon-play_button:before {
content: '\E821'; }
/* '' */
.icon-play:before {
content: '\E822'; }
/* '' */
.icon-previous:before {
content: '\E823'; }
/* '' */
.icon-print:before {
content: '\E824'; }
/* '' */
.icon-profile:before {
content: '\E825'; }
/* '' */
.icon-retweet:before {
content: '\E826'; }
/* '' */
.icon-scenic_beauty:before {
content: '\E827'; }
/* '' */
.icon-scroll:before {
content: '\E828'; }
/* '' */
.icon-search:before {
content: '\E829'; }
/* '' */
.icon-share:before {
content: '\E82A'; }
/* '' */
.icon-skip:before {
content: '\E82B'; }
/* '' */
.icon-travel_partner:before {
content: '\E82C'; }
/* '' */
.icon-trip_advisor:before {
content: '\E82D'; }
/* '' */
.icon-tumblr:before {
content: '\E835'; }
/* '' */
.icon-twitter:before, .btn.social.twitter:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before {
content: '\E843'; }
/* '' */
.icon-volume:before {
content: '\E82F'; }
/* '' */
.icon-wildlife_safari:before {
content: '\E830'; }
/* '' */
.icon-youtube:before, .card-container .card sat-social-feed-card.youtube .card-back .card-top .social:before, .card-container .card sat-social-feed-card.youtube .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.youtubechannel .card-back .card-top .social:before, .card-container .card sat-social-feed-card.youtubechannel .card-flipped .card-top .social:before {
content: '\E831'; }
/* '' */
.icon-youtubechannel:before {
content: '\E831'; }
/* '' */
.icon-profile_circle:before {
content: '\E838'; }
/* '' */
.icon-zomato:before {
content: '\E837'; }
.icon-heart-empty:before {
content: '\E836'; }
.icon-minus:before {
content: '\E83A'; }
.icon-trash:before {
content: '\E83C'; }
.icon-grab:before {
content: '\E83D'; }
/* '' */
.icon-subscribe:before {
content: '\E83E'; }
.icon-report:before {
content: '\E83F'; }
.icon-weibo:before {
content: '\E840'; }
.icon-wechat:before {
content: '\F1D7'; }
.icon-toutiao:before {
content: '\E842'; }
.icon-youku:before {
content: '\F324'; }
.icon-new-tab:before {
content: '\E841'; }
/* Generated by Glyphter (http://www.glyphter.com) on Fri Jan 20 2017*/
@font-face {
font-family: '/transportWeather';
src: url(aee09b10.eot);
src: url(aee09b10.eot?#iefix) format("embedded-opentype"), url(c8ed87fb.woff) format("woff"), url(dac4c703.ttf) format("truetype"), url(f023b8c0.svg#transport-weather) format("svg");
font-weight: normal;
font-style: normal; }
[class*='icon-tw-']:before {
display: inline-block;
font-family: '/transportWeather';
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-tw-car:before {
content: 'A'; }
.icon-tw-bus:before {
content: 'B'; }
.icon-tw-flight:before {
content: 'C'; }
.icon-tw-partlycloudy:before {
content: 'D'; }
.icon-tw-overcast:before {
content: 'E'; }
.icon-tw-rain:before {
content: 'F'; }
.icon-tw-storm:before {
content: 'G'; }
.icon-tw-sunshine:before {
content: 'H'; }
.icon-tw-thermometer-icon:before {
content: 'I'; }
.icon-tw-windy:before {
content: 'J'; }
.tgcsa {
display: inline-block;
text-indent: -9999px;
width: 20px;
height: 20px;
background: url(f46cd3e4.svg) no-repeat;
background-size: 20px;
margin-right: 3px; }
.tgcsa.outlined {
background-image: url(6443b1d0.svg); }
.tgcsa.outlined-no-bg {
background-image: url(e27ae63c.svg); }
.tgcsa.outlined-no-bg-inverse {
background-image: url(dc768b71.svg); }
.tgcsa.white-transparent-bg {
background-image: url(0449c5e7.svg); }
.tgcsa.white-transparent-bg-inverse {
background-image: url(3b9d9f2a.svg); }
.tgcsa.white {
background-image: url(6c7e5d26.svg); }
* sat-animated-arrow i {
display: inline-block;
margin-right: 8px;
font-size: 11px; }
.app-container.show-hover *:hover > sat-animated-arrow .arrow, *:active > sat-animated-arrow .arrow {
/*margin: 0;*/ }
.app-container.show-hover *:hover > sat-animated-arrow .arrow .point, *:active > sat-animated-arrow .arrow .point {
/*right: -3px;*/
transform: translateX(-2.965px) translateY(-8.035px); }
.app-container.show-hover *:hover > sat-animated-arrow .arrow .line, *:active > sat-animated-arrow .arrow .line {
left: 49%;
/*left: -2px;*/
/*width: 20px;*/
width: 18.5px; }
.tick-icon.selected:before {
font-family: 'fontello';
font-size: 8px;
content: '\E805';
background-color: #ffcb05;
border-radius: 50%;
color: #eeeeee;
padding: 4px;
margin-right: 5px; }
.tick-icon:hover:before {
font-family: 'fontello';
font-size: 8px;
content: '\E805';
background-color: #ffcb05;
border-radius: 50%;
color: #222632;
padding: 4px;
margin-right: 5px; }
.icon-open-new-tab {
width: 25px;
height: 25px;
display: inline-block;
background-image: url(eed72f86.svg);
background-size: 25px 18px;
background-position: bottom center;
background-repeat: no-repeat; }
*:hover > .icon-open-new-tab,
.icon-open-new-tab:hover {
background-image: url(9604e5a9.svg); }
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
.app-container.show-hover a:hover, a:active {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em; }
h1, h2, h3, h4, h5, h6, p {
margin: 0.45em 0 0.25em; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
html {
font-size: 62.5%;
-webkit-font-smoothing: subpixel-antialiased; }
body {
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #303030; }
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #eeeeee; }
ul {
margin: 0;
padding: 0;
list-style: none; }
ul li {
margin: 0;
padding: 0; }
a {
cursor: pointer;
color: #ffcb05;
text-decoration: none; }
.link-common, a.link, label.link, p a:link,
p a.link,
p a:visited, ul:not(.custom) > li a:link,
ul:not(.custom) > li a.link,
ul:not(.custom) > li a:visited {
cursor: pointer;
color: #909298;
border-bottom: 2px solid;
border-color: #ffcb05;
text-decoration: none;
padding: 0 2px; }
@media (max-width: 767px) {
.link-common, a.link, label.link, p a:link,
p a.link,
p a:visited, ul:not(.custom) > li a:link,
ul:not(.custom) > li a.link,
ul:not(.custom) > li a:visited {
word-wrap: break-word; } }
.app-container.show-hover .link-common:hover, .app-container.show-hover a.link:hover, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover a, .app-container.show-hover label.link:hover, .app-container.show-hover p a:hover:link, p .app-container.show-hover a:hover:link,
.app-container.show-hover p a:hover:visited, p .app-container.show-hover a:hover:visited, .app-container.show-hover ul:not(.custom) > li a:hover:link, ul:not(.custom) > li .app-container.show-hover a:hover:link,
.app-container.show-hover ul:not(.custom) > li a:hover:visited, ul:not(.custom) > li .app-container.show-hover a:hover:visited, .link-common:active, a.link:active, label.link:active, p a:active:link,
p a:active:visited, ul:not(.custom) > li a:active:link,
ul:not(.custom) > li a.link:active,
ul:not(.custom) > li a:active:visited {
color: #222632;
background-color: #ffcb05; }
/*
#Typography
--.-- |
| , .,---.,---.,---.,---.,---.,---.|---., .
| | || || || || ,---|| || || |
` `---||---'`---'`---|` `---^|---'` '`---|
`---'| `---' | `---'
Contains all typography for teh website.
*/
h1 {
font-size: 21px;
font-weight: 700; }
@media (min-width: 768px) {
h1 {
font-size: 40px; } }
@media (min-width: 1680px) {
h1 {
font-size: 80px; } }
h2 {
font-size: 40px;
font-weight: 300; }
@media (min-width: 768px) {
h2 {
font-size: 40px; } }
@media (min-width: 1680px) {
h2 {
font-size: 60px; } }
h3 {
font-size: 24px;
font-weight: 300; }
@media (min-width: 768px) {
h3 {
font-size: 30px; } }
@media (min-width: 1680px) {
h3 {
font-size: 40px; } }
h4 {
font-size: 20px;
font-weight: 400; }
@media (min-width: 768px) {
h4 {
font-size: 30px; } }
h5 {
font-size: 15px;
font-weight: 400; }
@media (min-width: 768px) {
h5 {
font-size: 20px; } }
@media (min-width: 1680px) {
h5 {
font-size: 25px; } }
h6 {
font-size: 16px;
font-weight: 700; }
span.h7 {
display: block;
font-size: 12px;
font-weight: 400; }
span.h8 {
display: block;
color: #909298;
font-size: 12px;
font-weight: 400; }
span.h9 {
display: block;
color: #ffcb05;
font-size: 60px;
line-height: 60px;
font-weight: 900; }
@media (min-width: 481px) {
span.h9 {
font-size: 100px;
line-height: 100px; } }
@media (min-width: 1680px) {
span.h9 {
font-size: 150px;
line-height: 150px; } }
span.h10 {
display: block;
font-size: 56px;
font-weight: 300; }
span.h11 {
display: block;
font-size: 38px;
font-weight: 400; }
span.h12 {
display: block;
font-size: 24px;
font-weight: 300; }
span.h13 {
display: block;
font-size: 22px;
font-weight: 300; }
span.h14 {
/*From flight module designs*/
color: #ffffff;
display: block;
font-size: 18px;
font-weight: 400; }
span.h15 {
display: block;
font-size: 30px;
font-weight: 300; }
@media (min-width: 1680px) {
span.h15 {
font-size: 40px; } }
/*From planner meeting*/
span.h16 {
color: #ffffff;
display: block;
font-size: 16px;
font-weight: 300; }
@media (min-width: 768px) {
span.h16 {
font-size: 19px; } }
span.h17 {
color: #ffffff;
display: block;
font-size: 20px;
font-weight: 400; }
@media (min-width: 768px) {
span.h17 {
font-size: 38px; } }
span.h18 {
font-size: 20px;
font-weight: 400; }
@media (min-width: 768px) {
span.h18 {
font-size: 18px; } }
@media (min-width: 1680px) {
span.h18 {
font-size: 25px; } }
p {
font-size: 14px; }
p i {
font-style: italic; }
p strong, p b {
font-weight: 700; }
p.txt-lrg {
font-size: 16px; }
@media (min-width: 768px) {
p.txt-lrg {
font-size: 20px; } }
.rich-text-typography p, app-accordion sat-panel .body .content p, app-rich-text .richText-container p {
margin: 0 0 15px; }
.rich-text-typography p:first-child, app-accordion sat-panel .body .content p:first-child, app-rich-text .richText-container p:first-child {
margin-top: 0; }
.rich-text-typography p:last-child, app-accordion sat-panel .body .content p:last-child, app-rich-text .richText-container p:last-child {
margin-bottom: 0; }
.rich-text-typography ul, app-accordion sat-panel .body .content ul, app-rich-text .richText-container ul {
margin: 0 0 20px 0;
padding-left: 25px; }
.rich-text-typography ul li, app-accordion sat-panel .body .content ul li, app-rich-text .richText-container ul li {
position: relative;
margin: 0 0 10px 20px; }
.rich-text-typography ul li:before, app-accordion sat-panel .body .content ul li:before, app-rich-text .richText-container ul li:before {
content: "\2022";
position: absolute;
top: -2px;
left: -20px;
color: #ffcb05;
font-size: 32px; }
.rich-text-typography ul li + h2, app-accordion sat-panel .body .content ul li + h2, app-rich-text .richText-container ul li + h2 {
padding-top: 15px; }
.rich-text-typography ul li ul, app-accordion sat-panel .body .content ul li ul, app-rich-text .richText-container ul li ul {
margin: 20px 0; }
.rich-text-typography ul li ul li, app-accordion sat-panel .body .content ul li ul li, app-rich-text .richText-container ul li ul li {
margin: 0 0 10px 20px; }
.rich-text-typography ul li ul li:before, app-accordion sat-panel .body .content ul li ul li:before, app-rich-text .richText-container ul li ul li:before {
content: none; }
.rich-text-typography ol, app-accordion sat-panel .body .content ol, app-rich-text .richText-container ol {
margin: 0 0 20px 0;
padding-left: 25px;
counter-reset: li; }
.rich-text-typography ol li, app-accordion sat-panel .body .content ol li, app-rich-text .richText-container ol li {
position: relative;
margin: 0 0 10px 20px;
counter-increment: li; }
.rich-text-typography ol li:before, app-accordion sat-panel .body .content ol li:before, app-rich-text .richText-container ol li:before {
content: counter(li);
position: absolute;
top: 1px;
left: -20px;
color: #ffcb05;
font-weight: 600; }
.rich-text-typography ol li + h2, app-accordion sat-panel .body .content ol li + h2, app-rich-text .richText-container ol li + h2 {
padding-top: 15px; }
.rich-text-typography ol li ul, app-accordion sat-panel .body .content ol li ul, app-rich-text .richText-container ol li ul {
margin: 20px 0; }
.rich-text-typography ol li ul li, app-accordion sat-panel .body .content ol li ul li, app-rich-text .richText-container ol li ul li {
margin: 0 0 10px 20px; }
.rich-text-typography ol li ul li:before, app-accordion sat-panel .body .content ol li ul li:before, app-rich-text .richText-container ol li ul li:before {
content: none; }
/*
#Helper Classes
| | | ,---.|
|---|,---.| ,---.,---.,---. | | ,---.,---.,---.,---.,---.
| ||---'| | ||---'| | | ,---|`---.`---.|---'`---.
` '`---'`---'|---'`---'` `---'`---'`---^`---'`---'`---'`---'
|
Contains base helper classes for text
*/
.txt-light {
color: #ffffff; }
.txt-dark {
color: #303030; }
.txt-bold {
font-weight: 700; }
.txt-s-bold {
font-weight: 600; }
.txt-primary {
color: #ffcb05; }
/*
#Depracted
,--. | |
| |,---.,---.,---.,---.,---.,---.|--- ,---.,---|
| ||---'| || |---'| ,---|| |---'| |
`--' `---'|---'` `---'`---'`---^`---'`---'`---'
|
Contains commented out deprecations of the file
*/
app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper),
app-grid-control #trip-time,
app-social-feed app-deck-section section,
app-grid-control app-meeting-planner {
border-top: 1px dashed; }
app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-primary, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-secondary, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-black, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-blue, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-teal, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-green, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-red, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-black-s, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-dark, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-dark-grey,
app-grid-control #trip-time[class*="bck-"].bck-primary,
app-grid-control #trip-time[class*="bck-"].bck-secondary,
app-grid-control #trip-time[class*="bck-"].bck-black,
app-grid-control #trip-time[class*="bck-"].bck-blue,
app-grid-control #trip-time[class*="bck-"].bck-teal,
app-grid-control #trip-time[class*="bck-"].bck-green,
app-grid-control #trip-time[class*="bck-"].bck-red,
app-grid-control #trip-time[class*="bck-"].bck-black-s,
app-grid-control #trip-time[class*="bck-"].bck-dark,
app-grid-control #trip-time[class*="bck-"].bck-dark-grey,
app-social-feed app-deck-section section[class*="bck-"].bck-primary,
app-social-feed app-deck-section section[class*="bck-"].bck-secondary,
app-social-feed app-deck-section section[class*="bck-"].bck-black,
app-social-feed app-deck-section section[class*="bck-"].bck-blue,
app-social-feed app-deck-section section[class*="bck-"].bck-teal,
app-social-feed app-deck-section section[class*="bck-"].bck-green,
app-social-feed app-deck-section section[class*="bck-"].bck-red,
app-social-feed app-deck-section section[class*="bck-"].bck-black-s,
app-social-feed app-deck-section section[class*="bck-"].bck-dark,
app-social-feed app-deck-section section[class*="bck-"].bck-dark-grey,
app-grid-control app-meeting-planner[class*="bck-"].bck-primary,
app-grid-control app-meeting-planner[class*="bck-"].bck-secondary,
app-grid-control app-meeting-planner[class*="bck-"].bck-black,
app-grid-control app-meeting-planner[class*="bck-"].bck-blue,
app-grid-control app-meeting-planner[class*="bck-"].bck-teal,
app-grid-control app-meeting-planner[class*="bck-"].bck-green,
app-grid-control app-meeting-planner[class*="bck-"].bck-red,
app-grid-control app-meeting-planner[class*="bck-"].bck-black-s,
app-grid-control app-meeting-planner[class*="bck-"].bck-dark,
app-grid-control app-meeting-planner[class*="bck-"].bck-dark-grey {
border-top-color: #eeeeee; }
app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-primary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-secondary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-black.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-blue.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-teal.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-green.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-red.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-black-s.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-dark.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-dark-grey.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-primary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-secondary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-black.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-blue.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-teal.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-green.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-red.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-black-s.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-dark.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control #trip-time[class*="bck-"].bck-dark-grey.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-primary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-secondary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-black.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-blue.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-teal.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-green.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-red.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-black-s.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-dark.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-social-feed app-deck-section section[class*="bck-"].bck-dark-grey.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-primary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-secondary.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-black.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-blue.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-teal.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-green.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-red.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-black-s.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-dark.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]),
app-grid-control app-meeting-planner[class*="bck-"].bck-dark-grey.bck-dark:not([class*="bck-w"]):not([class*="bck-b"]):not([class*="bck-y"]):not([class*="bck-g"]):not([class*="bck-r"]):not([class*="bck-p"]):not([class*="bck-s"]):not([class*="bck-dark-"]) {
background-color: #222632; }
app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-white, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-white-s, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper)[class*="bck-"].bck-yellow-s,
app-grid-control #trip-time[class*="bck-"].bck-white,
app-grid-control #trip-time[class*="bck-"].bck-white-s,
app-grid-control #trip-time[class*="bck-"].bck-yellow-s,
app-social-feed app-deck-section section[class*="bck-"].bck-white,
app-social-feed app-deck-section section[class*="bck-"].bck-white-s,
app-social-feed app-deck-section section[class*="bck-"].bck-yellow-s,
app-grid-control app-meeting-planner[class*="bck-"].bck-white,
app-grid-control app-meeting-planner[class*="bck-"].bck-white-s,
app-grid-control app-meeting-planner[class*="bck-"].bck-yellow-s {
border-top-color: #909298; }
app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper):not([class*="bck-"]):not(.poi-container):not(.border-light-grey), app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper).border-dark-grey,
app-grid-control #trip-time:not([class*="bck-"]):not(.poi-container):not(.border-light-grey),
app-grid-control #trip-time.border-dark-grey,
app-social-feed app-deck-section section:not([class*="bck-"]):not(.poi-container):not(.border-light-grey),
app-social-feed app-deck-section section.border-dark-grey,
app-grid-control app-meeting-planner:not([class*="bck-"]):not(.poi-container):not(.border-light-grey),
app-grid-control app-meeting-planner.border-dark-grey {
border-top-color: #909298; }
app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper).poi-container, app-grid-control section:not(.cat-filters-container):not(.faq-wrapper):not(.meeting-planner-section):not(.leadership-container):not(.gallery-container):not(.quick-link-wrapper).border-light-grey,
app-grid-control #trip-time.poi-container,
app-grid-control #trip-time.border-light-grey,
app-social-feed app-deck-section section.poi-container,
app-social-feed app-deck-section section.border-light-grey,
app-grid-control app-meeting-planner.poi-container,
app-grid-control app-meeting-planner.border-light-grey {
border-top-color: #eeeeee; }
/*
#General Grid Spacing
,---. | ,---. o | ,---. o
| _.,---.,---.,---.,---.,---.| | _.,---..,---| `---.,---.,---.,---..,---.,---.
| ||---'| ||---'| ,---|| | || || | || |,---|| || || |
`---'`---'` '`---'` `---^`---' `---'` ``---' `---'|---'`---^`---'`` '`---|
| `---'
Contains site wide spacing for Grid components and all other misc items.
*/
.grid-container app-grid-control {
display: block; }
.grid-container .row.margin-top-bottom {
margin-top: 40px;
margin-bottom: 40px; }
.grid-container .row.margin-top {
margin-top: 40px; }
.grid-container .row.margin-bottom {
margin-bottom: 40px; }
.grid-container .row.padding-top-bottom {
padding-top: 40px;
padding-bottom: 40px; }
.grid-container .row.padding-top {
padding-top: 40px; }
.grid-container .row.padding-bottom {
padding-bottom: 40px; }
.grid-container .row:not(.two-columns-row):not(.no-margin-top-bottom):not(.no-margin-top) app-grid-control:not(.no-margin) {
margin: 40px auto 0 auto; }
.grid-container .row:not(.two-columns-row):not(.no-margin-top-bottom):not(.no-margin-bottom) app-grid-control:not(.no-margin):last-child:not(.forced-margin) {
margin-bottom: 40px; }
.grid-container .row.two-columns-row:first-child app-grid-control:not(.no-margin) {
margin-top: 40px; }
@media (min-width: 1680px) {
.grid-container .row.two-columns-row:first-child app-grid-control:not(.no-margin) {
margin-top: 60px; } }
@media (max-width: 767px) {
.grid-container .row.two-columns-row:first-child app-grid-control:not(.no-margin) {
margin-top: 20px;
margin-bottom: 30px; } }
@media (min-width: 1080px) {
.grid-container .row.two-columns-row:first-child app-grid-control:not(.no-margin).content-first {
min-height: initial;
min-height: auto; } }
@media (max-width: 767px) {
.grid-container .row.two-columns-row:first-child app-grid-control:not(.no-margin).content-first {
margin-top: 30px;
margin-bottom: 0px; } }
.main-container:not(.home-container):not(.main-error-container) {
padding-right: 0; }
@media (min-width: 1080px) {
.main-container:not(.home-container):not(.main-error-container) {
padding-right: calc(90px + var(--scrollbar-width) - 100vw + 100%); } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
.main-container:not(.home-container):not(.main-error-container) {
padding-right: calc(90px + 17px - 100vw + 100%); } }
@media (min-width: 1080px) {
@supports (-ms-ime-align: auto) {
.main-container:not(.home-container):not(.main-error-container) {
padding-right: calc(90px + 17px - 100vw + 100%); } } }
.main-container.portal-menu .main-container {
margin-top: 60px; }
.main-container.main-error-container .primary-nav-container {
padding: 0 50px; }
@media (max-width: 1079px) {
.main-container.main-error-container .primary-nav-container {
padding: 0 30px; } }
@media (max-width: 767px) {
.main-container.main-error-container .primary-nav-container {
padding: 0 20px; } }
/*
____ _
/ ___|___ _ __ ___ _ __ ___ _ __ ___ _ __ | |_ ___
| | / _ \| '_ ` _ \| '_ \ / _ \| '_ \ / _ \ '_ \| __/ __|
| |__| (_) | | | | | | |_) | (_) | | | | __/ | | | |_\__ \
\____\___/|_| |_| |_| .__/ \___/|_| |_|\___|_| |_|\__|___/
|_|
All components files to be linked here
*/
.bck-black code, .bck-blue code, .bck-green code, .bck-dark code, .bck-red code {
color: #303030; }
code {
padding: .2rem .5rem;
margin: 0 .2rem;
white-space: nowrap;
background: #fefefe;
border: 1px solid #eeeeee;
border-radius: 4px; }
pre > code {
overflow: scroll;
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
nav.component-lib-nav {
height: 125px;
box-shadow: 1px 1px 5px #909298; }
nav.component-lib-nav .inner {
max-width: 1200px;
margin: 0px auto; }
nav.component-lib-nav .inner img {
padding: 25px 0px 0px 10px; }
nav.component-lib-nav .inner p {
float: right;
font-size: 12px;
padding: 20px; }
.component-heading {
font-size: 11px;
border-bottom: 1px solid #222632;
text-transform: lowercase;
margin: 10px auto; }
.comp-label {
text-transform: lowercase;
margin-top: 30px;
border-bottom: 1px solid #222632;
display: inline-block; }
.comp-inner {
max-width: 1200px;
margin: 0px auto;
margin-bottom: 10vh; }
.comp-inner .columns {
padding: 2vh; }
.comp-inner ul {
list-style: none;
padding: 0px;
margin: 0px; }
.swatch-container {
clear: both;
width: 100%;
display: table; }
.swatch {
width: 125px;
height: 125px;
float: left;
outline: 1px solid #222632; }
.swatch p {
padding: 3px;
margin: 0; }
.swatch.pattern {
width: 50%;
height: 250px;
transition: all 250ms linear; }
.swatch.pattern.large {
width: 100%;
height: 50vh; }
.swatch.pattern button {
float: right;
background: none;
color: #ffffff;
border: 1px solid #666;
padding: 0px;
margin: 0px 5px; }
.example-grid .column,
.example-grid .columns {
background: #eeeeee;
text-align: center;
border-radius: 4px;
font-size: 1rem;
text-transform: uppercase;
margin-bottom: .75rem;
font-weight: 600;
letter-spacing: .1rem; }
.icon-container {
display: inline;
text-align: center; }
.icon-container i {
position: absolute;
top: 3px;
right: 6px;
display: inline-block;
font-size: 2em;
float: right; }
.icon-container span {
position: relative;
display: inline-block;
width: 21%;
border: 1px solid #303030;
border-radius: 3px;
margin: 0.5rem;
padding: 1rem; }
.app-container.show-hover .icon-container span:hover, .icon-container span:active {
background-color: #303030;
color: #ffffff; }
.control-btns {
display: flex;
min-width: 280px; }
@media (max-width: 767px) {
.control-btns {
min-width: 260px; } }
@media (max-width: 480px) {
.control-btns {
max-width: 260px;
min-width: 0;
width: 100%;
margin: 0 auto; } }
button.btn {
display: -webkit-inline-box;
-webkit-box-orient: horizontal; }
@supports (-ms-ime-align: auto) {
button.btn {
display: inline-block; } }
.btn {
font-size: 18px;
font-weight: 600;
min-width: 280px;
padding: 10px;
line-height: 34px;
text-align: center;
text-decoration: none;
white-space: normal;
cursor: pointer;
position: relative;
min-height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
@media (max-width: 767px) {
.btn {
min-width: 260px;
line-height: 24px;
min-height: 50px;
font-size: 16px;
padding: 13px; } }
@media (max-width: 480px) {
.btn {
max-width: 260px;
min-width: 0;
width: 100%; } }
.btn.primary, .btn.secondary, .btn.grey {
transition: all 150ms ease 200ms;
position: relative;
border-radius: 4px;
border: none;
cursor: pointer;
box-sizing: border-box;
vertical-align: middle;
transform: perspective(1px) translateZ(0); }
.btn.primary:before, .btn.secondary:before, .btn.grey:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform 150ms ease-in-out 200ms; }
.app-container.show-hover .btn.primary:hover:not(.disabled):before, .btn.primary:active:not(.disabled):before, .app-container.show-hover .btn.secondary:hover:not(.disabled):before, .btn.secondary:active:not(.disabled):before, .app-container.show-hover .btn.grey:hover:not(.disabled):before, .btn.grey:active:not(.disabled):before {
transform: scaleX(1); }
.btn.primary.disabled, .btn.secondary.disabled, .btn.grey.disabled {
opacity: 0.5;
cursor: initial; }
.btn.tertiary {
padding: 0;
border: none;
border-radius: 0;
min-width: 260px;
min-height: 58px;
line-height: 58px; }
.btn.tertiary sat-animated-arrow {
margin-right: 7px; }
.btn.icon {
padding: 0;
border: none;
border-radius: 0; }
.btn.icon i {
padding: 0 5px; }
.btn.social {
padding: 0;
color: #ffffff;
font-size: 17px;
font-weight: 500;
line-height: 60px;
border-radius: 4px; }
.btn.social.facebook:before, .btn.social.twitter:before, .btn.social.linkedin:before, .btn.social.email:before, .btn.social.google-plus:before {
font-size: 18px;
margin-right: 0.5em;
margin-left: 0.5em; }
.btn.social.facebook {
background-color: #3b5998; }
.btn.social.twitter {
background-color: #1da0f2; }
.btn.social.linkedin {
background-color: #007bb5; }
.btn.social.google-plus {
background-color: #d34836; }
.btn.social.email {
background-color: #ffcb05; }
.app-container.show-hover .btn.social:hover, .btn.social:active {
opacity: 0.8; }
@media (max-width: 767px) {
.btn.social {
width: 50px;
min-width: 50px;
height: 50px;
line-height: 50px;
font-size: 0; }
.btn.social.facebook:before, .btn.social.twitter:before, .btn.social.linkedin:before, .btn.social.email:before, .btn.social.google-plus:before {
margin-right: 0;
margin-left: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 23px; } }
.btn.primary:not(.dark) {
background-color: #ffcb05;
color: #222632; }
.btn.primary:not(.dark):before {
background: #222632;
border-radius: 4px; }
.app-container.show-hover .btn.primary:not(.dark):hover:not(.disabled), .btn.primary:not(.dark):active:not(.disabled) {
color: #ffcb05; }
.btn.primary.dark {
background-color: #ffcb05;
color: #222632; }
.btn.primary.dark:before {
background: #ffffff;
border-radius: 4px; }
.app-container.show-hover .btn.primary.dark:hover:not(.disabled), .btn.primary.dark:active:not(.disabled) {
color: #222632; }
.btn.secondary:not(.dark) {
border: 2px solid #222632;
background-color: transparent;
color: #222632; }
.btn.secondary:not(.dark):before {
background: #222632; }
.app-container.show-hover .btn.secondary:not(.dark):hover:not(.disabled), .btn.secondary:not(.dark):active:not(.disabled) {
color: #ffcb05; }
.btn.secondary.dark {
border: 2px solid #ffffff;
background-color: transparent;
color: #ffffff; }
.btn.secondary.dark:before {
background: #ffffff; }
.app-container.show-hover .btn.secondary.dark:hover:not(.disabled), .btn.secondary.dark:active:not(.disabled) {
color: #222632; }
.btn.grey {
border: 2px solid #909298;
color: #909298; }
.btn.grey:before {
background-color: #ffcb05; }
.app-container.show-hover .btn.grey:hover:not(.disabled), .btn.grey:active:not(.disabled) {
color: #222632;
border-color: #ffcb05; }
.btn.tertiary:not(.dark) {
color: #222632;
border-bottom: 2px solid #222632; }
.btn.tertiary:not(.dark) sat-animated-arrow {
color: #ffcb05; }
.app-container.show-hover .btn.tertiary:not(.dark):hover, .btn.tertiary:not(.dark):active {
background-color: inherit;
color: inherit; }
.app-container.show-hover .btn.tertiary:not(.dark):hover sat-animated-arrow, .btn.tertiary:not(.dark):active sat-animated-arrow {
color: #222632; }
.btn.tertiary.dark {
color: #ffffff;
border-bottom: 2px solid #ffffff; }
.btn.tertiary.dark sat-animated-arrow {
color: #ffcb05; }
.app-container.show-hover .btn.tertiary.dark:hover, .btn.tertiary.dark:active {
color: #909298; }
.btn.icon:not(.dark) {
color: #222632; }
.btn.icon:not(.dark) i {
color: #ffcb05; }
.app-container.show-hover .btn.icon:not(.dark):hover i, .btn.icon:not(.dark):active i {
color: #222632; }
.btn.icon.dark {
color: #ffffff; }
.btn.icon.dark i {
color: #ffcb05; }
.app-container.show-hover .btn.icon.dark:hover, .btn.icon.dark:active {
color: #909298; }
.tag {
-webkit-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
color: #909298;
background-color: rgba(144, 146, 152, 0.2); }
.app-container.show-hover .tag:hover, .tag:active {
-webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2); }
.tag-circle {
border: 2px solid #303030;
color: #303030; }
.tag-circle.inline {
display: inline-block; }
.app-container.show-hover .tag-circle:hover i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .tag-circle i, .tag-circle:active i {
color: #303030; }
.tag-card {
border-radius: 15px;
position: relative;
margin: 0;
width: auto;
padding: 1px 15px;
color: #ffffff;
font-weight: 600 !important; }
.tag-card.front {
background-color: #ffcb05;
position: absolute;
top: 15px;
left: 15px;
font-size: 16px; }
.tag-card.back {
color: #ffcb05;
display: block;
font-size: 16px;
padding-bottom: 15px; }
.tag-card.no-button {
background: none !important;
padding-left: 0; }
.bck-dark .tag, .bck-black .tag, .bck-blue .tag, .bck-green .tag, .bck-lili-yellow .tag, .bck-red .tag {
-webkit-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
color: #ffffff;
background-color: rgba(255, 255, 255, 0.2); }
.app-container.show-hover .bck-dark .tag:hover, .bck-dark .tag:active, .app-container.show-hover .bck-black .tag:hover, .bck-black .tag:active, .app-container.show-hover .bck-blue .tag:hover, .bck-blue .tag:active, .app-container.show-hover .bck-green .tag:hover, .bck-green .tag:active, .app-container.show-hover .bck-lili-yellow .tag:hover, .bck-lili-yellow .tag:active, .app-container.show-hover .bck-red .tag:hover, .bck-red .tag:active {
-webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2); }
.bck-dark .tag-circle, .bck-black .tag-circle, .bck-blue .tag-circle, .bck-green .tag-circle, .bck-lili-yellow .tag-circle, .bck-red .tag-circle {
border: 2px solid #ffffff;
color: #ffffff; }
.bck-dark .tag-circle.inline, .bck-black .tag-circle.inline, .bck-blue .tag-circle.inline, .bck-green .tag-circle.inline, .bck-lili-yellow .tag-circle.inline, .bck-red .tag-circle.inline {
display: inline-block; }
.app-container.show-hover .bck-dark .tag-circle:hover i, .app-container.show-hover .bck-dark app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .bck-dark .tag-circle i, .app-container.show-hover .bck-dark app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .bck-dark .tag-circle i, .bck-dark .tag-circle:active i, .app-container.show-hover .bck-black .tag-circle:hover i, .app-container.show-hover .bck-black app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .bck-black .tag-circle i, .app-container.show-hover .bck-black app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .bck-black .tag-circle i, .bck-black .tag-circle:active i, .app-container.show-hover .bck-blue .tag-circle:hover i, .app-container.show-hover .bck-blue app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .bck-blue .tag-circle i, .app-container.show-hover .bck-blue app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .bck-blue .tag-circle i, .bck-blue .tag-circle:active i, .app-container.show-hover .bck-green .tag-circle:hover i, .app-container.show-hover .bck-green app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .bck-green .tag-circle i, .app-container.show-hover .bck-green app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .bck-green .tag-circle i, .bck-green .tag-circle:active i, .app-container.show-hover .bck-lili-yellow .tag-circle:hover i, .app-container.show-hover .bck-lili-yellow app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .bck-lili-yellow .tag-circle i, .app-container.show-hover .bck-lili-yellow app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .bck-lili-yellow .tag-circle i, .bck-lili-yellow .tag-circle:active i, .app-container.show-hover .bck-red .tag-circle:hover i, .app-container.show-hover .bck-red app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .bck-red .tag-circle i, .app-container.show-hover .bck-red app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .bck-red .tag-circle i, .bck-red .tag-circle:active i {
color: #303030; }
.tags-container .tag {
margin: 10px; }
.tag {
min-width: 110px;
padding: 5px 10px;
font-size: 14px;
text-align: center;
display: inline-block;
border-radius: 15px; }
.app-container.show-hover .tag:hover, .tag:active {
cursor: pointer;
background-color: #ffcb05;
color: #303030; }
.tag-circle {
width: 41px;
height: 41px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
cursor: pointer; }
.tag-circle i {
font-size: 14px;
line-height: 41px; }
.app-container.show-hover .tag-circle:hover, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .tag-circle, .tag-circle:active {
background-color: #ffcb05;
border-color: transparent; }
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
/* support: IE8 */ }
.ui-front {
z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none; }
.grey-location-pin {
background: url(e5c52adc.svg);
width: 14px;
height: 21px;
background-size: 100% !important;
background-repeat: no-repeat;
margin-right: 5%; }
.grey-partner-pin {
background: url(b567e884.svg);
width: 16px;
height: 14px;
background-size: 100% !important;
background-repeat: no-repeat;
margin-right: 5%; }
.featured-deal-info {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important; }
.featured-deal-top-row {
display: flex;
flex-direction: row;
align-items: center; }
.featured-deal-top-row p {
color: #979797;
font-size: 10px !important;
max-width: 50%;
flex-wrap: wrap;
text-align: left; }
.featured-deal-top-row img {
height: 20px;
width: 13px;
margin-right: 5%; }
.card-category-info {
padding: 0 15px;
font-size: 13px;
text-transform: uppercase;
color: #909298;
font-weight: 600;
margin-top: 20px;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.card-category-info i {
position: relative;
margin-left: -6px; }
.card-category-info .card-category-info-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word; }
.app-container.show-hover .card-category-info .share-cta:hover, .card-category-info .share-cta:active {
color: #ffcb05; }
.card-category-info i {
vertical-align: middle;
font-size: 20px; }
.card {
text-align: left; }
.card .card-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
height: 110px;
min-height: 0;
bottom: 50px;
padding: 10px 15px;
width: 100%;
line-height: 1.3; }
@media (min-width: 1680px) {
.card .card-content {
padding: 15px 15px; } }
.card .card-content h3,
.card .card-content .h3 {
text-align: left;
margin: 0;
padding: 0;
color: #303030;
font-size: 24px;
font-weight: 600;
max-height: 60px;
display: inline-block;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
.card .card-content h3 a,
.card .card-content h3 a:link,
.card .card-content h3 a:visited,
.card .card-content .h3 a,
.card .card-content .h3 a:link,
.card .card-content .h3 a:visited {
color: #303030; }
.card .card-content p {
font-weight: 300;
font-size: 16px; }
.card .card-content > :not(.tag-card) {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 20px;
max-height: 200px;
padding: 0px 2px;
max-width: 400px;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical; }
@media (max-width: 1600px) {
.card .card-content > :not(.tag-card) {
content: '...';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 20px;
max-height: 200px;
padding: 0px 2px;
max-width: 400px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; } }
.card .card-content.featured-deal {
justify-content: center !important; }
.card .card-footer.featured-deal {
height: auto !important; }
.card .featured-deal-footer {
display: flex;
flex-direction: column;
margin-bottom: 1em; }
.card .featured-deal-footer-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.card .featured-deal-footer-row img {
width: 5%; }
.card .featured-deal-footer-row p {
width: 90%;
text-align: left;
margin: 0 !important; }
.card .card-footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
padding: 0 15px;
width: 100%;
height: auto; }
.card .card-footer .card-reviews {
display: inline-block; }
.card .card-footer .card-date {
display: inline-block; }
.card .card-footer .card-date i {
position: relative;
left: 6px;
top: -6px; }
.card .card-footer .card-reviews {
display: flex;
align-items: center;
position: relative;
height: 50px; }
.card .card-footer .card-reviews:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card .card-footer .card-reviews div {
position: relative;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
color: #909298;
font-weight: 600;
margin: 0 15px 0 0; }
.card .card-footer .card-reviews div:not(.location) {
left: -3px; }
.card .card-footer .card-reviews div i {
font-size: 16px; }
.card .card-footer .card-reviews div i,
.card .card-footer .card-reviews div span {
vertical-align: middle; }
.card .card-footer .card-date {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 36px;
text-transform: uppercase;
color: #909298;
font-weight: 600;
line-height: normal; }
.card .card-footer .card-date .end-date {
display: block; }
.card .card-footer .card-date .icon-arrow_right {
font-size: 14px; }
.card .card-footer .card-date.full-date {
font-size: 30px; }
.card .card-footer .card-date.full-date .start-date {
display: block;
margin-bottom: -10px; }
.card .card-icon-header {
position: absolute;
text-align: center;
width: 100%;
top: 70px; }
.card .card-icon-header .icon {
color: #ffcb05;
font-size: 30px;
margin-bottom: 3px;
padding: 0; }
.card .card-icon-header span {
text-transform: uppercase;
color: #909298;
font-weight: 600; }
.card .top-button {
z-index: 3;
position: absolute;
top: 7.5px;
right: 7.5px;
cursor: pointer; }
.card .top-button i {
font-size: 20px;
color: #909298; }
.app-container.show-hover .card .top-button:hover i, .card .top-button:active i {
color: #ffcb05; }
.card .share-cta {
cursor: pointer; }
.card .card-back .card-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: absolute;
left: 0;
height: auto;
min-height: 0;
bottom: 50px;
top: 70px;
padding: 15px 25px 15px 15px;
width: 100%;
line-height: 1.3; }
.card .card-back .card-content .tag-card.back {
position: absolute;
top: -10px;
padding: 0 15px 5px 0; }
.card .card-back .card-content h3,
.card .card-back .card-content .h3 {
font-weight: 600;
padding: 0;
color: #303030;
font-size: 24px;
margin: 0 0 10px;
max-height: 95px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
.card .card-back .card-content p {
font-weight: 300;
font-size: 16px;
line-height: 1.5; }
.card .card-back .card-footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
padding: 0 15px;
width: 100%;
height: auto; }
.card .card-back .card-footer .card-reviews,
.card .card-back .card-footer .card-date {
display: inline-block; }
.card .card-back .card-footer .card-reviews {
display: flex;
align-items: center;
position: relative;
height: 50px; }
.card .card-back .card-footer .card-reviews:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card .card-back .card-footer .card-reviews div {
position: relative;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
color: #909298;
font-weight: 600;
margin: 0 15px 0 0;
left: -3px; }
.card .card-back .card-footer .card-reviews div i {
font-size: 16px; }
.card .card-back .card-footer .card-reviews div i,
.card .card-back .card-footer .card-reviews div span {
vertical-align: middle; }
.card .card-back .card-footer .card-date {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 36px;
text-transform: uppercase;
color: #909298;
font-weight: 600; }
.card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 14px; }
.card .card-back .card-footer .card-date.full-date {
font-size: 30px; }
.card .card-back .card-icon-header {
position: absolute;
text-align: center;
width: 100%;
top: 70px; }
.card .card-back .card-icon-header .icon {
color: #ffcb05;
font-size: 30px;
margin-bottom: 3px;
padding: 0; }
.card .card-back .card-icon-header span {
text-transform: uppercase;
color: #909298;
font-weight: 600; }
.card .card-back .top-button {
z-index: 3;
position: absolute;
top: 7.5px;
right: 7.5px;
cursor: pointer; }
.card .card-back .top-button i {
font-size: 20px;
color: #909298; }
.app-container.show-hover .card .card-back .top-button:hover i, .card .card-back .top-button:active i {
color: #ffcb05; }
.card .card-back .share-cta {
cursor: pointer; }
@media (min-width: 768px) {
.card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end; }
.card .card-front .card-content.has-full-date {
justify-content: flex-start; } }
.card .card-front .card-content h3,
.card .card-front .card-content .h3 {
text-align: left;
margin: 0;
padding: 0;
color: #303030;
font-size: 24px;
font-weight: 600;
max-height: 60px;
display: inline-block;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
.featured .card .card-front .card-bottom .card-content {
height: auto; }
.featured .card .card-front .card-bottom .card-content h3,
.featured .card .card-front .card-bottom .card-content .h3 {
max-height: 100px; }
@media (min-width: 769px) {
.card-mobile-only {
display: none; } }
@media (max-width: 768px) {
.card-not-mobile-only {
display: none; }
.card-small-screen-only {
display: none; }
.card-medium-screen-only {
display: none; } }
@media (max-width: 1079px) {
.card-not-device-screen-only {
display: none; } }
@media (min-width: 1367px) {
.card-small-screen-only {
display: none; }
.card-not-large-screen-only {
display: none; } }
@media (max-width: 1366px) {
.card-desktop-only {
display: none; }
.card-large-screen-only {
display: none; } }
@media (min-width: 1681px) {
.card-desktop-only {
display: none; }
.card-medium-screen-only {
display: none; } }
@media (max-width: 1680px) {
.card-desktop-xl-only {
display: none; } }
.swiper-container {
width: 100%;
height: 100%;
overflow: hidden; }
.slider-indicators {
display: none !important; }
.slider-nav-visible .slider-nav {
visibility: hidden !important; }
.swiffy-slider {
--swiffy-slider-item-gap: 0; }
.slider-nav-scrollbar {
--swiffy-slider-track-height: 1.2rem; }
.swiper-container {
width: 100%;
height: 100%;
overflow: hidden; }
sat-card-container {
z-index: -2; }
sat-card-container .shadow-top, sat-card-container .shadow-bottom, sat-card-container .shadow-side {
box-shadow: 1px 1px 5px rgba(51, 51, 51, 0.5);
background-color: #ffffff; }
sat-card-container .shadow-bottom {
bottom: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
sat-card-container .shadow-circle {
background-size: contain;
opacity: 0.5; }
sat-card-container .shadow-top {
top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
sat-card-container .shadow-top, sat-card-container .shadow-bottom, sat-card-container .shadow-side, sat-card-container .shadow-circle {
position: absolute; }
.card-front sat-card-container .shadow-top {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.card-back sat-card-container .shadow-top {
top: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
@media (min-width: 1080px) {
sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate .card-front {
transition: transform 150ms cubic-bezier(0, 0, 0.58, 1);
transition-delay: 150ms;
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate .card-back {
transition: transform 150ms cubic-bezier(0.42, 0, 1, 1);
transition-delay: 0ms;
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.app-container.show-hover sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate:hover .card-front, sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate:active .card-front, sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate.hover .card-front {
transition-delay: 350ms;
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.app-container.show-hover sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate:hover .card-back, sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate:active .card-back, sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .rotate.hover .card-back {
transition-delay: 500ms;
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .tablet-rotate .card-front {
transition: transform 150ms cubic-bezier(0, 0, 0.58, 1);
transition-delay: 150ms;
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .tablet-rotate .card-back {
transition: transform 150ms cubic-bezier(0.42, 0, 1, 1);
transition-delay: 0ms;
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .tablet-rotate.hover .card-front {
transition-delay: 350ms;
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
sat-card:not(.card-mobile):not(.card-xs):not(.card-s) .tablet-rotate.hover .card-back {
transition-delay: 500ms;
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; } }
.card-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
color: #222632; }
.card-container.hide-content {
background-color: white; }
.card-container.hide-content .card .card-front,
.card-container.hide-content .card .card-back,
.card-container.hide-content .card .card-mobile-action,
.card-container.hide-content .card .map-view-close {
display: none; }
.card {
text-align: left;
position: relative; }
.card > * {
display: block; }
@media (max-width: 1079px) {
.card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "\A0";
z-index: 10; } }
.card .card-top svg {
border-top-left-radius: 1px;
border-top-right-radius: 1px; }
.card .card-front,
.card .card-back {
width: 100%;
position: absolute;
top: 0;
left: 0; }
.card .card-front sat-card-container .card-top, .card .card-front sat-card-container .card-bottom,
.card .card-back sat-card-container .card-top,
.card .card-back sat-card-container .card-bottom {
overflow: hidden; }
.card .card-front sat-card-container .card-top:before, .card .card-front sat-card-container .card-bottom:before,
.card .card-back sat-card-container .card-top:before,
.card .card-back sat-card-container .card-bottom:before {
display: block;
border-radius: 50%;
position: absolute;
transform: translateX(-50%) translateY(-50%);
z-index: -1; }
.card .card-front .card-bottom,
.card .card-front .card-top,
.card .card-back .card-bottom,
.card .card-back .card-top {
z-index: 0;
position: absolute;
left: 0;
width: 100%; }
.card .card-front .card-top,
.card .card-back .card-top {
top: 0; }
.card .card-front .card-bottom,
.card .card-back .card-bottom {
bottom: 0; }
.card .card-front sat-card-container .card-bottom:before {
top: 0; }
.card .card-back sat-card-container .card-top:before {
left: 0; }
.card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0; }
.card .subtitle {
color: #909298;
font-weight: 600;
padding: 0;
margin: 0;
font-size: 12px; }
.card-grad-full-stop {
stop-color: #222632;
stop-opacity: 0.2; }
.card-grad-stop1 {
stop-color: #222632;
stop-opacity: 0.7; }
.card-grad-stop2 {
stop-color: white;
stop-opacity: 0; }
.card-grad-featured-stop1 {
stop-color: #222632;
stop-opacity: 0.8; }
.card-grad-featured-stop2 {
stop-color: #222632;
stop-opacity: 0; }
.card-grad-radial-stop1 {
stop-color: #222632;
stop-opacity: 0.7; }
.card-grad-radial-stop2 {
stop-color: white;
stop-opacity: 0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.card-grad-full-stop {
stop-color: rgba(34, 38, 50, 0.2);
stop-opacity: 1; }
.card-grad-featured-stop1 {
stop-color: rgba(34, 38, 50, 0.8);
stop-opacity: 1; }
.card-grad-featured-stop2 {
stop-color: rgba(34, 38, 50, 0);
stop-opacity: 1; }
.card-grad-stop1 {
stop-color: rgba(34, 38, 50, 0.7);
stop-opacity: 1; }
.card-grad-stop2 {
stop-color: rgba(255, 255, 255, 0);
stop-opacity: 1; }
.card-grad-radial-stop1 {
stop-color: rgba(34, 38, 50, 0.7);
stop-opacity: 1; }
.card-grad-radial-stop2 {
stop-color: rgba(255, 255, 255, 0);
stop-opacity: 1; } }
@supports (-ms-ime-align: auto) {
.card-grad-full-stop {
stop-color: rgba(34, 38, 50, 0.2);
stop-opacity: 1; }
.card-grad-featured-stop1 {
stop-color: rgba(34, 38, 50, 0.8);
stop-opacity: 1; }
.card-grad-featured-stop2 {
stop-color: rgba(34, 38, 50, 0);
stop-opacity: 1; }
.card-grad-stop1 {
stop-color: rgba(34, 38, 50, 0.7);
stop-opacity: 1; }
.card-grad-stop2 {
stop-color: rgba(255, 255, 255, 0);
stop-opacity: 1; }
.card-grad-radial-stop1 {
stop-color: rgba(34, 38, 50, 0.7);
stop-opacity: 1; }
.card-grad-radial-stop2 {
stop-color: rgba(255, 255, 255, 0);
stop-opacity: 1; } }
.card-bottom-bar {
position: absolute;
top: 0;
width: 100%;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
height: 64px;
line-height: 64px;
overflow: hidden; }
.card-bottom-bar:before, .card-bottom-bar:after {
display: block;
content: "";
position: absolute;
z-index: -1; }
.card-bottom-bar:before {
width: calc(100% - 10px);
bottom: 0;
top: 0;
right: 0; }
.card-bottom-bar:after {
width: 50%;
top: 50%;
bottom: 0;
left: 0; }
.card-bottom-bar.right:before {
left: 0;
right: auto; }
.card-bottom-bar.right:after {
right: 0;
left: auto; }
.card-bottom-bar .btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
border: none;
font-size: 18px;
font-weight: 600;
height: auto;
text-align: center;
padding: 8px 0;
margin: 0;
overflow: hidden;
width: 100%; }
@media (min-width: 768px) {
.card-bottom-bar .btn {
font-size: 14px; } }
@media (min-width: 1366px) {
.card-bottom-bar .btn {
padding: 16px 0;
font-size: 16px; } }
@media (min-width: 1680px) {
.card-bottom-bar .btn {
font-size: 18px; } }
.card-bottom-bar .btn span {
color: #303030; }
.card-actions-bar {
height: 64px;
line-height: 64px; }
.card-actions-bar:before, .card-actions-bar:after {
background-color: #ffcb05; }
.card-actions-bar .btn {
color: #303030; }
.card-actions-bar.wish-list .favourite-cta,
.card-actions-bar.wish-list .details {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 0;
transition: all 280ms;
/* easeInOutQuart */
float: left;
width: calc(100% - 64px);
display: block;
border: none;
background-color: transparent;
font-weight: 600;
height: auto;
text-align: center;
padding: 8px 0;
margin: 0;
overflow: hidden; }
@media (min-width: 1366px) {
.card-actions-bar.wish-list .favourite-cta,
.card-actions-bar.wish-list .details {
padding: 16px 0;
width: calc(100% - 48px); } }
@media (min-width: 1080px) {
.card-actions-bar.wish-list .favourite-cta,
.card-actions-bar.wish-list .details {
padding: 16px 0;
width: calc(100% - 48px); } }
.card-actions-bar.wish-list .details {
white-space: nowrap; }
.card-actions-bar.wish-list .favourite-cta {
border-left: 1px solid rgba(48, 48, 48, 0.1);
width: 64px;
height: 100%;
padding: 8px 0; }
@media (min-width: 1366px) {
.card-actions-bar.wish-list .favourite-cta {
padding: 16px 0;
width: 48px; } }
@media (min-width: 1080px) {
.card-actions-bar.wish-list .favourite-cta {
padding: 16px 0;
width: 48px; } }
.card-actions-bar.wish-list .favourite-cta div {
display: inline-block;
padding: 0 10px;
width: calc(100% - 20px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
@media (min-width: 1366px) {
.card-actions-bar.wish-list .favourite-cta div {
padding: 0 5px; } }
.card-actions-bar.wish-list .favourite-cta span {
display: none; }
.card-actions-bar.wish-list .favourite-cta.in-wishlist .icon-heart {
top: -1px; }
.card-actions-bar .details svg {
width: 10px;
height: 10px;
padding-right: 5px; }
.app-container.show-hover .card-actions-bar .details:hover, .card-actions-bar .details:active {
transition: all 280ms;
/* easeInOutQuart */ }
.app-container.show-hover .card-actions-bar .details:hover i, .card-actions-bar .details:active i {
transition: all 280ms;
/* easeInOutQuart */
color: #303030; }
.card-actions-bar i {
display: inline-block;
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 5px;
color: #ffffff;
font-size: 10px; }
@media (min-width: 1366px) {
.card-actions-bar i {
font-size: 12px;
margin-right: 0px; } }
@media (min-width: 1680px) {
.card-actions-bar i {
font-size: 13px; } }
.card-actions-bar i.icon-trash {
font-size: 14px; }
.card-actions-bar i.icon-arrow {
top: -1px;
font-size: 8px;
margin-right: 15px; }
@media (min-width: 1366px) {
.card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px;
margin-right: 5px; } }
@media (min-width: 1680px) {
.card-actions-bar i.icon-arrow {
top: -1px;
font-size: 11px;
margin-right: 15px; } }
@media (max-width: 767px) {
sat-card:not(.card-custom) .card sat-download-card {
width: 280px;
height: 136px; }
sat-card:not(.card-custom) .card sat-download-card .card-front,
sat-card:not(.card-custom) .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card:not(.card-custom) .card sat-download-card sat-card-category-info {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-front {
position: relative; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card:not(.card-custom) .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card:not(.card-custom) .card sat-download-card .card-content:before {
left: 15px; }
sat-card:not(.card-custom) .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card:not(.card-custom) .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card:not(.card-custom) .card sat-download-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom) .card sat-download-card {
width: 240px;
height: 320px; }
sat-card:not(.card-custom) .card sat-download-card .card-front,
sat-card:not(.card-custom) .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card:not(.card-custom) .card sat-download-card {
width: 300px;
height: 388px; }
sat-card:not(.card-custom) .card sat-download-card .card-front,
sat-card:not(.card-custom) .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card:not(.card-custom) .card sat-download-card {
width: 300px;
height: 388px; }
sat-card:not(.card-custom) .card sat-download-card .card-front,
sat-card:not(.card-custom) .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card:not(.card-custom) .card sat-download-card {
width: 350px;
height: 466px; }
sat-card:not(.card-custom) .card sat-download-card .card-front,
sat-card:not(.card-custom) .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1680px) {
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card:not(.card-custom) .card sat-download-card .card-back .card-date {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1920px) {
sat-card:not(.card-custom) .card sat-download-card {
width: 350px;
height: 466px; }
sat-card:not(.card-custom) .card sat-download-card .card-front,
sat-card:not(.card-custom) .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card:not(.card-custom) .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card:not(.card-custom) .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1920px) and (min-width: 1680px) {
sat-card:not(.card-custom) .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1920px) {
sat-card:not(.card-custom) .card sat-download-card .card-back .card-date {
display: none; }
sat-card:not(.card-custom) .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (max-width: 1079px) {
sat-card sat-download-card .card-front + .card-back {
display: none; } }
.card-mobile sat-content-card .card-desktop-only, .card-xs sat-content-card .card-desktop-only {
display: none !important; }
.card-mobile sat-content-card .card-mobile-only, .card-xs sat-content-card .card-mobile-only {
display: block !important; }
.card-mobile sat-content-card .card-mobile-action, .card-xs sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10;
cursor: pointer; }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-xs .card sat-content-card {
width: 300px;
height: 136px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front,
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card.card-custom.phone-card-xs .card sat-content-card.rotate .card-front, sat-card.card-custom.phone-card-xs .card sat-content-card.rotate .card-back, sat-card.card-custom.phone-card-xs .card sat-content-card.rotate:hover .card-front, sat-card.card-custom.phone-card-xs .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-content h3, sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card.card-custom.phone-card-xs .card sat-content-card .card-back {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-download-card {
width: 280px;
height: 136px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front,
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card.card-custom.phone-card-xs .card sat-download-card sat-card-category-info {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front {
position: relative; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card.card-custom.phone-card-xs .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-content:before {
left: 15px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card.card-custom.phone-card-xs .card sat-download-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-xs .card sat-content-card {
width: 300px;
height: 136px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.rotate .card-front, sat-card.card-custom.tablet-card-xs .card sat-content-card.rotate .card-back, sat-card.card-custom.tablet-card-xs .card sat-content-card.rotate:hover .card-front, sat-card.card-custom.tablet-card-xs .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-content h3, sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card.card-custom.tablet-card-xs .card sat-content-card .card-back {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-download-card {
width: 280px;
height: 136px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front,
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card sat-card-category-info {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front {
position: relative; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-content:before {
left: 15px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card.card-custom.tablet-card-xs .card sat-download-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-xs .card sat-content-card {
width: 300px;
height: 136px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.rotate .card-front, sat-card.card-custom.desktop-card-xs .card sat-content-card.rotate .card-back, sat-card.card-custom.desktop-card-xs .card sat-content-card.rotate:hover .card-front, sat-card.card-custom.desktop-card-xs .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-content h3, sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card.card-custom.desktop-card-xs .card sat-content-card .card-back {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-download-card {
width: 280px;
height: 136px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front,
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card sat-card-category-info {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front {
position: relative; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-content:before {
left: 15px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-card-xs .card sat-download-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-xs .card sat-content-card {
width: 300px;
height: 136px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.rotate .card-front, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.rotate .card-back, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.rotate:hover .card-front, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-content h3, sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card .card-back {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card {
width: 280px;
height: 136px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front,
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card sat-card-category-info {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front {
position: relative; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-content:before {
left: 15px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-s-card-xs .card sat-download-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-xs .card sat-content-card {
width: 300px;
height: 136px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.rotate .card-front, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.rotate .card-back, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.rotate:hover .card-front, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-content h3, sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card .card-back {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card {
width: 280px;
height: 136px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front,
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card sat-card-category-info {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front {
position: relative; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-content:before {
left: 15px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-m-card-xs .card sat-download-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-xs .card sat-content-card {
width: 300px;
height: 136px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.rotate .card-front, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.rotate .card-back, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.rotate:hover .card-front, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-content h3, sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card .card-back {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card {
width: 280px;
height: 136px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front,
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
left: 0; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-top {
height: 68px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 59px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 59px;
right: 0; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back .card-top {
height: 68px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back .card-bottom {
height: 68px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card sat-card-category-info {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front {
position: relative; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 58px;
float: none;
border-bottom: 1px solid #909298;
padding-top: 10px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date {
width: 136px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-start-date {
position: absolute;
left: 6px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-end-date {
position: absolute;
right: 6px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date.full-date .xs-separator i {
left: 0;
top: 0; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date br {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date .start-date,
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-front .card-bottom .card-date .end-date {
display: none; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-content {
height: auto;
min-height: 0;
top: -48px;
padding-right: 30px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-content:before {
left: 15px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
sat-card.card-custom.desktop-l-card-xs .card sat-download-card .card-back {
display: none; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-s .card sat-content-card {
width: 240px;
height: 320px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front,
sat-card.card-custom.phone-card-s .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (max-width: 767px) and (max-width: 1079px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-content h3, sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (max-width: 767px) and (max-width: 1079px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-back {
display: none; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-content h3, sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (max-width: 767px) and (min-width: 1366px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (max-width: 767px) and (min-width: 1366px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (max-width: 767px) and (min-width: 1366px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.phone-card-s .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-s .card sat-content-card .card-image-s {
display: block; }
sat-card.card-custom.phone-card-s .card sat-download-card {
width: 240px;
height: 320px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front,
sat-card.card-custom.phone-card-s .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.phone-card-s .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.phone-card-s .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card {
width: 240px;
height: 320px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s:not(.featured) .card sat-content-card .card-image-s {
display: block; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card {
width: 500px;
height: 320px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 500px;
height: 200px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 500px;
height: 96px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 200px;
left: 0; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 202px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-top {
height: 212px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-bottom {
height: 108px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 500px;
height: 237px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 500px;
height: 59px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 237px;
right: 0; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 239px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-top {
height: 249px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-bottom {
height: 71px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -250px -250px 0 375px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 250px 250px 0 375px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 53.25px; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-content .h3 {
font-size: 26px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-content p {
font-size: 14px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px;
color: #ffffff; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar {
height: 44px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .left {
width: 250px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 250px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .right.card-top {
height: 270px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .right.card-bottom {
height: 44px;
background-color: #ffcb05; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .right .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-back .right .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.tablet-card-s.featured .card sat-content-card .card-image-s-featured {
display: block; }
sat-card.card-custom.tablet-card-s .card sat-download-card {
width: 240px;
height: 320px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front,
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.tablet-card-s .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-s .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1080px) and (min-width: 1366px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1080px) and (min-width: 1366px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1080px) and (min-width: 1366px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s:not(.featured) .card sat-content-card .card-image-s {
display: block; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card {
width: 500px;
height: 320px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 500px;
height: 200px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 500px;
height: 96px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 200px;
left: 0; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 202px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-top {
height: 212px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-bottom {
height: 108px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 500px;
height: 237px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 500px;
height: 59px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 237px;
right: 0; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 239px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-top {
height: 249px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-bottom {
height: 71px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -250px -250px 0 375px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 250px 250px 0 375px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 53.25px; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-content .h3 {
font-size: 26px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px;
color: #ffffff; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar {
height: 44px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1080px) and (min-width: 1366px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1080px) and (min-width: 1366px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1080px) and (min-width: 1366px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .left {
width: 250px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 250px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .right.card-top {
height: 270px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .right.card-bottom {
height: 44px;
background-color: #ffcb05; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .right .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-back .right .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-card-s.featured .card sat-content-card .card-image-s-featured {
display: block; }
sat-card.card-custom.desktop-card-s .card sat-download-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front,
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-card-s .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-s .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1366px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1366px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1366px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s:not(.featured) .card sat-content-card .card-image-s {
display: block; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card {
width: 500px;
height: 320px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 500px;
height: 200px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 500px;
height: 96px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 200px;
left: 0; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 202px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-top {
height: 212px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-bottom {
height: 108px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 500px;
height: 237px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 500px;
height: 59px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 237px;
right: 0; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 239px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-top {
height: 249px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-bottom {
height: 71px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -250px -250px 0 375px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 250px 250px 0 375px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 53.25px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-content .h3 {
font-size: 26px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px;
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar {
height: 44px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1366px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1366px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1366px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .left {
width: 250px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 250px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .right.card-top {
height: 270px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .right.card-bottom {
height: 44px;
background-color: #ffcb05; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .right .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-back .right .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-s-card-s.featured .card sat-content-card .card-image-s-featured {
display: block; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front,
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-s .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1366px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1366px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1366px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s:not(.featured) .card sat-content-card .card-image-s {
display: block; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card {
width: 500px;
height: 320px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 500px;
height: 200px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 500px;
height: 96px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 200px;
left: 0; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 202px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-top {
height: 212px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-bottom {
height: 108px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 500px;
height: 237px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 500px;
height: 59px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 237px;
right: 0; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 239px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-top {
height: 249px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-bottom {
height: 71px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -250px -250px 0 375px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 250px 250px 0 375px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 53.25px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-content .h3 {
font-size: 26px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px;
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar {
height: 44px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1366px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1366px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1366px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .left {
width: 250px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 250px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .right.card-top {
height: 270px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .right.card-bottom {
height: 44px;
background-color: #ffcb05; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .right .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-back .right .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-m-card-s.featured .card sat-content-card .card-image-s-featured {
display: block; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front,
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-s .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1366px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1366px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1366px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s:not(.featured) .card sat-content-card .card-image-s {
display: block; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card {
width: 500px;
height: 320px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 500px;
height: 200px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 500px;
height: 96px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 200px;
left: 0; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 202px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-top {
height: 212px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-bottom {
height: 108px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 500px;
height: 237px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 500px;
height: 59px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 237px;
right: 0; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 239px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-top {
height: 249px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-bottom {
height: 71px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -250px -250px 0 375px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 250px 250px 0 375px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 53.25px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-content .h3 {
font-size: 26px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px;
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar {
height: 44px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1366px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1366px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1366px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .left {
width: 250px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 250px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .right.card-top {
height: 270px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .right.card-bottom {
height: 44px;
background-color: #ffcb05; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .right .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-back .right .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card.card-custom.desktop-l-card-s.featured .card sat-content-card .card-image-s-featured {
display: block; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card {
width: 240px;
height: 320px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front,
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-top {
height: 275px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-bottom:before {
right: -14px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .card-top {
height: 275px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .card-top:before {
bottom: -14px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .card-bottom {
height: 45px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
bottom: 150px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .card-actions-bar {
height: 45px; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .details {
min-width: 0;
float: left;
padding: 5px 0;
min-height: 0; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-s .card sat-download-card .card-back .card-date {
display: none; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-m .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front,
sat-card.card-custom.phone-card-m .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-content h3, sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-content h3, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-content p, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (max-width: 767px) and (max-width: 1079px) {
sat-card.card-custom.phone-card-m .card sat-content-card .card-back {
display: none; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.phone-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front,
sat-card.card-custom.phone-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.tablet-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.card-m-rotate .card sat-content-card .card-back,
sat-card.card-custom.card-m-rotate .card sat-download-card .card-back {
display: block; } }
@media (min-width: 769px) {
.cards-l sat-card:not(.featured) .card sat-content-card, sat-card.card-l:not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front,
.cards-l sat-card:not(.featured) .card sat-content-card .card-back, sat-card.card-l:not(.featured) .card sat-content-card .card-front,
sat-card.card-l:not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-top, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-top:before, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-bottom, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-bottom:before, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top:before, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-bottom, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before, sat-card.card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before, sat-card.card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-category, sat-card.card-l:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-top:after, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-content h3, .cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile, sat-card.card-l:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .tag-card-discount, sat-card.card-l:not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .tag-card-strike, sat-card.card-l:not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-front .travel-week-logo, sat-card.card-l:not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top .card-content p, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, .cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash, sat-card.card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .tag-card-discount, sat-card.card-l:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-back .tag-card-price, sat-card.card-l:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
.cards-l sat-card:not(.featured) .card sat-content-card .card-image-l, sat-card.card-l:not(.featured) .card sat-content-card .card-image-l {
display: block; }
.cards-l sat-card:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p, sat-card.card-l:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
.cards-l sat-card.featured .card sat-content-card, sat-card.card-l.featured .card sat-content-card {
width: 734px;
height: 466px; }
.cards-l sat-card.featured .card sat-content-card .card-front,
.cards-l sat-card.featured .card sat-content-card .card-back, sat-card.card-l.featured .card sat-content-card .card-front,
sat-card.card-l.featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .card-top:before,
.cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
.cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .card-top:before, sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-l.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-l.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-top, sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-bottom, sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-side, sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-circle, sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
.cards-l sat-card.featured .card sat-content-card .card-front .card-top, sat-card.card-l.featured .card sat-content-card .card-front .card-top {
height: 310px; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-top:before, sat-card.card-l.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .card-top:before, sat-card.card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-bottom, sat-card.card-l.featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-bottom:before, sat-card.card-l.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
.cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-top, sat-card.card-l.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
.cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-bottom, sat-card.card-l.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
.cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-side, sat-card.card-l.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
.cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-circle, sat-card.card-l.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
.cards-l sat-card.featured .card sat-content-card .card-back .card-top, sat-card.card-l.featured .card sat-content-card .card-back .card-top {
height: 360px; }
.cards-l sat-card.featured .card sat-content-card .card-back .card-top:before, sat-card.card-l.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
.cards-l sat-card.featured .card sat-content-card .card-back .card-bottom, sat-card.card-l.featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-top, .cards-l sat-card.featured .card sat-content-card .card-front .card-bottom, sat-card.card-l.featured .card sat-content-card .card-front .card-top, sat-card.card-l.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-content h3, .cards-l sat-card.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-l.featured .card sat-content-card .card-front .card-content h3, sat-card.card-l.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-date, sat-card.card-l.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-date-mobile, sat-card.card-l.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-reviews:before, sat-card.card-l.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
.cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-reviews div, sat-card.card-l.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
.cards-l sat-card.featured .card sat-content-card .card-back .left, sat-card.card-l.featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
.cards-l sat-card.featured .card sat-content-card .card-back .left .card-top, .cards-l sat-card.featured .card sat-content-card .card-back .left .card-bottom, sat-card.card-l.featured .card sat-content-card .card-back .left .card-top, sat-card.card-l.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
.cards-l sat-card.featured .card sat-content-card .card-back .left .card-top svg, sat-card.card-l.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
.cards-l sat-card.featured .card sat-content-card .card-back .right, sat-card.card-l.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
.cards-l sat-card.featured .card sat-content-card .card-back .right.card-top, sat-card.card-l.featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
.cards-l sat-card.featured .card sat-content-card .card-back .right.card-top .card-content p, sat-card.card-l.featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
.cards-l sat-card.featured .card sat-content-card .card-back .right.card-bottom, sat-card.card-l.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
.cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar, sat-card.card-l.featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
.cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar .btn, sat-card.card-l.featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
.cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i, sat-card.card-l.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
.cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i, sat-card.card-l.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
.cards-l sat-card.featured .card sat-content-card .card-image-l-featured, sat-card.card-l.featured .card sat-content-card .card-image-l-featured {
display: block; } }
@media (min-width: 1680px) {
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card, sat-card.desktophd-card-l:not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front,
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front,
sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-top, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-top:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-bottom, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-bottom:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-bottom, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-category, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-top:after, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-content h3, .desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .tag-card-discount, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .tag-card-strike, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-front .travel-week-logo, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top .card-content p, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, .desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .tag-card-discount, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-back .tag-card-price, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card .card-image-l, sat-card.desktophd-card-l:not(.featured) .card sat-content-card .card-image-l {
display: block; }
.desktophd-cards-l sat-card:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p, sat-card.desktophd-card-l:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
.desktophd-cards-l sat-card.featured .card sat-content-card, sat-card.desktophd-card-l.featured .card sat-content-card {
width: 734px;
height: 466px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front,
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back, sat-card.desktophd-card-l.featured .card sat-content-card .card-front,
sat-card.desktophd-card-l.featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .card-top:before,
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .card-top:before, sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.desktophd-card-l.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.desktophd-card-l.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-side, sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .shadow-circle, sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-top {
height: 310px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-top:before, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front sat-card-container .card-top:before, sat-card.desktophd-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-bottom:before, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-side, sat-card.desktophd-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back sat-card-container .shadow-circle, sat-card.desktophd-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .card-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .card-top {
height: 360px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .card-top:before, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .card-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-top, .desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-content h3, .desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-content .h3, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-content h3, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-date, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-date-mobile, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-reviews:before, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-front .card-footer .card-reviews div, sat-card.desktophd-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .left, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .left .card-top, .desktophd-cards-l sat-card.featured .card sat-content-card .card-back .left .card-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .left .card-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .left .card-top svg, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right.card-top, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right.card-top .card-content p, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right.card-bottom, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar .btn, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i, sat-card.desktophd-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
.desktophd-cards-l sat-card.featured .card sat-content-card .card-image-l-featured, sat-card.desktophd-card-l.featured .card sat-content-card .card-image-l-featured {
display: block; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-l .card sat-content-card {
width: 350px;
height: 466px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card.card-custom.tablet-card-l .card sat-content-card .card-image-l {
display: block; }
sat-card.card-custom.tablet-card-l .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card.card-custom.tablet-card-l .card sat-download-card {
width: 350px;
height: 466px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front,
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.tablet-card-l .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1680px) {
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-date {
display: none; }
sat-card.card-custom.tablet-card-l .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-l .card sat-content-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card.card-custom.desktop-card-l .card sat-content-card .card-image-l {
display: block; }
sat-card.card-custom.desktop-card-l .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card.card-custom.desktop-card-l .card sat-download-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front,
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-card-l .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1080px) and (min-width: 1680px) {
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-date {
display: none; }
sat-card.card-custom.desktop-card-l .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-l .card sat-content-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card .card-image-l {
display: block; }
sat-card.card-custom.desktop-s-card-l .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front,
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (min-width: 1680px) {
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-date {
display: none; }
sat-card.card-custom.desktop-s-card-l .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card .card-image-l {
display: block; }
sat-card.card-custom.desktop-m-card-l:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card {
width: 734px;
height: 466px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-top {
height: 310px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .card-top {
height: 360px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-m-card-l.featured .card sat-content-card .card-image-l-featured {
display: block; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front,
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (min-width: 1680px) {
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-date {
display: none; }
sat-card.card-custom.desktop-m-card-l .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card .card-image-l {
display: block; }
sat-card.card-custom.desktop-l-card-l:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card {
width: 734px;
height: 466px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-top {
height: 310px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .card-top {
height: 360px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-l-card-l.featured .card sat-content-card .card-image-l-featured {
display: block; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front,
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (min-width: 1680px) {
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-date {
display: none; }
sat-card.card-custom.desktop-l-card-l .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1920px) {
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card .card-image-l {
display: block; }
sat-card.card-custom.desktop-xl-card-l:not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card {
width: 734px;
height: 466px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-top {
height: 310px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .card-top {
height: 360px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card.card-custom.desktop-xl-card-l.featured .card sat-content-card .card-image-l-featured {
display: block; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card {
width: 350px;
height: 466px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front,
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-top {
height: 402px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-top {
height: 402px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-bottom {
height: 64px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-footer .card-date {
bottom: 60px;
right: auto; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-actions-bar {
height: 64px; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0;
min-height: 52px; } }
@media (min-width: 1920px) and (min-width: 1680px) {
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-actions-bar .btn {
padding: 16px 0; } }
@media (min-width: 1920px) {
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-date {
display: none; }
sat-card.card-custom.desktop-xl-card-l .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 168px;
font-size: 16px;
line-height: 1.5; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-m .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front,
sat-card.card-custom.phone-card-m .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-content h3, sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-content h3, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-content p, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (max-width: 767px) and (max-width: 1079px) {
sat-card.card-custom.phone-card-m .card sat-content-card .card-back {
display: none; } }
@media (max-width: 767px) {
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.phone-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front,
sat-card.card-custom.phone-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.phone-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.phone-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.tablet-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.tablet-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.tablet-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.tablet-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.tablet-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1079px) {
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-s-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-s-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-s-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-m-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-m-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-m-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card.card-custom.desktop-l-card-m:not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content .h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-content h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content p, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-top, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-content h3, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1680px) and (max-width: 1919px) and (max-width: 1079px) {
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left .card-top, sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card.card-custom.desktop-l-card-m.featured .card sat-content-card .card-image-m-featured {
display: block; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card {
width: 300px;
height: 388px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-top:before,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
left: 0; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-top {
height: 336px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-bottom:before {
right: -20px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-top {
height: 336px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-top:before {
bottom: -20px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-bottom {
height: 52px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-content {
bottom: 150px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date {
bottom: 65px;
right: auto; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .report-date-arrow {
font-size: 18px;
vertical-align: middle; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .xs-start-date,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .xs-end-date,
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-front .card-footer .card-date .xs-separator {
display: none; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-actions-bar {
height: 52px; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-actions-bar .btn {
padding: 8px 0; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-width: 100%; }
sat-card.card-custom.desktop-l-card-m .card sat-download-card .card-back .card-date {
display: none; } }
@media (min-width: 1080px) {
sat-card.card-custom.card-m-rotate .card sat-content-card .card-back,
sat-card.card-custom.card-m-rotate .card sat-download-card .card-back {
display: block; } }
.card-image-xs, .card-image-s, .card-image-s-featured, .card-image-m, .card-image-m-featured, .card-image-l, .card-image-l-featured, .entrant-only {
display: none; }
.map-view-close {
display: none; }
.trash-card {
position: absolute;
top: 5px;
right: 21px;
color: #909298;
z-index: 11; }
@media (min-width: 768px) {
.trash-card {
top: 9px;
bottom: auto;
right: 12px;
color: #ffffff;
text-shadow: 5px -5px 55px #222632, 5px -5px 60px #222632, 5px -5px 65px #222632, 5px -5px 70px #222632, 5px -5px 75px #222632; } }
@media (min-width: 1080px) {
.trash-card {
display: none; } }
@media (max-width: 768px) {
sat-card.map-view .map-view-close {
text-align: right;
display: block;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
z-index: 11; } }
.itinerary-inner-card {
max-width: 40%;
background-color: #fff;
margin: 30px;
display: flex;
flex-direction: row; }
.itinerary-card {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
max-width: 100%;
align-items: center;
margin-top: 50px; }
@media (max-width: 820px) {
.itinerary-inner-card {
margin: 0;
max-width: none;
margin-bottom: 30px; } }
@media (max-width: 767px) {
sat-card:not(.card-custom) .card sat-content-card {
width: 300px;
height: 136px; }
sat-card:not(.card-custom) .card sat-content-card .card-front,
sat-card:not(.card-custom) .card sat-content-card .card-back {
height: 136px;
overflow-y: clip; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top {
height: 68px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom {
height: 68px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
sat-card:not(.card-custom) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
sat-card:not(.card-custom) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
sat-card:not(.card-custom) .card sat-content-card.rotate .card-front, sat-card:not(.card-custom) .card sat-content-card.rotate .card-back, sat-card:not(.card-custom) .card sat-content-card.rotate:hover .card-front, sat-card:not(.card-custom) .card sat-content-card.rotate:hover .card-back {
transform: none; }
sat-card:not(.card-custom) .card sat-content-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
sat-card:not(.card-custom) .card sat-content-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
sat-card:not(.card-custom) .card sat-content-card .card-image-xs:not(.entrant-only) {
display: block; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top {
z-index: 3; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top:after {
display: none; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
background-color: transparent;
color: #ffcb05;
left: 145px;
top: 5px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 25px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card-discount {
color: #ed1c24; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
left: calc(130px - 60px);
top: 5px;
width: 45px;
height: 45px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom:before {
box-shadow: #ffffff -52.33333px 7px 0 45.33333px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom:after {
position: absolute;
content: "\A0";
background-color: #ffffff;
width: 293px;
left: 0;
height: 14px;
z-index: -1; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-content {
display: flex;
align-items: center;
left: 130px;
bottom: 31px;
min-height: 0;
height: 40px;
width: auto;
padding: 0 25px 0 15px;
max-height: 70px;
overflow: hidden;
text-overflow: ellipsis; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-content h3, sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-content .h3 {
height: inherit;
font-size: 16px;
font-weight: 600;
max-height: 70px;
text-overflow: ellipsis; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer {
height: 50px;
left: 130px;
width: 170px;
display: flex; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer sat-card-info {
display: inline-flex;
vertical-align: bottom;
position: relative;
left: -1px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
position: absolute;
font-size: 12px;
font-weight: 600;
transform: rotate(90deg);
transform-origin: top left;
left: 100%;
top: -86px;
text-align: center;
height: 20px;
width: 61px;
float: none;
border-bottom: 1px solid #909298;
color: #909298; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date {
width: 136px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .start-date {
position: absolute;
left: 6px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .xs-separator {
position: relative;
top: 3px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile.full-date .end-date {
position: absolute;
right: 6px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
display: none; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
display: inline-block;
height: auto;
position: absolute;
bottom: 5px;
width: 150px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews:before {
display: none; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div {
display: flex;
align-items: center; }
sat-card:not(.card-custom) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews div i {
font-size: 16px; }
sat-card:not(.card-custom) .card sat-content-card .card-front .top-line:before {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 145px;
top: 20px;
z-index: 9; }
sat-card:not(.card-custom) .card sat-content-card .card-back {
display: none; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .entrant-only, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .entrant-only {
display: block;
top: initial;
bottom: 10px;
left: 5px;
z-index: 10; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .card-top .tag-card, sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .top-line:before, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-top .tag-card, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .top-line:before {
display: none; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-bottom .card-content {
flex-direction: column;
align-items: initial;
bottom: 35px;
height: 60px; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .card-bottom .card-content .card-category, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-bottom .card-content .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .card-category-info, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-category-info {
position: absolute;
left: 130px;
margin-top: 5px;
font-size: 12px; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .card-category-info .icon-map, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-category-info .icon-map {
font-size: 18px; }
sat-card:not(.card-custom) .card sat-content-card.content-type-entrant .card-front .card-category-info .share-cta, sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-category-info .share-cta {
display: none; }
sat-card:not(.card-custom) .card sat-content-card.content-type-individual .card-front .card-bottom .card-footer .card-reviews {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card {
width: 240px;
height: 320px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top {
height: 211px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom {
height: 109px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top {
height: 275px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-bottom {
height: 45px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 233px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .listing {
display: none !important; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .tag-card {
top: 10px;
left: 10px;
font-size: 14px;
height: 20px;
line-height: 20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .tag-card-discount {
top: 35px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .tag-card-strike {
text-decoration: line-through; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .travel-week-logo {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content {
padding: 10px 15px;
height: 100%;
max-height: 65px;
bottom: 45px;
min-height: 0;
overflow: hidden; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content.with-category {
max-height: 75px;
bottom: 35px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content .h3 {
font-size: 16px;
font-weight: 600;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-reviews {
position: relative;
height: 40px;
display: flex;
align-items: center; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-reviews:before {
width: 60px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-date.full-date {
font-size: 24px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-date-mobile {
display: none; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer {
height: 45px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer .card-reviews div {
line-height: 45px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer.with-category {
height: 35px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews {
height: 35px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer.with-category .card-reviews div {
line-height: 35px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 45px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-image-s {
display: block; }
sat-card:not(.card-custom).featured .card sat-content-card {
width: 500px;
height: 320px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front,
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
height: 320px;
overflow-y: clip; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 500px;
height: 200px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 500px;
height: 96px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 200px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 202px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top {
height: 212px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
height: 108px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 500px;
height: 237px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 500px;
height: 59px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 480px;
height: 24px;
top: 237px;
right: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 239px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top {
height: 249px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-bottom {
height: 71px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -250px 250px 0 500px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -250px -250px 0 375px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 250px 250px 0 375px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 53.25px; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-mobile-action {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content .h3 {
font-size: 26px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content p {
font-size: 14px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date {
position: absolute;
right: 10px;
font-size: 30px;
line-height: 1;
bottom: 7px;
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date.full-date {
font-size: 24px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date.full-date .start-date {
margin-bottom: -2px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 768px) and (max-width: 1079px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-category-info {
margin-top: 15px;
font-size: 10px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-category-info i {
font-size: 16px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content .tag-card {
font-size: 12px;
top: -16px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content .h3 {
font-size: 16px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content p {
font-size: 14px;
line-height: 1.3;
max-height: 70px;
overflow: hidden;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 54.6px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-footer .card-reviews:before {
width: 60px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-footer .card-date {
font-size: 30px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-footer .card-date i {
font-size: 12px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar {
height: 44px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar .details {
min-width: auto;
float: left;
padding: 5px 0;
font-size: 11px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar .details {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 5px 0;
font-size: 12px;
min-height: 0; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
font-size: 12px; } }
@media (min-width: 768px) and (max-width: 1079px) and (min-width: 1366px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar i {
font-size: 12px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar i.icon-trash {
font-size: 14px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-actions-bar i.icon-arrow {
top: 0;
font-size: 10px; } }
@media (min-width: 768px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left {
width: 250px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 250px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top {
height: 270px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-bottom {
height: 44px;
background-color: #ffcb05; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-date.full-date {
font-size: 24px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-date .icon-arrow_right {
font-size: 12px;
left: 4px;
top: -4px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-image-s-featured {
display: block; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content p, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card:not(.card-custom).featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front,
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content .h3, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content p, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1080px) and (max-width: 1365px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1080px) and (max-width: 1365px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-image-m-featured {
display: block; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card {
width: 300px;
height: 388px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 245px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 119px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 245px;
left: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 247px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top {
height: 257px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom {
height: 131px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 300px;
height: 324px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 300px;
height: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 280px;
height: 24px;
top: 324px;
right: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 326px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top {
height: 336px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-bottom {
height: 52px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -150px -150px 0 225px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 150px 150px 0 225px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 39px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 290px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top .deck {
display: none !important; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-content {
height: 95px;
bottom: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-reviews {
height: 45px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date {
bottom: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date {
font-size: 24px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date.full-date .start-date {
margin-bottom: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content .h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content .h3 {
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content p, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer .card-date.full-date, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-date.full-date {
font-size: 24px; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar {
height: 52px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .details {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar.wish-list .favourite-cta i.icon-trash {
font-size: 14px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-footer .card-reviews {
height: 40px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-image-m {
display: block; }
sat-card:not(.card-custom).featured .card sat-content-card {
width: 610px;
height: 388px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front,
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
height: 388px;
overflow-y: clip; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 610px;
height: 244px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 610px;
height: 120px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 244px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 246px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top {
height: 256px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -305px 305px 0 610px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
height: 132px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 610px;
height: 291px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 610px;
height: 73px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 590px;
height: 24px;
top: 291px;
right: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 293px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top {
height: 303px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-bottom {
height: 85px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content .h3, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content .h3 {
font-size: 20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content p, sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-content p {
font-size: 14px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .h3 {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; } }
@media (min-width: 1366px) and (max-width: 1679px) and (max-width: 1079px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
display: none; } }
@media (min-width: 1366px) and (max-width: 1679px) {
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left {
width: 305px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 305px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top {
height: 338px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar {
height: 50px;
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .details {
min-width: auto;
float: left;
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: 0;
font-size: 10px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta {
padding: 9px 0;
font-size: 16px;
min-height: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar.wish-list .favourite-cta i {
font-size: 12px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-image-m-featured {
display: block; } }
@media (min-width: 1680px) and (max-width: 1919px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-image-l {
display: block; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card:not(.card-custom).featured .card sat-content-card {
width: 734px;
height: 466px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front,
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top {
height: 310px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top {
height: 360px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-image-l-featured {
display: block; } }
@media (min-width: 1920px) {
sat-card:not(.card-custom):not(.featured) .card sat-content-card {
width: 350px;
height: 466px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top {
height: 308px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom {
height: 158px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top {
height: 402px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-bottom {
height: 64px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-category {
font-size: 12px;
color: #909298;
text-transform: uppercase; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .tag-card-discount {
top: 45px;
background-color: #ed1c24 !important;
color: #ffffff !important; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .tag-card-strike {
text-decoration: line-through; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-front .travel-week-logo {
position: absolute;
top: 15px;
right: 15px;
width: 55px;
height: 55px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content h3, sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-top .card-content .h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 93.6px;
font-size: 24px;
line-height: 1.3; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .btn {
font-size: 18px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .card-actions-bar .favourite-cta i.icon-trash {
font-size: 15px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .tag-card-discount {
text-decoration: line-through;
margin-right: 15px; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-back .tag-card-price {
color: #ed1c24; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card .card-image-l {
display: block; }
sat-card:not(.card-custom):not(.featured) .card sat-content-card.content-type-entrant .card-back .card-top .card-content p {
margin-top: 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 95.58px;
font-size: 18px;
line-height: 1.77; }
sat-card:not(.card-custom).featured .card sat-content-card {
width: 734px;
height: 466px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front,
sat-card:not(.card-custom).featured .card sat-content-card .card-back {
height: 466px;
overflow-y: clip; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-bottom:before,
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-top {
width: 734px;
height: 298px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-bottom {
width: 734px;
height: 144px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 298px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 300px;
right: -10px;
background-image: url(d03519d7.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top {
height: 310px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -367px 367px 0 734px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
height: 156px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom:before {
right: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-top {
width: 734px;
height: 348px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-bottom {
width: 734px;
height: 94px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-side {
width: 714px;
height: 24px;
top: 348px;
right: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 350px;
left: -10px;
background-image: url(260f769c.png); }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top {
height: 360px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-top:before {
bottom: -20px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .card-bottom {
height: 106px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content h3, sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-content .h3 {
color: #ffffff;
font-size: 2.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 6.5em;
font-size: 2.5em;
line-height: 1.3; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-date-mobile {
display: none; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews:before {
background-color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-front .card-footer .card-reviews div {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left {
width: 365px;
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
left: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top, sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-bottom {
color: #ffffff; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .left .card-top svg {
border-top-right-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right {
right: 0;
left: auto;
width: 369px;
z-index: 2;
background-color: #ffffff;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top {
height: 402px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-top .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right.card-bottom {
height: 64px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar {
top: auto;
bottom: 0;
background-color: #ffcb05;
border-bottom-left-radius: 0; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .btn {
font-size: 18px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .details sat-animated-arrow i {
top: -1px;
font-size: 11px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-back .right .card-actions-bar .favourite-cta i {
font-size: 13px; }
sat-card:not(.card-custom).featured .card sat-content-card .card-image-l-featured {
display: block; } }
.card-container .card sat-person-card,
.card-container .card sat-user-profile-card {
width: 280px;
height: 330px; }
.card-container .card sat-person-card .card-front,
.card-container .card sat-person-card .card-back,
.card-container .card sat-user-profile-card .card-front,
.card-container .card sat-user-profile-card .card-back {
height: 330px;
overflow-y: clip; }
.card-container .card sat-person-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-person-card .card-front sat-card-container .card-top:before,
.card-container .card sat-person-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-person-card .card-back sat-card-container .card-top:before,
.card-container .card sat-user-profile-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-user-profile-card .card-front sat-card-container .card-top:before,
.card-container .card sat-user-profile-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-user-profile-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-person-card .card-front sat-card-container .shadow-top,
.card-container .card sat-user-profile-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 206px; }
.card-container .card sat-person-card .card-front sat-card-container .shadow-bottom,
.card-container .card sat-user-profile-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 100px; }
.card-container .card sat-person-card .card-front sat-card-container .shadow-side,
.card-container .card sat-user-profile-card .card-front sat-card-container .shadow-side {
width: 260px;
height: 24px;
top: 206px;
left: 0; }
.card-container .card sat-person-card .card-front sat-card-container .shadow-circle,
.card-container .card sat-user-profile-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 208px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-person-card .card-front .card-top,
.card-container .card sat-user-profile-card .card-front .card-top {
height: 218px; }
.card-container .card sat-person-card .card-front .card-top:before,
.card-container .card sat-user-profile-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-person-card .card-front sat-card-container .card-top:before,
.card-container .card sat-user-profile-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-person-card .card-front .card-bottom,
.card-container .card sat-user-profile-card .card-front .card-bottom {
height: 112px; }
.card-container .card sat-person-card .card-front .card-bottom:before,
.card-container .card sat-user-profile-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-person-card .card-back sat-card-container .shadow-top,
.card-container .card sat-user-profile-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 258px; }
.card-container .card sat-person-card .card-back sat-card-container .shadow-bottom,
.card-container .card sat-user-profile-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 48px; }
.card-container .card sat-person-card .card-back sat-card-container .shadow-side,
.card-container .card sat-user-profile-card .card-back sat-card-container .shadow-side {
width: 260px;
height: 24px;
top: 258px;
right: 0; }
.card-container .card sat-person-card .card-back sat-card-container .shadow-circle,
.card-container .card sat-user-profile-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 260px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-person-card .card-back .card-top,
.card-container .card sat-user-profile-card .card-back .card-top {
height: 270px; }
.card-container .card sat-person-card .card-back .card-top:before,
.card-container .card sat-user-profile-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-person-card .card-back .card-bottom,
.card-container .card sat-user-profile-card .card-back .card-bottom {
height: 60px; }
.card-container .card sat-person-card .card-front sat-card-container .card-top:before,
.card-container .card sat-user-profile-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-person-card .card-front sat-card-container .card-bottom,
.card-container .card sat-user-profile-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-person-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-user-profile-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
.card-container .card sat-person-card .card-back sat-card-container .card-top:before,
.card-container .card sat-user-profile-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 140px 140px 0 210px; }
.card-container .card sat-person-card .card-back sat-card-container .card-bottom,
.card-container .card sat-user-profile-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-person-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-user-profile-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 45px; }
.card-container .card sat-person-card .card-front .subtitle,
.card-container .card sat-person-card .card-back .subtitle,
.card-container .card sat-user-profile-card .card-front .subtitle,
.card-container .card sat-user-profile-card .card-back .subtitle {
font-weight: 400; }
.card-container .card sat-person-card .card-front .card-content,
.card-container .card sat-person-card .card-back .card-content,
.card-container .card sat-user-profile-card .card-front .card-content,
.card-container .card sat-user-profile-card .card-back .card-content {
display: inline-block;
bottom: 30px; }
.card-container .card sat-person-card .card-front .card-bottom h3, .card-container .card sat-person-card .card-front .card-bottom .h3,
.card-container .card sat-person-card .card-back .card-bottom h3,
.card-container .card sat-person-card .card-back .card-bottom .h3,
.card-container .card sat-user-profile-card .card-front .card-bottom h3,
.card-container .card sat-user-profile-card .card-front .card-bottom .h3,
.card-container .card sat-user-profile-card .card-back .card-bottom h3,
.card-container .card sat-user-profile-card .card-back .card-bottom .h3 {
word-wrap: break-word;
font-size: 22px;
line-height: 1.2; }
.card-container .card sat-person-card .card-front .card-footer:before,
.card-container .card sat-person-card .card-back .card-footer:before,
.card-container .card sat-user-profile-card .card-front .card-footer:before,
.card-container .card sat-user-profile-card .card-back .card-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card-container .card sat-person-card .card-front .card-footer:before,
.card-container .card sat-person-card .card-back .card-footer:before,
.card-container .card sat-user-profile-card .card-front .card-footer:before,
.card-container .card sat-user-profile-card .card-back .card-footer:before {
left: 15px; }
.card-container .card sat-person-card .card-front .profile-placeholder,
.card-container .card sat-person-card .card-back .profile-placeholder,
.card-container .card sat-user-profile-card .card-front .profile-placeholder,
.card-container .card sat-user-profile-card .card-back .profile-placeholder {
clip-path: url(#clip-person-l);
background: #909298;
overflow: hidden;
width: 280px;
height: 218px; }
.card-container .card sat-person-card .card-front .profile-placeholder .icon-profile,
.card-container .card sat-person-card .card-back .profile-placeholder .icon-profile,
.card-container .card sat-user-profile-card .card-front .profile-placeholder .icon-profile,
.card-container .card sat-user-profile-card .card-back .profile-placeholder .icon-profile {
color: #eeeeee;
font-size: 200px; }
.card-container .card sat-person-card .card-front .card-top:after,
.card-container .card sat-user-profile-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 270px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.card-container .card sat-person-card .card-front .card-footer,
.card-container .card sat-user-profile-card .card-front .card-footer {
height: 13px; }
.card-container .card sat-person-card .card-back .card-bottom-bar,
.card-container .card sat-user-profile-card .card-back .card-bottom-bar {
height: 60px; }
.card-container .card sat-person-card .card-back .card-content,
.card-container .card sat-user-profile-card .card-back .card-content {
bottom: 47px; }
.card-container .card sat-person-card .card-back .card-content .description,
.card-container .card sat-user-profile-card .card-back .card-content .description {
margin: 10px 0;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 90px; }
.card-container .card sat-person-card .card-back .card-footer,
.card-container .card sat-user-profile-card .card-back .card-footer {
height: 52px; }
.card-container .card sat-person-card .card-front .card-content {
height: 90px; }
.card-container .card sat-person-card .card-back .card-content {
top: 10px;
height: auto; }
.card-container .card sat-person-card .card-back .card-content .description {
height: inherit;
max-height: 130px;
margin: 0; }
.card-container .card sat-person-card .card-back .card-footer {
height: 42px; }
.card-container .card sat-person-card .card-back .btn {
padding: 13px 0; }
.card-container .card sat-user-profile-card .card-content {
height: 88px;
padding-top: 15px;
padding-bottom: 0; }
.card-container .card sat-when-to-visit-card {
width: 350px;
height: 466px; }
.card-container .card sat-when-to-visit-card .card-content .weather-info {
padding-bottom: 40px; }
.card-container .card sat-when-to-visit-card .btn {
font-size: 25px;
height: 82px;
line-height: 82px;
padding: 0; }
.card-container .card sat-when-to-visit-card .card-front,
.card-container .card sat-when-to-visit-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-top:before,
.card-container .card sat-when-to-visit-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-when-to-visit-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 372px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 70px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 372px;
left: 0; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 374px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-when-to-visit-card .card-front .card-top {
height: 384px; }
.card-container .card sat-when-to-visit-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom {
height: 82px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 372px; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 70px; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 372px;
right: 0; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 374px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-when-to-visit-card .card-back .card-top {
height: 384px; }
.card-container .card sat-when-to-visit-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-when-to-visit-card .card-back .card-bottom {
height: 82px; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-bottom {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 61.5px; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-bottom {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 61.5px; }
.card-container .card sat-when-to-visit-card.summer .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #f68d91;
z-index: 2; }
.card-container .card sat-when-to-visit-card.summer .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.summer .card-back .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #f68d91;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.summer .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-info {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar {
height: 82px;
line-height: 82px; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.summer .card-bottom-bar:after {
background-color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-bottom {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 61.5px; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-bottom {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 61.5px; }
.card-container .card sat-when-to-visit-card.winter .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #7fcaa4;
z-index: 2; }
.card-container .card sat-when-to-visit-card.winter .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.winter .card-back .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #7fcaa4;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.winter .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.winter .card-content .weather-info {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar {
height: 82px;
line-height: 82px; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.winter .card-bottom-bar:after {
background-color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 61.5px; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 61.5px; }
.card-container .card sat-when-to-visit-card.now .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2; }
.card-container .card sat-when-to-visit-card.now .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.now .card-back .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.now .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.now .card-content .weather-info {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar {
height: 82px;
line-height: 82px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.now .card-bottom-bar:after {
background-color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .btn {
color: #ffffff; }
@media (max-width: 1366px) {
.card-container .card sat-when-to-visit-card {
width: 240px;
height: 320px; }
.card-container .card sat-when-to-visit-card .card-front,
.card-container .card sat-when-to-visit-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-top:before,
.card-container .card sat-when-to-visit-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-when-to-visit-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 245px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 57px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 245px;
left: 0; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 247px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-when-to-visit-card .card-front .card-top {
height: 254px; }
.card-container .card sat-when-to-visit-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom {
height: 66px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 245px; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 57px; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 245px;
right: 0; }
.card-container .card sat-when-to-visit-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 247px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-when-to-visit-card .card-back .card-top {
height: 254px; }
.card-container .card sat-when-to-visit-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-when-to-visit-card .card-back .card-bottom {
height: 66px; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-bottom {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-bottom {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.summer .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #f68d91;
z-index: 2; }
.card-container .card sat-when-to-visit-card.summer .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.summer .card-back .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #f68d91;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.summer .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-info {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar {
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.summer .card-bottom-bar:after {
background-color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-bottom {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-bottom {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.winter .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #7fcaa4;
z-index: 2; }
.card-container .card sat-when-to-visit-card.winter .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.winter .card-back .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #7fcaa4;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.winter .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.winter .card-content .weather-info {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar {
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.winter .card-bottom-bar:after {
background-color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.now .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2; }
.card-container .card sat-when-to-visit-card.now .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.now .card-back .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.now .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.now .card-content .weather-info {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar {
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.now .card-bottom-bar:after {
background-color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header, .card-container .card sat-when-to-visit-card.winter .card-icon-header, .card-container .card sat-when-to-visit-card.now .card-icon-header {
top: 45px; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header .icon, .card-container .card sat-when-to-visit-card.winter .card-icon-header .icon, .card-container .card sat-when-to-visit-card.now .card-icon-header .icon {
margin: 0; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header span, .card-container .card sat-when-to-visit-card.winter .card-icon-header span, .card-container .card sat-when-to-visit-card.now .card-icon-header span {
position: relative;
top: -10px;
font-size: 9px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-info, .card-container .card sat-when-to-visit-card.winter .card-content .weather-info, .card-container .card sat-when-to-visit-card.now .card-content .weather-info {
padding-bottom: 20px; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header, .card-container .card sat-when-to-visit-card.winter .card-icon-header {
top: 45px !important; }
.card-container .card sat-when-to-visit-card.summer .card-content, .card-container .card sat-when-to-visit-card.winter .card-content {
top: 95px;
min-height: 0;
padding: 0 15px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-info, .card-container .card sat-when-to-visit-card.winter .card-content .weather-info {
font-size: 68px;
font-weight: 200; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-date, .card-container .card sat-when-to-visit-card.winter .card-content .weather-date {
font-size: 12px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-date:before, .card-container .card sat-when-to-visit-card.winter .card-content .weather-date:before {
width: 25px;
margin-left: -12px; }
.card-container .card sat-when-to-visit-card .card-bottom-bar .btn {
font-size: 17px;
min-width: initial;
height: 66px;
line-height: 66px; } }
@media screen and (max-width: 1366px) and (-ms-high-contrast: active), (max-width: 1366px) and (-ms-high-contrast: none) {
.card-container .card sat-when-to-visit-card .card-bottom-bar .btn {
min-width: auto; } }
@media (max-width: 1366px) {
.card-container .card sat-when-to-visit-card.now .card-icon-header {
top: 45px !important; }
.card-container .card sat-when-to-visit-card.now .card-content {
top: 95px;
min-height: 0;
padding: 0 15px; }
.card-container .card sat-when-to-visit-card.now .card-content .weather-info {
font-size: 68px;
font-weight: 300; }
.card-container .card sat-when-to-visit-card.now .card-content .weather-date {
font-size: 12px; }
.card-container .card sat-when-to-visit-card.now .bot-half {
display: none; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar {
line-height: 1.2em; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day {
padding: 5px 0;
position: relative;
font-size: 10px;
height: 66px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day i, .card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day div, .card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day .day-of-week {
position: relative; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day i {
top: 0; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day div {
top: -5px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day .day-of-week {
top: 2px; } }
@media (max-width: 768px) {
.card-container .card sat-when-to-visit-card {
width: 240px;
height: 320px; }
.card-container .card sat-when-to-visit-card .card-front,
.card-container .card sat-when-to-visit-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-top:before,
.card-container .card sat-when-to-visit-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-when-to-visit-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 245px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 57px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 245px;
left: 0; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 247px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-when-to-visit-card .card-front .card-top {
height: 254px; }
.card-container .card sat-when-to-visit-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-when-to-visit-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom {
height: 66px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-bottom {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-bottom {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.summer .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #f68d91;
z-index: 2; }
.card-container .card sat-when-to-visit-card.summer .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.summer .card-back .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #f68d91;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.summer .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-info {
color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar {
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.summer .card-bottom-bar:after {
background-color: #f68d91; }
.card-container .card sat-when-to-visit-card.summer .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-bottom {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-bottom {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.winter .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #7fcaa4;
z-index: 2; }
.card-container .card sat-when-to-visit-card.winter .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.winter .card-back .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #7fcaa4;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.winter .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.winter .card-content .weather-info {
color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar {
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.winter .card-bottom-bar:after {
background-color: #7fcaa4; }
.card-container .card sat-when-to-visit-card.winter .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 49.5px; }
.card-container .card sat-when-to-visit-card.now .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2; }
.card-container .card sat-when-to-visit-card.now .card-front .card-top .card-icon-header {
top: 60px; }
.card-container .card sat-when-to-visit-card.now .card-back .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2;
right: 0; }
.card-container .card sat-when-to-visit-card.now .card-content {
display: inline-block;
height: auto;
text-align: center;
bottom: 0;
top: 130px; }
.card-container .card sat-when-to-visit-card.now .card-content .weather-info {
color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar {
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar:before, .card-container .card sat-when-to-visit-card.now .card-bottom-bar:after {
background-color: #81a2c9; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header, .card-container .card sat-when-to-visit-card.winter .card-icon-header, .card-container .card sat-when-to-visit-card.now .card-icon-header {
top: 12px; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header .icon, .card-container .card sat-when-to-visit-card.winter .card-icon-header .icon, .card-container .card sat-when-to-visit-card.now .card-icon-header .icon {
margin: 0; }
.card-container .card sat-when-to-visit-card.summer .card-icon-header span, .card-container .card sat-when-to-visit-card.winter .card-icon-header span, .card-container .card sat-when-to-visit-card.now .card-icon-header span {
position: relative;
top: -10px;
font-size: 12px; }
.card-container .card sat-when-to-visit-card.summer .card-content .weather-info, .card-container .card sat-when-to-visit-card.winter .card-content .weather-info, .card-container .card sat-when-to-visit-card.now .card-content .weather-info {
padding-bottom: 40px; }
.card-container .card sat-when-to-visit-card.summer .top-half, .card-container .card sat-when-to-visit-card.summer .bot-half, .card-container .card sat-when-to-visit-card.winter .top-half, .card-container .card sat-when-to-visit-card.winter .bot-half {
position: relative;
height: 127px; }
.card-container .card sat-when-to-visit-card.summer .top-half .weather-date, .card-container .card sat-when-to-visit-card.summer .bot-half .weather-date, .card-container .card sat-when-to-visit-card.winter .top-half .weather-date, .card-container .card sat-when-to-visit-card.winter .bot-half .weather-date {
display: none; }
.card-container .card sat-when-to-visit-card.summer .top-half .card-content, .card-container .card sat-when-to-visit-card.summer .bot-half .card-content, .card-container .card sat-when-to-visit-card.winter .top-half .card-content, .card-container .card sat-when-to-visit-card.winter .bot-half .card-content {
bottom: 0;
top: 65px;
min-height: 0;
padding: 0 15px; }
.card-container .card sat-when-to-visit-card.summer .top-half .card-content .weather-info, .card-container .card sat-when-to-visit-card.summer .bot-half .card-content .weather-info, .card-container .card sat-when-to-visit-card.winter .top-half .card-content .weather-info, .card-container .card sat-when-to-visit-card.winter .bot-half .card-content .weather-info {
font-size: 35px; }
.card-container .card sat-when-to-visit-card.summer .bot-half:before, .card-container .card sat-when-to-visit-card.winter .bot-half:before {
content: "\A0";
position: absolute;
top: 0;
width: 100%; }
.card-container .card sat-when-to-visit-card.now .card-content {
bottom: 15px;
top: 60px; }
.card-container .card sat-when-to-visit-card.now .card-content .weather-info {
font-size: 60px; }
.card-container .card sat-when-to-visit-card.now .bot-half {
display: none; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar {
line-height: 1.2em; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day {
padding: 5px 0;
position: relative;
font-size: 10px;
height: 66px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day i, .card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day div, .card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day .day-of-week {
position: relative; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day i {
top: 0; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day div {
top: -5px; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar .days .day .day-of-week {
top: 2px; }
.card-container .card sat-when-to-visit-card .bot-half:before {
border-top: 1px dashed #909298; }
.card-container .card sat-when-to-visit-card .card-front .card-top .card-icon-header {
top: 5px !important; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom .btn {
position: absolute;
min-width: 0;
height: 66px;
line-height: 66px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom .btn .when-to-visit-type, .card-container .card sat-when-to-visit-card .card-front .card-bottom .btn .weather-date {
position: absolute;
left: 0;
width: 100%;
top: 34px;
line-height: 22px; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom .btn .weather-date {
position: absolute;
top: 10px;
font-size: 12px;
font-weight: 400; }
.card-container .card sat-when-to-visit-card .card-front .card-bottom .btn .weather-date:after {
position: absolute;
content: "\A0";
display: block;
width: 24px;
left: 50%;
margin-left: -12px;
height: 1px;
background-color: #ffffff; } }
.card-container .card sat-when-to-visit-card .card-content .weather-info {
color: #81a2c9;
font-size: 100px;
font-weight: 300;
text-align: center; }
.card-container .card sat-when-to-visit-card .card-content .weather-date {
position: relative;
padding-top: 10px;
text-align: center;
color: #909298; }
.card-container .card sat-when-to-visit-card .card-content .weather-date:before {
top: 0;
height: 1px;
background-color: #909298;
position: absolute;
width: 40px;
left: 50%;
margin-left: -20px;
content: "\A0"; }
.card-container .card sat-when-to-visit-card.now .card-bottom-bar {
line-height: 1.2em; }
.card-container .card sat-when-to-visit-card .card-bottom-bar .days .day {
padding: 6px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #accaee;
color: #ffffff;
width: 20%;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-size: 13px; }
.card-container .card sat-when-to-visit-card .card-bottom-bar .days .day:last-child {
border-right: none; }
.card-container .card sat-when-to-visit-card .card-bottom-bar .days .day .day-of-week {
font-weight: 200; }
.card-container .card sat-when-to-visit-card .card-bottom-bar .days .day i {
font-size: 20px;
color: #ffcb05; }
.card-container .card sat-how-to-get-here-card {
width: 350px;
height: 466px; }
.card-container .card sat-how-to-get-here-card .card-front,
.card-container .card sat-how-to-get-here-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-top:before,
.card-container .card sat-how-to-get-here-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-how-to-get-here-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 390px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
left: 0; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-how-to-get-here-card .card-front .card-top {
height: 402px; }
.card-container .card sat-how-to-get-here-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-how-to-get-here-card .card-front .card-bottom {
height: 64px; }
.card-container .card sat-how-to-get-here-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 48px; }
.card-container .card sat-how-to-get-here-card .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar {
height: 64px;
line-height: 64px; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar:before, .card-container .card sat-how-to-get-here-card .card-bottom-bar:after {
background-color: #81a2c9; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-how-to-get-here-card .card-content {
text-align: center;
align-items: flex-start;
top: 130px;
padding: 15px;
height: auto;
justify-content: flex-start;
line-height: inherit; }
.card-container .card sat-how-to-get-here-card .card-icon-header {
top: 50px; }
.card-container .card sat-how-to-get-here-card .card-icon-header span {
bottom: -10px;
position: absolute;
left: 0;
right: 0; }
@media (max-width: 1366px) {
.card-container .card sat-how-to-get-here-card {
width: 240px;
height: 320px; }
.card-container .card sat-how-to-get-here-card .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #81a2c9;
z-index: 2; }
.card-container .card sat-how-to-get-here-card .card-front,
.card-container .card sat-how-to-get-here-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-top:before,
.card-container .card sat-how-to-get-here-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-how-to-get-here-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 266px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
left: 0; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-how-to-get-here-card .card-front .card-top {
height: 275px; }
.card-container .card sat-how-to-get-here-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-how-to-get-here-card .card-front .card-bottom {
height: 45px; }
.card-container .card sat-how-to-get-here-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-bottom {
color: #81a2c9; }
.card-container .card sat-how-to-get-here-card .card-front sat-card-container .card-bottom:before {
box-shadow: 0 0 0 33.75px; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar {
height: 45px;
line-height: 45px; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar:before, .card-container .card sat-how-to-get-here-card .card-bottom-bar:after {
background-color: #81a2c9; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar .btn {
color: #ffffff; }
.card-container .card sat-how-to-get-here-card .card-bottom-bar .btn {
min-height: 0;
min-width: initial;
line-height: 45px;
padding: 0; } }
@media screen and (max-width: 1366px) and (-ms-high-contrast: active), (max-width: 1366px) and (-ms-high-contrast: none) {
.card-container .card sat-how-to-get-here-card .card-bottom-bar .btn {
min-width: auto; } }
@media (max-width: 1366px) {
.card-container .card sat-how-to-get-here-card .card-content {
bottom: 15px;
top: 90px;
height: auto; }
.card-container .card sat-how-to-get-here-card .card-content p {
margin: 0;
font-size: 14px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
max-height: 127.4px;
font-size: 14px;
line-height: 1.3; }
.card-container .card sat-how-to-get-here-card .card-icon-header {
top: 30px; } }
.card-container .card sat-location-card {
width: 280px;
height: 330px; }
.card-container .card sat-location-card .card-front,
.card-container .card sat-location-card .card-back {
height: 330px;
overflow-y: clip; }
.card-container .card sat-location-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-location-card .card-front sat-card-container .card-top:before,
.card-container .card sat-location-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-location-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 263px; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 43px; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-side {
width: 260px;
height: 24px;
top: 263px;
left: 0; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 265px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-location-card .card-front .card-top {
height: 275px; }
.card-container .card sat-location-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-location-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-location-card .card-front .card-bottom {
height: 55px; }
.card-container .card sat-location-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-location-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-location-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-location-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
.card-container .card sat-location-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 140px 140px 0 210px; }
.card-container .card sat-location-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-location-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 41.25px; }
.card-container .card sat-location-card .click-overlay {
display: none; }
@media (max-width: 480px) {
.card-container .card sat-location-card {
width: 280px;
height: 280px; }
.card-container .card sat-location-card .card-front,
.card-container .card sat-location-card .card-back {
height: 280px;
overflow-y: clip; }
.card-container .card sat-location-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-location-card .card-front sat-card-container .card-top:before,
.card-container .card sat-location-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-location-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 241px; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 21px; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-side {
width: 266px;
height: 18px;
top: 241px;
left: 0; }
.card-container .card sat-location-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 243px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-location-card .card-front .card-top {
height: 250px; }
.card-container .card sat-location-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-location-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-location-card .card-front .card-bottom {
height: 30px; }
.card-container .card sat-location-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-location-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-location-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-location-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
.card-container .card sat-location-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 140px 140px 0 210px; }
.card-container .card sat-location-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-location-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 22.5px; } }
.card-container .card sat-location-card .card-bottom:after {
display: block;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
height: 5px;
background-color: #ffcb05;
width: 100%;
position: absolute;
bottom: 0;
content: "\A0"; }
.card-container .card sat-location-card .current-location {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
color: #909298;
font-weight: 600;
text-transform: uppercase; }
.card-container .card sat-location-card .current-location i {
color: #ffcb05; }
@media (max-width: 768px) {
.card-container .card sat-location-card .current-location {
right: 43px; } }
.card-container .card sat-location-card .distance {
text-align: right;
position: absolute;
bottom: 15px;
right: 25px;
color: #909298;
font-size: 15px;
line-height: 1.2; }
.card-container .card sat-location-card .distance p {
margin: 0;
padding: 0; }
.card-container .card sat-location-card .distance p.highlight {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #ffcb05; }
.card-container .card sat-location-card .distance p:last-child {
position: relative;
top: -3px; }
.card-container .card sat-location-card .map {
cursor: pointer;
width: 240px;
height: 220px;
margin-left: 20px;
margin-top: 37.5px; }
sat-card.mobile-opened .card sat-location-card .click-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.25); }
.card-container .card sat-quote-card {
width: 350px;
height: 466px; }
.card-container .card sat-quote-card .card-front,
.card-container .card sat-quote-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-quote-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-quote-card .card-front sat-card-container .card-top:before,
.card-container .card sat-quote-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-quote-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-quote-card .card-front .card-top {
height: 308px; }
.card-container .card sat-quote-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-quote-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-quote-card .card-front .card-bottom {
height: 158px; }
.card-container .card sat-quote-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-quote-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-quote-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-quote-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
.card-container .card sat-quote-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-quote-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-quote-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 118.5px; }
.card-container .card sat-quote-card .quote-photo {
width: 140px;
height: 140px; }
.card-container .card sat-quote-card blockquote {
height: 180px; }
.card-container .card sat-quote-card .card-content {
top: 15px;
bottom: 20px;
display: inline-block;
padding: 15px 25px;
height: auto;
line-height: inherit; }
.card-container .card sat-quote-card .quote-photo {
border-radius: 50%;
margin: 0 auto;
background-size: cover; }
.card-container .card sat-quote-card blockquote {
display: flex;
margin: 10px 0;
align-items: center;
text-align: center;
padding: 0;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
height: 180px; }
.card-container .card sat-quote-card .author {
position: absolute;
text-align: center;
padding-top: 15px;
font-size: 12px;
bottom: 0;
left: 0;
right: 0; }
.card-container .card sat-quote-card .author:before {
display: block;
position: absolute;
content: "\A0";
width: 80px;
top: 0;
left: 50%;
margin-left: -40px;
height: 2px;
background-color: #303030; }
.card-container .card sat-quote-card .author .name {
font-weight: 600; }
@media (max-width: 1366px) {
.card-container .card sat-quote-card {
width: 240px;
height: 320px; }
.card-container .card sat-quote-card .card-front,
.card-container .card sat-quote-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-quote-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-quote-card .card-front sat-card-container .card-top:before,
.card-container .card sat-quote-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-quote-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 206px; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 96px; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 206px;
left: 0; }
.card-container .card sat-quote-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 208px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-quote-card .card-front .card-top {
height: 215px; }
.card-container .card sat-quote-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-quote-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-quote-card .card-front .card-bottom {
height: 105px; }
.card-container .card sat-quote-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-quote-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-quote-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-quote-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
.card-container .card sat-quote-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-quote-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-quote-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 78.75px; }
.card-container .card sat-quote-card .quote-photo {
width: 100px;
height: 100px; }
.card-container .card sat-quote-card blockquote {
height: 60px; }
.card-container .card sat-quote-card blockquote {
height: 130px; }
.card-container .card sat-quote-card .card-content {
top: 0;
bottom: 0; }
.card-container .card sat-quote-card .card-content p {
height: inherit;
font-size: 14px; }
.card-container .card sat-quote-card .author {
padding-top: 7.5px;
bottom: 13px; } }
.card-container .card sat-social-feed-card {
width: 348px;
height: 277px; }
.card-container .card sat-social-feed-card .card-front,
.card-container .card sat-social-feed-card .card-back {
height: 277px;
overflow-y: clip; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-social-feed-card .card-front sat-card-container .card-top:before,
.card-container .card sat-social-feed-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-social-feed-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-top {
width: 348px;
height: 224px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-bottom {
width: 348px;
height: 29px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-side {
width: 328px;
height: 24px;
top: 224px;
left: 0; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 226px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-social-feed-card .card-front .card-top {
height: 236px; }
.card-container .card sat-social-feed-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -174px 174px 0 348px; }
.card-container .card sat-social-feed-card .card-front .card-bottom {
height: 41px; }
.card-container .card sat-social-feed-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-top {
width: 348px;
height: 224px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-bottom {
width: 348px;
height: 29px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-side {
width: 328px;
height: 24px;
top: 224px;
right: 0; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 226px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-social-feed-card .card-back .card-top {
height: 236px; }
.card-container .card sat-social-feed-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-social-feed-card .card-back .card-bottom {
height: 41px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -174px 174px 0 348px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-bottom:before {
box-shadow: -174px -174px 0 261px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 174px 174px 0 261px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-social-feed-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: -174px -174px 0 261px; }
.card-container .card sat-social-feed-card .card-front,
.card-container .card sat-social-feed-card .card-back {
color: #222632; }
.card-container .card sat-social-feed-card .card-front .social-name, .card-container .card sat-social-feed-card .card-back .social-name {
bottom: 29px;
font-weight: 600; }
.card-container .card sat-social-feed-card .card-top, .card-container .card sat-social-feed-card .card-bottom, .card-container .card sat-social-feed-card .social-name {
backface-visibility: hidden; }
.card-container .card sat-social-feed-card .card-back .card-bottom:after, .card-container .card sat-social-feed-card .card-flipped .card-bottom:after {
width: 328px;
height: 41px;
width: 115px;
height: 115px; }
@media (max-width: 1366px) {
.card-container .card sat-social-feed-card {
width: 264px;
height: 208px; }
.card-container .card sat-social-feed-card .card-front,
.card-container .card sat-social-feed-card .card-back {
height: 208px;
overflow-y: clip; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-social-feed-card .card-front sat-card-container .card-top:before,
.card-container .card sat-social-feed-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-social-feed-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-top {
width: 264px;
height: 169px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-bottom {
width: 264px;
height: 21px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-side {
width: 250px;
height: 18px;
top: 169px;
left: 0; }
.card-container .card sat-social-feed-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 171px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-social-feed-card .card-front .card-top {
height: 178px; }
.card-container .card sat-social-feed-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -132px 132px 0 264px; }
.card-container .card sat-social-feed-card .card-front .card-bottom {
height: 30px; }
.card-container .card sat-social-feed-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-top {
width: 264px;
height: 169px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-bottom {
width: 264px;
height: 21px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-side {
width: 250px;
height: 18px;
top: 169px;
right: 0; }
.card-container .card sat-social-feed-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 171px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-social-feed-card .card-back .card-top {
height: 178px; }
.card-container .card sat-social-feed-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-social-feed-card .card-back .card-bottom {
height: 30px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -132px 132px 0 264px; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-social-feed-card .card-front sat-card-container .card-bottom:before {
box-shadow: -132px -132px 0 198px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 132px 132px 0 198px; }
.card-container .card sat-social-feed-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-social-feed-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: -132px -132px 0 198px; }
.card-container .card sat-social-feed-card .card-front,
.card-container .card sat-social-feed-card .card-back {
color: #222632; }
.card-container .card sat-social-feed-card .card-front .social-name, .card-container .card sat-social-feed-card .card-back .social-name {
bottom: 18px;
font-weight: 600; }
.card-container .card sat-social-feed-card .card-top, .card-container .card sat-social-feed-card .card-bottom, .card-container .card sat-social-feed-card .social-name {
backface-visibility: hidden; }
.card-container .card sat-social-feed-card .card-back .card-bottom:after, .card-container .card sat-social-feed-card .card-flipped .card-bottom:after {
width: 250px;
height: 30px;
width: 90px;
height: 90px; } }
.card-container .card sat-social-feed-card .card-front .social-name, .card-container .card sat-social-feed-card .card-back .social-name {
z-index: 3;
position: absolute;
text-align: center;
width: 100%;
font-size: 12px; }
@media (max-width: 1366px) {
.card-container .card sat-social-feed-card .card-front .social-name, .card-container .card sat-social-feed-card .card-back .social-name {
font-size: 12px; } }
@media (max-width: 768px) {
.card-container .card sat-social-feed-card .card-front .social-name, .card-container .card sat-social-feed-card .card-back .social-name {
font-size: 10px; } }
.card-container .card sat-social-feed-card .card-front .social-name i, .card-container .card sat-social-feed-card .card-back .social-name i {
margin-right: 5px;
font-size: 15px;
vertical-align: middle; }
.card-container .card sat-social-feed-card .card-front:not(.card-flipped) .social-name {
color: #ffffff; }
.card-container .card sat-social-feed-card .card-front:not(.card-flipped) .card-top, .card-container .card sat-social-feed-card .card-front:not(.card-flipped) .card-bottom {
color: #ffffff; }
.card-container .card sat-social-feed-card .card-back .card-top .social, .card-container .card sat-social-feed-card .card-flipped .card-top .social {
position: absolute;
top: 7.5px;
left: 7.5px;
width: 104px;
height: 104px;
font-size: 100px; }
@media (max-width: 1366px) {
.card-container .card sat-social-feed-card .card-back .card-top .social, .card-container .card sat-social-feed-card .card-flipped .card-top .social {
font-size: 80px; } }
.card-container .card sat-social-feed-card .card-back .card-top .social:before, .card-container .card sat-social-feed-card .card-flipped .card-top .social:before {
background-image: url(7d46d7af.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffe582;
margin: 0;
padding: 0;
line-height: 1; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.card-container .card sat-social-feed-card .card-back .card-top .social:before, .card-container .card sat-social-feed-card .card-flipped .card-top .social:before {
background: none !important; } }
.card-container .card sat-social-feed-card .card-back .card-top .card-content, .card-container .card sat-social-feed-card .card-flipped .card-top .card-content {
padding: 0 40px;
max-height: 155px;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
bottom: 45px;
height: inherit; }
.card-container .card sat-social-feed-card .card-back .card-top .card-content p, .card-container .card sat-social-feed-card .card-flipped .card-top .card-content p {
margin: 0;
font-size: 20px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 130px;
font-size: 20px;
line-height: 1.3; }
@media (max-width: 1366px) {
.card-container .card sat-social-feed-card .card-back .card-top .card-content, .card-container .card sat-social-feed-card .card-flipped .card-top .card-content {
top: 30px;
bottom: 30px;
max-height: 120px; }
.card-container .card sat-social-feed-card .card-back .card-top .card-content p, .card-container .card sat-social-feed-card .card-flipped .card-top .card-content p {
margin: 0;
font-size: 16px; } }
.card-container .card sat-social-feed-card .card-back .card-bottom:after, .card-container .card sat-social-feed-card .card-flipped .card-bottom:after {
display: block;
position: absolute;
left: 10px;
right: 0;
bottom: 0;
width: auto;
background-color: #ffffff;
content: "\A0";
border-radius: 1px;
height: 32px; }
.card-container .card sat-social-feed-card .card-flipped .card-bottom:after {
right: auto;
left: 0; }
.card-container .card sat-social-feed-card.facebook .social:before {
top: 7.5px;
left: -15px; }
.card-container .card sat-social-feed-card.instagram .social:before {
top: 7.5px;
left: 7.5px; }
.card-container .card sat-pillar-card {
width: 534px;
height: 466px; }
.card-container .card sat-pillar-card .card-front,
.card-container .card sat-pillar-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before,
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-pillar-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-top {
width: 534px;
height: 390px; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-bottom {
width: 534px;
height: 52px; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-side {
width: 514px;
height: 24px;
top: 390px;
left: 0; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-pillar-card .card-front .card-top {
height: 402px; }
.card-container .card sat-pillar-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -267px 267px 0 534px; }
.card-container .card sat-pillar-card .card-front .card-bottom {
height: 64px; }
.card-container .card sat-pillar-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-top {
width: 534px;
height: 390px; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-bottom {
width: 534px;
height: 52px; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-side {
width: 514px;
height: 24px;
top: 390px;
right: 0; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-pillar-card .card-back .card-top {
height: 402px; }
.card-container .card sat-pillar-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-pillar-card .card-back .card-bottom {
height: 64px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before {
box-shadow: transparent -267px 267px 0 534px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom {
color: transparent; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom:before {
box-shadow: -267px -267px 0 400.5px; }
.card-container .card sat-pillar-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 267px 267px 0 400.5px; }
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
.card-container .card sat-pillar-card .card-name-container {
width: 534px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper:after {
width: 80px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-name-container .card-name-wrapper .h3 {
min-width: 220px;
font-size: 40px; }
.card-container .card sat-pillar-card .card-front .card-name-container {
height: 466px; }
@media (max-width: 1680px) {
.card-container .card sat-pillar-card {
width: 374px;
height: 325px; }
.card-container .card sat-pillar-card .card-front,
.card-container .card sat-pillar-card .card-back {
height: 325px;
overflow-y: clip; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before,
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-pillar-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-top {
width: 374px;
height: 269px; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-bottom {
width: 374px;
height: 32px; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-side {
width: 354px;
height: 24px;
top: 269px;
left: 0; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 271px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-pillar-card .card-front .card-top {
height: 281px; }
.card-container .card sat-pillar-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -187px 187px 0 374px; }
.card-container .card sat-pillar-card .card-front .card-bottom {
height: 44px; }
.card-container .card sat-pillar-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-top {
width: 374px;
height: 269px; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-bottom {
width: 374px;
height: 32px; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-side {
width: 354px;
height: 24px;
top: 269px;
right: 0; }
.card-container .card sat-pillar-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 271px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-pillar-card .card-back .card-top {
height: 281px; }
.card-container .card sat-pillar-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-pillar-card .card-back .card-bottom {
height: 44px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before {
box-shadow: transparent -187px 187px 0 374px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom {
color: transparent; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom:before {
box-shadow: -187px -187px 0 280.5px; }
.card-container .card sat-pillar-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 187px 187px 0 280.5px; }
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33px; }
.card-container .card sat-pillar-card .card-name-container {
width: 374px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper:after {
width: 60px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-name-container .card-name-wrapper .h3 {
min-width: 140px;
font-size: 40px; }
.card-container .card sat-pillar-card .card-front .card-name-container {
height: 325px; }
.card-container .card sat-pillar-card .card-bottom-bar {
height: 44px;
line-height: 44px; }
.card-container .card sat-pillar-card .card-bottom-bar .btn {
min-height: 44px;
line-height: 44px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-name-container .card-name-wrapper .h3 {
font-size: 25px; } }
@media (max-width: 768px) {
.card-container .card sat-pillar-card {
width: 264px;
height: 229px; }
.card-container .card sat-pillar-card .card-front,
.card-container .card sat-pillar-card .card-back {
height: 229px;
overflow-y: clip; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before,
.card-container .card sat-pillar-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-pillar-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-top {
width: 264px;
height: 189px; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-bottom {
width: 264px;
height: 22px; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-side {
width: 250px;
height: 18px;
top: 189px;
left: 0; }
.card-container .card sat-pillar-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 191px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-pillar-card .card-front .card-top {
height: 198px; }
.card-container .card sat-pillar-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -132px 132px 0 264px; }
.card-container .card sat-pillar-card .card-front .card-bottom {
height: 31px; }
.card-container .card sat-pillar-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-top:before {
box-shadow: transparent -132px 132px 0 264px; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom {
color: transparent; }
.card-container .card sat-pillar-card .card-front sat-card-container .card-bottom:before {
box-shadow: -132px -132px 0 198px; }
.card-container .card sat-pillar-card .card-name-container {
width: 264px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper:after {
width: 45px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-name-container .card-name-wrapper .h3 {
min-width: 110px;
font-size: 40px; }
.card-container .card sat-pillar-card .card-front .card-name-container {
height: 229px; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-name-container .card-name-wrapper .h3 {
font-size: 18px; } }
.card-container .card sat-pillar-card .card-name-container {
display: table;
position: absolute; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper {
display: table-cell;
vertical-align: middle; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
bottom: -10px;
background-color: #ffffff;
height: 3px;
content: "\A0";
margin: 12px auto 0; }
.card-container .card sat-pillar-card .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-name-container .card-name-wrapper .h3 {
font-size: 34px;
position: relative;
color: #ffffff;
margin: 0 auto;
padding: 0;
text-align: center;
font-weight: 400;
line-height: 1.2; }
.card-container .card sat-pillar-card .card-front .card-name-container .card-name-wrapper:after {
background-color: #ffffff; }
.card-container .card sat-pillar-card .card-front .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-front .card-name-container .card-name-wrapper .h3 {
color: #ffffff; }
@media (max-width: 1079px) {
.card-container .card sat-pillar-card .card-back {
display: none; } }
.card-container .card sat-pillar-card .card-back .card-name-container {
text-align: center;
position: relative; }
.card-container .card sat-pillar-card .card-back .card-name-container .card-name-wrapper {
display: inline-block;
margin: 0 auto;
padding: 45px 0 20px; }
.card-container .card sat-pillar-card .card-back .card-name-container .card-name-wrapper:after {
background-color: #303030; }
.card-container .card sat-pillar-card .card-back .card-name-container .card-name-wrapper h3, .card-container .card sat-pillar-card .card-back .card-name-container .card-name-wrapper .h3 {
color: #303030;
cursor: pointer;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%;
max-width: 80%;
word-break: break-word; }
@media (max-width: 1680px) {
.card-container .card sat-pillar-card .card-back .card-name-container .card-name-wrapper {
padding: 35px 0 20px; } }
@media (max-width: 1679px) {
.card-container .card sat-pillar-card .card-back .card-bottom-bar .btn {
padding: 0; } }
.card-container .card sat-pillar-card .card-content {
position: relative;
top: -20px;
bottom: unset;
padding: 15px 70px;
text-align: center; }
@media (max-width: 1680px) {
.card-container .card sat-pillar-card .card-content {
padding: 15px 30px; } }
.card-container .card sat-pillar-card .card-content p {
margin: 0; }
@media (min-width: 1680px) {
.card-container .card sat-pillar-card .card-content p {
font-size: 20px; } }
.card-container .card sat-zomato-card .subtitle,
.card-container .card sat-tour-operator-card .subtitle {
text-transform: uppercase;
font-size: 14px;
font-weight: 400; }
.card-container .card sat-zomato-card .card-footer,
.card-container .card sat-tour-operator-card .card-footer {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #909298;
height: auto;
padding: 17px 15px 10px;
font-size: 12px; }
.card-container .card sat-zomato-card .card-footer:before,
.card-container .card sat-tour-operator-card .card-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
@media (min-width: 1680px) {
.card-container .card sat-zomato-card .card-footer,
.card-container .card sat-tour-operator-card .card-footer {
font-size: 14px;
padding: 14px 15px 12px; } }
@media (min-width: 1920px) {
.card-container .card sat-zomato-card .card-footer,
.card-container .card sat-tour-operator-card .card-footer {
font-size: 16px;
padding: 12px 15px 14px; } }
.card-container .card sat-zomato-card .card-footer:before,
.card-container .card sat-tour-operator-card .card-footer:before {
left: 15px; }
.card-container .card sat-zomato-card .card-back ul li,
.card-container .card sat-zomato-card .card-mobile-details ul li,
.card-container .card sat-tour-operator-card .card-back ul li,
.card-container .card sat-tour-operator-card .card-mobile-details ul li {
font-weight: 300;
height: 30px;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap; }
.card-container .card sat-zomato-card .card-back ul li p,
.card-container .card sat-zomato-card .card-mobile-details ul li p,
.card-container .card sat-tour-operator-card .card-back ul li p,
.card-container .card sat-tour-operator-card .card-mobile-details ul li p {
margin: 0; }
.card-container .card sat-zomato-card .card-back ul li i,
.card-container .card sat-zomato-card .card-mobile-details ul li i,
.card-container .card sat-tour-operator-card .card-back ul li i,
.card-container .card sat-tour-operator-card .card-mobile-details ul li i {
margin-right: 3px; }
.card-container .card sat-zomato-card .card-back .card-back .card-content,
.card-container .card sat-zomato-card .card-mobile-details .card-back .card-content,
.card-container .card sat-tour-operator-card .card-back .card-back .card-content,
.card-container .card sat-tour-operator-card .card-mobile-details .card-back .card-content {
text-align: left; }
.card-container .card sat-zomato-card .card-back .card-back .card-content h3,
.card-container .card sat-zomato-card .card-mobile-details .card-back .card-content h3,
.card-container .card sat-tour-operator-card .card-back .card-back .card-content h3,
.card-container .card sat-tour-operator-card .card-mobile-details .card-back .card-content h3 {
cursor: pointer; }
.card-container .card sat-zomato-card .card-bottom .btn,
.card-container .card sat-tour-operator-card .card-bottom .btn {
min-width: 0; }
.card-container .card sat-zomato-card {
width: 350px;
height: 466px; }
.card-container .card sat-zomato-card .card-front,
.card-container .card sat-zomato-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-zomato-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-zomato-card .card-front sat-card-container .card-top:before,
.card-container .card sat-zomato-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-zomato-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-top {
width: 350px;
height: -12px; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 454px; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: -12px;
left: 0; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: -10px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-zomato-card .card-front .card-top {
height: 0; }
.card-container .card sat-zomato-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-zomato-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-zomato-card .card-front .card-bottom {
height: 466px; }
.card-container .card sat-zomato-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-zomato-card .card-back .card-top {
height: 402px; }
.card-container .card sat-zomato-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-zomato-card .card-back .card-bottom {
height: 64px; }
.card-container .card sat-zomato-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-zomato-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-zomato-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
.card-container .card sat-zomato-card h3 {
margin-top: 5px;
margin-bottom: 10px; }
.card-container .card sat-zomato-card .image-top {
border-top-left-radius: 1px;
border-top-right-radius: 1px;
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
width: 100%;
height: 130px; }
.card-container .card sat-zomato-card .card-content {
top: 130px;
height: 272px; }
.card-container .card sat-zomato-card .card-content ul li {
font-weight: 400;
color: #909298; }
.card-container .card sat-zomato-card .top-button i {
font-size: 24px;
color: #ffffff; }
@media (max-width: 1366px) {
.card-container .card sat-zomato-card {
width: 240px;
height: 330px; }
.card-container .card sat-zomato-card .card-front,
.card-container .card sat-zomato-card .card-back {
height: 330px;
overflow-y: clip; }
.card-container .card sat-zomato-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-zomato-card .card-front sat-card-container .card-top:before,
.card-container .card sat-zomato-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-zomato-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-top {
width: 240px;
height: -9px; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 321px; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: -9px;
left: 0; }
.card-container .card sat-zomato-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: -7px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-zomato-card .card-front .card-top {
height: 0; }
.card-container .card sat-zomato-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-zomato-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-zomato-card .card-front .card-bottom {
height: 330px; }
.card-container .card sat-zomato-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 261px; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 51px; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 261px;
right: 0; }
.card-container .card sat-zomato-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 263px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-zomato-card .card-back .card-top {
height: 270px; }
.card-container .card sat-zomato-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-zomato-card .card-back .card-bottom {
height: 60px; }
.card-container .card sat-zomato-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-zomato-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-zomato-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 45px; }
.card-container .card sat-zomato-card .card-content {
top: 0;
height: 130px; }
.card-container .card sat-zomato-card .card-content .subtitle {
font-size: 12px; }
.card-container .card sat-zomato-card .card-content h3 {
font-size: 16px; }
.card-container .card sat-zomato-card .card-content ul {
font-size: 14px;
padding-top: 10px; }
.card-container .card sat-zomato-card .card-content ul li {
height: 30px; }
.card-container .card sat-zomato-card .top-button i {
color: #909298; }
.app-container.show-hover .card-container .card sat-zomato-card .top-button:hover i, .card-container .card sat-zomato-card .top-button:active i {
color: #222632; }
.card-container .card sat-zomato-card .card-bottom-bar .btn {
padding: 14px 0; } }
.card-container .card sat-tour-operator-card {
width: 300px;
height: 136px; }
.card-container .card sat-tour-operator-card .card-front,
.card-container .card sat-tour-operator-card .card-back {
height: 136px;
overflow-y: clip; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before,
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-top {
width: 300px;
height: 59px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-bottom {
width: 300px;
height: 59px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-side {
width: 286px;
height: 18px;
top: 59px;
left: 0; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 61px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-tour-operator-card .card-front .card-top {
height: 68px; }
.card-container .card sat-tour-operator-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -150px 150px 0 300px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom {
height: 68px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -85px 85px 0 170px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom:before {
box-shadow: -85px -85px 0 127.5px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 85px 85px 0 127.5px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
.card-container .card sat-tour-operator-card .card-front {
position: relative; }
.card-container .card sat-tour-operator-card .card-front .card-travel-week {
position: absolute;
left: 15px;
top: 15px;
z-index: 10;
border-radius: 25px;
color: #ffffff;
background: #ffcb05;
padding: 5px 15px;
font-weight: 400;
font-size: .9em; }
@media (min-width: 768px) and (max-width: 1679px) {
.card-container .card sat-tour-operator-card .card-front .card-top .card-image-s {
display: block; } }
@media (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-front .card-top .card-image-l {
display: block; } }
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content {
height: 110px; }
@media (max-width: 1679px) {
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content {
height: 64px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content h3 {
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } }
@media (max-width: 767px) {
.card-container .card sat-tour-operator-card .card-front .card-top, .card-container .card sat-tour-operator-card .card-front .card-bottom {
width: calc(100% - 130px);
left: unset;
right: 0; } }
@media screen and (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
.card-container .card sat-tour-operator-card .card-front .card-top, .card-container .card sat-tour-operator-card .card-front .card-bottom {
left: auto; } }
@media (max-width: 767px) {
.card-container .card sat-tour-operator-card .card-front .card-top:after {
content: "";
width: 40px;
height: 2px;
border-bottom: 3px solid #222632;
display: block;
position: absolute;
left: 15px;
top: 20px;
z-index: 9; }
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content {
bottom: 0;
height: calc(200% - 20px); }
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-footer {
display: none; } }
.card-container .card sat-tour-operator-card .card-tablet-action {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "\A0";
z-index: 10; }
.card-container .card sat-tour-operator-card .card-tablet-only,
.card-container .card sat-tour-operator-card .card-mobile-only {
display: none; }
.card-container .card sat-tour-operator-card .accreditations {
padding: 5px 0; }
.card-container .card sat-tour-operator-card .accreditations i {
width: auto;
height: 20px;
margin-right: 10px; }
.card-container .card sat-tour-operator-card .accreditations i:before {
display: inline-block;
width: 20px;
height: 20px;
background-size: cover;
content: "\A0"; }
.card-container .card sat-tour-operator-card .accreditations i.ecoatlas:before {
background-image: url(52904583.png); }
.card-container .card sat-tour-operator-card .accreditations i.gauteng:before {
background-image: url(71ef3625.png); }
.card-container .card sat-tour-operator-card .accreditations i.satsa:before {
background-image: url(494c9f2d.png); }
.card-container .card sat-tour-operator-card .accreditations i.tomsa:before {
background-image: url(2901483e.png); }
.card-container .card sat-tour-operator-card .accreditations i.tomsa:before {
width: 70px; }
.card-container .card sat-tour-operator-card h3 {
margin-top: 10px; }
.card-container .card sat-tour-operator-card .card-back {
display: none; }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-back {
display: block; } }
.card-container .card sat-tour-operator-card .card-back .travel-week {
color: #ffcb05;
font-weight: 400;
font-size: .9em;
display: block;
margin: 5px 0 10px 0; }
@media (max-width: 767px) {
.card-container .card sat-tour-operator-card .card-image {
position: absolute;
z-index: 3;
width: 130px;
height: 136px;
background-size: cover;
background-position: center; }
.card-container .card sat-tour-operator-card .card-image:after {
height: 136px;
position: absolute;
width: 129px;
border-right: 1px dashed #ffffff;
content: "\A0"; }
.card-container .card sat-tour-operator-card .card-mobile-details {
text-align: center;
display: inline-block;
width: 100%; }
.card-container .card sat-tour-operator-card .card-mobile-details ul.list-info {
padding: 20px 10px;
text-align: left; }
.card-container .card sat-tour-operator-card .card-mobile-details ul.list-info li {
color: #ffffff; }
.search-results .card-container .card sat-tour-operator-card .card-mobile-details ul.list-info li {
color: #222632; }
.card-container .card sat-tour-operator-card .card-mobile-details a.btn {
margin-bottom: 50px;
text-transform: capitalize; }
.card-container .card sat-tour-operator-card .card-mobile-details a.btn i {
font-size: 10px;
margin-top: 4px;
margin-right: 10px;
color: white; }
.card-container .card sat-tour-operator-card .card-mobile-details .card-mobile-desc {
color: #fff; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card {
width: 240px;
height: 320px; }
.card-container .card sat-tour-operator-card .card-front,
.card-container .card sat-tour-operator-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before,
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 202px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 202px;
left: 0; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 204px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-tour-operator-card .card-front .card-top {
height: 211px; }
.card-container .card sat-tour-operator-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom {
height: 109px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 266px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 36px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 266px;
right: 0; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 268px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-tour-operator-card .card-back .card-top {
height: 275px; }
.card-container .card sat-tour-operator-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-tour-operator-card .card-back .card-bottom {
height: 45px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 33.75px; }
.card-container .card sat-tour-operator-card .card-content {
top: 0;
max-height: 280px; }
.card-container .card sat-tour-operator-card .card-content .subtitle {
font-size: 10px;
min-height: 20px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-content .subtitle {
font-size: 13px; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-content .accreditations {
min-height: 10px; }
.card-container .card sat-tour-operator-card .card-content h3 {
font-size: 16px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-content h3 {
font-size: 18px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-content h3 {
font-size: 24px; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 91px;
font-size: 14px;
line-height: 1.3; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-content p {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
max-height: 166.4px;
font-size: 16px;
line-height: 1.3; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-mobile-details,
.card-container .card sat-tour-operator-card .card-mobile-action.open {
display: none; }
.card-container .card sat-tour-operator-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.card-container .card sat-tour-operator-card .card-front .card-bottom {
display: flex;
flex-direction: column; } }
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content {
top: auto; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content h3 {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 41.6px;
font-size: 16px;
line-height: 1.3; } }
@media (min-width: 768px) and (max-width: 1679px) {
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content .subtitle + h3 {
display: block;
width: calc(100% - 30px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-front .card-bottom sat-card-action-bar .btn.details {
min-width: 100%; }
.card-container .card sat-tour-operator-card .card-back .card-top .card-footer ul {
font-size: 14px;
padding-top: 10px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-back .card-top .card-footer ul {
font-size: 16px; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-back .card-top .card-footer ul li {
height: 26px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-back .card-top .card-footer ul li {
height: 30px; } }
@media (min-width: 768px) and (min-width: 1920px) {
.card-container .card sat-tour-operator-card .card-back .card-top .card-footer ul li {
height: 36px; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-back .card-bottom .card-bottom-bar {
height: 45px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-back .card-bottom .card-bottom-bar {
height: 64px; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-back .card-bottom .card-bottom-bar .details {
display: block;
min-width: 100%;
padding: 5px 8px;
min-height: 0;
color: #303030;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } }
@media (min-width: 768px) and (min-width: 1366px) {
.card-container .card sat-tour-operator-card .card-back .card-bottom .card-bottom-bar .details {
padding: 5px 10px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-tour-operator-card .card-back .card-bottom .card-bottom-bar .details {
padding: 16px 10px; } }
@media (min-width: 768px) {
.card-container .card sat-tour-operator-card .card-back .card-bottom .card-bottom-bar .details sat-animated-arrow {
color: #ffffff; }
.card-container .card sat-tour-operator-card .top-button i {
color: #909298; }
.app-container.show-hover .card-container .card sat-tour-operator-card .top-button:hover i, .card-container .card sat-tour-operator-card .top-button:active i {
color: #222632; } }
@media (min-width: 768px) and (max-width: 1079px) {
.card-container .card sat-tour-operator-card .card-tablet-action {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "\A0";
z-index: 10; } }
@media (min-width: 1680px) {
.card-container .card sat-tour-operator-card {
width: 350px;
height: 466px; }
.card-container .card sat-tour-operator-card .card-front,
.card-container .card sat-tour-operator-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before,
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-tour-operator-card .card-front .card-top {
height: 308px; }
.card-container .card sat-tour-operator-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom {
height: 158px; }
.card-container .card sat-tour-operator-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-tour-operator-card .card-back .card-top {
height: 402px; }
.card-container .card sat-tour-operator-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-tour-operator-card .card-back .card-bottom {
height: 64px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-tour-operator-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-tour-operator-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
.card-container .card sat-tour-operator-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.card-container .card sat-tour-operator-card .card-front .card-bottom .card-content h3 {
white-space: normal;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 62.4px;
font-size: 24px;
line-height: 1.3; } }
.card-container .card sat-tour-operator-card .card-content p {
max-height: 165px !important; }
.card-container .card sat-review-card {
width: 280px;
height: 370px; }
.card-container .card sat-review-card .card-front,
.card-container .card sat-review-card .card-back {
height: 370px;
overflow-y: clip; }
.card-container .card sat-review-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-review-card .card-front sat-card-container .card-top:before,
.card-container .card sat-review-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-review-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-review-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 238px; }
.card-container .card sat-review-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 108px; }
.card-container .card sat-review-card .card-front sat-card-container .shadow-side {
width: 260px;
height: 24px;
top: 238px;
left: 0; }
.card-container .card sat-review-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 240px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-review-card .card-front .card-top {
height: 250px; }
.card-container .card sat-review-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-review-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-review-card .card-front .card-bottom {
height: 120px; }
.card-container .card sat-review-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-review-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-review-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-review-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
.card-container .card sat-review-card .card-top {
text-align: center; }
.card-container .card sat-review-card .card-top:after {
content: "\A0";
display: block;
width: 270px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #909298;
z-index: 2; }
.card-container .card sat-review-card .card-top .card-content {
display: inline-block; }
.card-container .card sat-review-card .card-top img {
width: 80%;
margin-bottom: 20px; }
.card-container .card sat-review-card .card-top h3 {
font-size: 18px; }
.card-container .card sat-review-card .card-bottom {
display: flex;
justify-content: center;
align-items: center; }
.card-container .card sat-quick-fact-card {
width: 350px;
height: 466px;
background-color: #ffffff;
height: 100%; }
.card-container .card sat-quick-fact-card .card-front,
.card-container .card sat-quick-fact-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-top:before,
.card-container .card sat-quick-fact-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-quick-fact-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 312px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 130px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 312px;
left: 0; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 314px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-quick-fact-card .card-front .card-top {
height: 324px; }
.card-container .card sat-quick-fact-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-quick-fact-card .card-front .card-bottom {
height: 142px; }
.card-container .card sat-quick-fact-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 312px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 130px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 312px;
right: 0; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 314px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-quick-fact-card .card-back .card-top {
height: 324px; }
.card-container .card sat-quick-fact-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-quick-fact-card .card-back .card-bottom {
height: 142px; }
.card-container .card sat-quick-fact-card .card-front {
height: 100%; }
.card-container .card sat-quick-fact-card .card-content {
bottom: auto;
height: auto;
max-height: none;
text-align: center; }
.card-container .card sat-quick-fact-card .card-content h2, .card-container .card sat-quick-fact-card .card-content .counter-images {
font-size: 46px;
padding-top: 20px;
font-weight: 800; }
.card-container .card sat-quick-fact-card .card-content h2:after, .card-container .card sat-quick-fact-card .card-content .counter-images:after {
display: block;
content: "\A0";
width: 80px;
height: 2px;
background-color: #222632;
margin: 20px auto; }
.card-container .card sat-quick-fact-card .card-content .counter-images {
text-align: center; }
.card-container .card sat-quick-fact-card .card-content .counter-images img {
display: inline;
max-width: 45px;
padding: 0 5px; }
.card-container .card sat-quick-fact-card .card-content h2, .card-container .card sat-quick-fact-card .card-content h3 {
text-align: center;
margin: 0 auto;
overflow: visible; }
.card-container .card sat-quick-fact-card .card-content h3 {
font-size: 30px;
font-weight: 400;
margin-bottom: 10px; }
.card-container .card sat-quick-fact-card .card-content p {
line-height: 1.5;
display: inline-block;
white-space: pre-wrap;
padding: 0 15px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 12;
-webkit-box-orient: vertical;
max-height: 288px;
font-size: 16px;
line-height: 1.5; }
.card-container .card sat-quick-fact-card .card-bottom:after {
display: block;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
height: 20px;
background-color: #ffcb05;
width: 100%;
position: absolute;
bottom: 0;
content: "\A0"; }
@media (max-width: 1680px) {
.card-container .card sat-quick-fact-card {
width: 305px;
height: 320px;
height: 100%; }
.card-container .card sat-quick-fact-card .card-front,
.card-container .card sat-quick-fact-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-top:before,
.card-container .card sat-quick-fact-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-quick-fact-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-top {
width: 305px;
height: 243px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-bottom {
width: 305px;
height: 59px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-side {
width: 291px;
height: 18px;
top: 243px;
left: 0; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 245px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-quick-fact-card .card-front .card-top {
height: 252px; }
.card-container .card sat-quick-fact-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -152.5px 152.5px 0 305px; }
.card-container .card sat-quick-fact-card .card-front .card-bottom {
height: 68px; }
.card-container .card sat-quick-fact-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-top {
width: 305px;
height: 243px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-bottom {
width: 305px;
height: 59px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-side {
width: 291px;
height: 18px;
top: 243px;
right: 0; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 245px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-quick-fact-card .card-back .card-top {
height: 252px; }
.card-container .card sat-quick-fact-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-quick-fact-card .card-back .card-bottom {
height: 68px; }
.card-container .card sat-quick-fact-card .card-front {
height: 100%; }
.card-container .card sat-quick-fact-card .card-content h2 {
font-size: 26px;
padding-top: 15px; }
.card-container .card sat-quick-fact-card .card-content h2:after {
margin: 10px auto; }
.card-container .card sat-quick-fact-card .card-content h3 {
font-size: 16px;
font-weight: 600;
line-height: 20px; }
.card-container .card sat-quick-fact-card .card-content p {
font-size: 14px;
line-height: 22px; }
.card-container .card sat-quick-fact-card .card-bottom:after {
height: 10px; } }
@media (max-width: 767px) {
.card-container .card sat-quick-fact-card {
background-color: transparent;
color: #ffffff;
width: 255px;
height: 466px; }
.card-container .card sat-quick-fact-card .card-front,
.card-container .card sat-quick-fact-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-top:before,
.card-container .card sat-quick-fact-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-quick-fact-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-top {
width: 255px;
height: 243px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-bottom {
width: 255px;
height: 205px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-side {
width: 241px;
height: 18px;
top: 243px;
left: 0; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 245px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-quick-fact-card .card-front .card-top {
height: 252px; }
.card-container .card sat-quick-fact-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-quick-fact-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -127.5px 127.5px 0 255px; }
.card-container .card sat-quick-fact-card .card-front .card-bottom {
height: 214px; }
.card-container .card sat-quick-fact-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-top {
width: 255px;
height: 243px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-bottom {
width: 255px;
height: 205px; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-side {
width: 241px;
height: 18px;
top: 243px;
right: 0; }
.card-container .card sat-quick-fact-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 245px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-quick-fact-card .card-back .card-top {
height: 252px; }
.card-container .card sat-quick-fact-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-quick-fact-card .card-back .card-bottom {
height: 214px; }
.card-container .card sat-quick-fact-card .card-front .card-content {
max-height: none;
height: auto; }
.card-container .card sat-quick-fact-card .card-front .card-content h2 img, .card-container .card sat-quick-fact-card .card-front .card-content .counter-images img {
display: inline;
max-width: 30px;
padding: 0 5px; }
.card-container .card sat-quick-fact-card .card-front .card-content h2:after, .card-container .card sat-quick-fact-card .card-front .card-content .counter-images:after {
background-color: #ffffff; }
.card-container .card sat-quick-fact-card .card-front .card-content h3 {
color: #ffffff; }
.card-container .card sat-quick-fact-card .card-front .card-content p {
padding: 0; }
.card-container .card sat-quick-fact-card .card-front .card-bottom {
display: none; } }
@media (min-width: 768px) {
.card-container .card sat-media-card {
width: 240px;
height: 330px; }
.card-container .card sat-media-card .card-front,
.card-container .card sat-media-card .card-back {
height: 330px;
overflow-y: clip; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-media-card .card-front sat-card-container .card-top:before,
.card-container .card sat-media-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-media-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 206px; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 100px; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-side {
width: 220px;
height: 24px;
top: 206px;
left: 0; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 208px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-media-card .card-front .card-top {
height: 218px; }
.card-container .card sat-media-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-media-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-media-card .card-front .card-bottom {
height: 112px; }
.card-container .card sat-media-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 258px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 48px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-side {
width: 220px;
height: 24px;
top: 258px;
right: 0; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 260px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-media-card .card-back .card-top {
height: 270px; }
.card-container .card sat-media-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-media-card .card-back .card-bottom {
height: 60px; }
.card-container .card sat-media-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
.card-container .card sat-media-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-media-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-media-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 45px; }
.card-container .card sat-media-card .card-front .subtitle,
.card-container .card sat-media-card .card-back .subtitle {
font-weight: 400; }
.card-container .card sat-media-card .card-front .card-content,
.card-container .card sat-media-card .card-back .card-content {
top: 0;
height: auto; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content,
.card-container .card sat-media-card .card-back .card-content {
bottom: 35px; } }
@media (min-width: 768px) {
.card-container .card sat-media-card .card-front .card-content p,
.card-container .card sat-media-card .card-back .card-content p {
font-size: 12px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content p,
.card-container .card sat-media-card .card-back .card-content p {
font-size: 16px; } }
@media (min-width: 768px) {
.card-container .card sat-media-card .card-front .card-content h3,
.card-container .card sat-media-card .card-back .card-content h3 {
font-size: 18px; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content h3,
.card-container .card sat-media-card .card-back .card-content h3 {
font-size: 25px; } }
@media (min-width: 768px) {
.card-container .card sat-media-card .card-desktop-only {
display: none; } }
@media (min-width: 768px) and (min-width: 1080px) {
.card-container .card sat-media-card .card-desktop-only {
display: block; } }
@media (min-width: 768px) {
.card-container .card sat-media-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 230px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.card-container .card sat-media-card .card-front .card-footer {
height: 30px; }
.card-container .card sat-media-card .card-front .card-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card-container .card sat-media-card .card-front .card-footer:before {
left: 15px; }
.card-container .card sat-media-card .card-front .card-content {
bottom: 30px; }
.card-container .card sat-media-card .card-back .card-content {
top: 20px;
padding: 10px 15px; }
.card-container .card sat-media-card .card-back .card-content:after {
content: "\A0";
display: block;
width: 240px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #909298;
z-index: 2; }
.card-container .card sat-media-card .card-back .card-content:after {
bottom: unset;
top: -1px;
left: 0;
border-bottom: none;
border-top: 1px dashed #ffffff; }
.card-container .card sat-media-card .card-back .card-content h3 {
display: block;
margin: 0;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
.card-container .card sat-media-card .card-back .card-content .description {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-back .card-content .description {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 768px) {
.card-container .card sat-media-card .card-back .card-actions-bar {
height: 60px; }
.card-container .card sat-media-card .card-back a.btn.details {
padding-top: 14px;
min-width: 0; } }
@media (min-width: 768px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-back a.btn.details {
left: 0;
top: 0; }
.card-container .card sat-media-card .card-back a.btn.details .icon-close {
font-size: 18px; } }
@media (min-width: 768px) {
.card-container .card sat-media-card .card-back .card-footer {
height: 25px; }
.card-container .card sat-media-card .card-back .card-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card-container .card sat-media-card .card-back .card-footer:before {
left: 15px; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card {
width: 350px;
height: 466px; }
.card-container .card sat-media-card .card-front,
.card-container .card sat-media-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-media-card .card-front sat-card-container .card-top:before,
.card-container .card sat-media-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-media-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 296px; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 146px; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 296px;
left: 0; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 298px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-media-card .card-front .card-top {
height: 308px; }
.card-container .card sat-media-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-media-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-media-card .card-front .card-bottom {
height: 158px; }
.card-container .card sat-media-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 390px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 52px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 390px;
right: 0; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 392px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-media-card .card-back .card-top {
height: 402px; }
.card-container .card sat-media-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-media-card .card-back .card-bottom {
height: 64px; }
.card-container .card sat-media-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
.card-container .card sat-media-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-media-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-media-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 48px; }
.card-container .card sat-media-card .card-front .subtitle,
.card-container .card sat-media-card .card-back .subtitle {
font-weight: 400; }
.card-container .card sat-media-card .card-front .card-content,
.card-container .card sat-media-card .card-back .card-content {
top: 0;
height: auto; } }
@media (min-width: 1680px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content,
.card-container .card sat-media-card .card-back .card-content {
bottom: 50px; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content p,
.card-container .card sat-media-card .card-back .card-content p {
font-size: 12px; } }
@media (min-width: 1680px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content p,
.card-container .card sat-media-card .card-back .card-content p {
font-size: 16px; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content h3,
.card-container .card sat-media-card .card-back .card-content h3 {
font-size: 18px; } }
@media (min-width: 1680px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-content h3,
.card-container .card sat-media-card .card-back .card-content h3 {
font-size: 25px; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card .card-desktop-only {
display: none; } }
@media (min-width: 1680px) and (min-width: 1080px) {
.card-container .card sat-media-card .card-desktop-only {
display: block; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card .card-front .card-top:after {
content: "\A0";
display: block;
width: 340px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #ffffff;
z-index: 2; }
.card-container .card sat-media-card .card-front .card-footer {
height: 50px; }
.card-container .card sat-media-card .card-front .card-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card-container .card sat-media-card .card-front .card-footer:before {
left: 15px; }
.card-container .card sat-media-card .card-front .card-content {
bottom: 50px; }
.card-container .card sat-media-card .card-back .card-content {
top: 20px;
padding: 10px 15px; }
.card-container .card sat-media-card .card-back .card-content:after {
content: "\A0";
display: block;
width: 350px;
bottom: 0;
position: absolute;
border-bottom: 1px dashed #909298;
z-index: 2; }
.card-container .card sat-media-card .card-back .card-content:after {
bottom: unset;
top: -1px;
left: 0;
border-bottom: none;
border-top: 1px dashed #ffffff; }
.card-container .card sat-media-card .card-back .card-content h3 {
display: block;
margin: 0;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
.card-container .card sat-media-card .card-back .card-content .description {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 109.2px;
font-size: 14px;
line-height: 1.3; } }
@media (min-width: 1680px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-back .card-content .description {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 144px;
font-size: 16px;
line-height: 1.5; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card .card-back .card-actions-bar {
height: 64px; }
.card-container .card sat-media-card .card-back a.btn.details {
padding-top: 14px;
min-width: 0; } }
@media (min-width: 1680px) and (min-width: 1680px) {
.card-container .card sat-media-card .card-back a.btn.details {
left: 0;
top: 0; }
.card-container .card sat-media-card .card-back a.btn.details .icon-close {
font-size: 18px; } }
@media (min-width: 1680px) {
.card-container .card sat-media-card .card-back .card-footer {
height: 40px; }
.card-container .card sat-media-card .card-back .card-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card-container .card sat-media-card .card-back .card-footer:before {
left: 15px; } }
@media (max-width: 767px) {
.card-container .card sat-media-card {
width: 280px;
height: 136px; }
.card-container .card sat-media-card .card-front,
.card-container .card sat-media-card .card-back {
height: 136px;
overflow-y: clip; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-media-card .card-front sat-card-container .card-top:before,
.card-container .card sat-media-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-media-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-top {
width: 280px;
height: 56px; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-bottom {
width: 280px;
height: 56px; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-side {
width: 260px;
height: 24px;
top: 56px;
left: 0; }
.card-container .card sat-media-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 58px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-media-card .card-front .card-top {
height: 68px; }
.card-container .card sat-media-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-media-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-media-card .card-front .card-bottom {
height: 68px; }
.card-container .card sat-media-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-top {
width: 280px;
height: 56px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-bottom {
width: 280px;
height: 56px; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-side {
width: 260px;
height: 24px;
top: 56px;
right: 0; }
.card-container .card sat-media-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 58px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-media-card .card-back .card-top {
height: 68px; }
.card-container .card sat-media-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-media-card .card-back .card-bottom {
height: 68px; }
.card-container .card sat-media-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -140px 140px 0 280px; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-media-card .card-front sat-card-container .card-bottom:before {
box-shadow: -140px -140px 0 210px; }
.card-container .card sat-media-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 140px 140px 0 210px; }
.card-container .card sat-media-card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.card-container .card sat-media-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 51px; }
.card-container .card sat-media-card .media-device-photo {
width: 128px;
height: 136px;
border-right: 1px dashed #909298;
background-size: cover; }
.card-container .card sat-media-card .card-front {
position: relative; }
.card-container .card sat-media-card .card-front .icon-close {
float: right;
padding: 5px; }
.card-container .card sat-media-card .card-front .card-bottom {
width: 150px;
left: 130px;
bottom: 0; }
.card-container .card sat-media-card .card-front .card-bottom .card-footer {
bottom: 35px; }
.card-container .card sat-media-card .card-content {
align-items: center;
bottom: 0;
min-height: 0;
width: auto;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis; }
.card-container .card sat-media-card .card-content:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
.card-container .card sat-media-card .card-content:before {
left: 15px;
width: 40px; }
.card-container .card sat-media-card .card-content h3 {
font-size: 14px;
padding-bottom: 3px; }
.card-container .card sat-media-card .card-content p {
font-size: 12px;
padding-bottom: 3px; }
.card-container .card sat-media-card .card-back {
display: none; } }
sat-card-media-image .small-image {
display: block; }
@media (min-width: 768px) {
sat-card-media-image .small-image {
display: none; } }
sat-card-media-image .medium-image {
display: none; }
@media (min-width: 768px) and (max-width: 1679px) {
sat-card-media-image .medium-image {
display: block; } }
sat-card-media-image .big-image {
display: none; }
@media (min-width: 1680px) {
sat-card-media-image .big-image {
display: block; } }
.card-container .card sat-brand-card {
width: 350px;
height: 466px; }
.card-container .card sat-brand-card .card-front,
.card-container .card sat-brand-card .card-back {
height: 466px;
overflow-y: clip; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before,
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-brand-card .card-back sat-card-container .card-top:before {
width: 20px;
height: 20px;
bottom: -20px;
position: absolute;
content: "\A0"; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-top {
width: 350px;
height: 393px; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-bottom {
width: 350px;
height: 49px; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 393px;
left: 0; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 395px;
right: -10px;
background-image: url(d03519d7.png); }
.card-container .card sat-brand-card .card-front .card-top {
height: 405px; }
.card-container .card sat-brand-card .card-front .card-top:before {
bottom: -20px;
right: -20px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-brand-card .card-front .card-bottom {
height: 61px; }
.card-container .card sat-brand-card .card-front .card-bottom:before {
right: -20px; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-top {
width: 350px;
height: 393px; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-bottom {
width: 350px;
height: 49px; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-side {
width: 330px;
height: 24px;
top: 393px;
right: 0; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-circle {
width: 20px;
height: 20px;
top: 395px;
left: -10px;
background-image: url(260f769c.png); }
.card-container .card sat-brand-card .card-back .card-top {
height: 405px; }
.card-container .card sat-brand-card .card-back .card-top:before {
bottom: -20px; }
.card-container .card sat-brand-card .card-back .card-bottom {
height: 61px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -175px 175px 0 350px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom:before {
box-shadow: -175px -175px 0 262.5px; }
.card-container .card sat-brand-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 175px 175px 0 262.5px; }
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: -175px -175px 0 262.5px; }
.card-container .card sat-brand-card .card-front .card-content,
.card-container .card sat-brand-card .card-back .card-title {
top: 0;
color: #303030;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 38px;
line-height: 1;
flex-direction: column;
padding: 30px 30px 60px;
cursor: pointer; }
.card-container .card sat-brand-card .card-front .card-content.card-title,
.card-container .card sat-brand-card .card-back .card-title.card-title {
padding: 30px 30px 60px;
height: auto; }
.card-container .card sat-brand-card .card-front .card-content .underline-wrap,
.card-container .card sat-brand-card .card-back .card-title .underline-wrap {
height: 0; }
.card-container .card sat-brand-card .card-front .card-content .underline-wrap:after,
.card-container .card sat-brand-card .card-back .card-title .underline-wrap:after {
display: block;
content: "";
width: 81px;
height: 3px;
margin: 28px auto;
background-color: inherit; }
.card-container .card sat-brand-card .card-front:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 28px;
background-color: #64676f;
pointer-events: none; }
.card-container .card sat-brand-card .card-front .card-content .small-card-cover {
display: none; }
.card-container .card sat-brand-card .card-back .card-top,
.card-container .card sat-brand-card .card-flipped .card-top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.card-container .card sat-brand-card .card-back .card-top img,
.card-container .card sat-brand-card .card-flipped .card-top img {
cursor: pointer;
margin: 0 auto 25px; }
.card-container .card sat-brand-card .card-back .card-top .card-content,
.card-container .card sat-brand-card .card-flipped .card-top .card-content {
position: initial;
text-align: center;
height: initial;
padding: 0 30px;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
bottom: 45px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
max-height: 157.5px;
font-size: 18px;
line-height: 1.75; }
.card-container .card sat-brand-card .card-bottom-bar:after {
top: 35%; }
@media (max-width: 1365px) {
.card-container .card sat-brand-card {
width: 240px;
height: 320px; }
.card-container .card sat-brand-card .card-front,
.card-container .card sat-brand-card .card-back {
height: 320px;
overflow-y: clip; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom:before,
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before,
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom:before,
.card-container .card sat-brand-card .card-back sat-card-container .card-top:before {
width: 14px;
height: 14px;
bottom: -14px;
position: absolute;
content: "\A0"; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-top {
width: 240px;
height: 203px; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-bottom {
width: 240px;
height: 99px; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 203px;
left: 0; }
.card-container .card sat-brand-card .card-front sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 205px;
right: -7px;
background-image: url(d03519d7.png); }
.card-container .card sat-brand-card .card-front .card-top {
height: 212px; }
.card-container .card sat-brand-card .card-front .card-top:before {
bottom: -14px;
right: -14px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-brand-card .card-front .card-bottom {
height: 108px; }
.card-container .card sat-brand-card .card-front .card-bottom:before {
right: -14px; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-top {
width: 240px;
height: 271px; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-bottom {
width: 240px;
height: 31px; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-side {
width: 226px;
height: 18px;
top: 271px;
right: 0; }
.card-container .card sat-brand-card .card-back sat-card-container .shadow-circle {
width: 14px;
height: 14px;
top: 273px;
left: -7px;
background-image: url(260f769c.png); }
.card-container .card sat-brand-card .card-back .card-top {
height: 280px; }
.card-container .card sat-brand-card .card-back .card-top:before {
bottom: -14px; }
.card-container .card sat-brand-card .card-back .card-bottom {
height: 40px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
.card-container .card sat-brand-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: -120px -120px 0 180px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-top:before {
box-shadow: #ffffff -120px 120px 0 240px; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-brand-card .card-front sat-card-container .card-bottom:before {
box-shadow: -120px -120px 0 180px; }
.card-container .card sat-brand-card .card-back sat-card-container .card-top:before {
box-shadow: #ffffff 120px 120px 0 180px; }
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom {
color: #ffffff; }
.card-container .card sat-brand-card .card-back sat-card-container .card-bottom:before {
top: 0;
left: 0;
box-shadow: 0 0 0 30px; }
.card-container .card sat-brand-card .card-front:after {
height: 20px; }
.card-container .card sat-brand-card .card-front .card-content {
font-size: 20px;
line-height: 1.3;
font-weight: 600;
padding: 20px 20px 40px; }
.card-container .card sat-brand-card .card-front .card-content .small-card-cover {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer; }
.card-container .card sat-brand-card .card-front .card-content .underline-wrap:after {
margin: 20px auto; }
.card-container .card sat-brand-card .card-back .card-top img {
height: 105px;
margin: 0 auto 15px; }
.card-container .card sat-brand-card .card-back .card-top .card-title {
font-size: 18px;
font-weight: 600;
padding: 20px 30px 40px; }
.card-container .card sat-brand-card .card-back .card-top .card-content {
font-size: 14px;
line-height: 22px; }
.card-container .card sat-brand-card .card-back .card-top .underline-wrap:after {
margin: 14px auto; }
.card-container .card sat-brand-card .card-back .card-actions-bar {
height: 40px; }
.card-container .card sat-brand-card .card-back .card-actions-bar a {
min-width: 0;
min-height: 0;
height: 100%; }
.card-container .card sat-brand-card .card-back .card-actions-bar .btn {
padding: 4px 0; } }
.bar {
text-align: center;
padding: 7px 15px; }
.bar.bordered {
border-top: 1px solid #909298;
border-bottom: 1px solid #909298; }
.bar .bar-item {
padding: 5px 20px;
display: inline-block;
border-left: 1px solid #909298;
border-right: 1px solid #909298; }
@media (max-width: 767px) {
.bar .bar-item {
display: block;
width: 220px;
margin: 0 auto;
border: none;
padding-bottom: 12px;
border-bottom: 1px solid #eeeeee; } }
@media (min-width: 768px) {
.ui-calendar {
position: relative;
display: inline-block; } }
@media (max-width: 767px) {
.ui-calendar input {
width: 100%; } }
.ui-calendar .ui-datepicker-trigger {
position: absolute;
height: 24px;
top: 5px;
left: 180px;
border: none;
background-color: transparent;
color: transparent;
width: 24px;
outline: 0;
z-index: 1; }
@media (max-width: 767px) {
.ui-calendar .ui-datepicker-trigger {
left: initial;
right: 10px;
top: 11px; } }
.control.input p-calendar label.ios-placeholder {
display: block;
position: absolute;
left: 25%;
width: 50%;
top: 0;
padding: 15px 0; }
.ui-inputwrapper-filled .ios-placeholder {
display: none !important; }
p-calendar input[type="date"] {
-webkit-appearance: none; }
p-calendar input[type="date"]:before {
margin-right: 5px; }
@media (max-width: 1079px) {
p-calendar input[type="date"]:before {
font-weight: 600; } }
p-calendar.ui-inputwrapper-filled input[type="date"]:before {
content: none; }
/*.datepicker-container is used with p-calendar and sat-validator inside of it, for single date inputs*/
.datepicker-container {
position: relative; }
.datepicker-container.control.input {
margin-top: 23px;
margin-bottom: 23px;
min-height: inherit; }
.datepicker-container .ui-calendar {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
width: 100%;
padding: 8px 0 8px 10px;
text-align: center; }
.datepicker-container .ui-calendar input {
background: transparent;
border: none;
width: 155px;
text-align: center;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee; }
.datepicker-container .ui-calendar ::-webkit-input-placeholder {
color: #ffffff; }
/* Datepicker */
.ui-datepicker {
display: none;
position: absolute;
background: white;
z-index: 999;
box-shadow: 0px 1px 4px #909298;
border-radius: 4px;
max-width: 350px;
padding: 30px 50px; }
.ui-datepicker:after, .ui-datepicker:before {
transition: visibility 1s linear;
visibility: hidden;
display: block; }
.ui-datepicker.calendar-arrow-down:after, .ui-datepicker.calendar-arrow-down:before, .ui-datepicker.calendar-arrow-up:after, .ui-datepicker.calendar-arrow-up:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible;
left: 192px; }
.ui-datepicker.calendar-arrow-down:after, .ui-datepicker.calendar-arrow-up:after {
border-color: rgba(255, 255, 255, 0);
border-width: 15px;
margin-left: -15px; }
.ui-datepicker.calendar-arrow-down:before, .ui-datepicker.calendar-arrow-up:before {
border-color: rgba(0, 0, 0, 0);
border-width: 16px;
margin-left: -16px; }
.ui-datepicker.calendar-arrow-up {
margin: 12px 0;
border: 1px solid #909298; }
.ui-datepicker.calendar-arrow-up:after, .ui-datepicker.calendar-arrow-up:before {
bottom: 100%; }
.ui-datepicker.calendar-arrow-up:after {
border-bottom-color: #ffffff; }
.ui-datepicker.calendar-arrow-up:before {
border-bottom-color: #909298; }
.ui-datepicker.calendar-arrow-down {
margin: -7px 0; }
.ui-datepicker.calendar-arrow-down:after, .ui-datepicker.calendar-arrow-down:before {
top: 100%; }
.ui-datepicker.calendar-arrow-down:after {
border-top-color: #ffffff; }
.ui-datepicker.calendar-arrow-down:before {
border-top-color: #909298; }
.ui-datepicker.ui-datepicker-inline {
display: block;
position: static; }
.ui-datepicker .ui-datepicker-header {
font-size: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0 10px;
float: left;
clear: right;
position: relative; }
.ui-datepicker .prev-page {
float: left;
color: #303030; }
.ui-datepicker .next-page {
float: right;
color: #303030; }
.ui-datepicker .ui-datepicker-title {
font-size: 18px;
text-transform: uppercase;
color: #303030;
text-align: center;
padding: 6px 0; }
.ui-datepicker .ui-datepicker-title select {
font-size: 16px;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker select.ui-datepicker-month {
margin-right: 4px; }
.ui-datepicker table {
width: 100%;
font-size: 14px;
border-collapse: collapse;
margin: 0 0 6px; }
.ui-datepicker th {
font-weight: 400;
font-size: 15px;
padding: 15px 0 0;
text-align: center;
color: #303030;
text-transform: uppercase;
width: 35px;
height: 35px; }
.ui-datepicker td a {
display: block;
border: 0;
font-size: 18px;
margin: 5px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 17.5px;
border: 1px solid #ffffff;
color: #909298;
background: rgba(25, 2, 0, 0.02);
text-align: center;
cursor: pointer;
text-decoration: none; }
.app-container.show-hover .ui-datepicker td a:hover, .ui-datepicker td a:active {
background-color: #ffcb05;
border: 1px solid #ffffff;
color: #303030;
text-decoration: none; }
.ui-datepicker td a.ui-state-disabled {
color: rgba(0, 0, 0, 0.2);
background: transparent;
cursor: default; }
.ui-datepicker td a.ui-state-active {
background-color: #ffe582;
border: 1px solid #ffffff;
color: #303030;
text-decoration: none; }
.ui-datepicker td.ui-state-disabled a {
color: rgba(0, 0, 0, 0.2);
background: transparent;
cursor: default; }
.ui-datepicker td.ui-state-active a {
background-color: #ffe582;
border: 1px solid #ffffff;
color: #303030;
text-decoration: none; }
.ui-calendar.ui-calendar-w-btn input {
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
-khtml-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px; }
.ui-timepicker {
text-align: center;
padding: 8px 0; }
.ui-timepicker > div {
display: inline-block;
margin-left: 10px;
min-width: 24px; }
.ui-timepicker > .ui-minute-picker {
margin-left: 0px; }
.ui-timepicker > .ui-separator {
margin-left: 0px;
min-width: 12px; }
.ui-timepicker > .ui-separator a {
visibility: hidden; }
.ui-timepicker > div a {
display: block;
opacity: 0.7;
filter: Alpha(Opacity=70); }
.app-container.show-hover .ui-timepicker > div a:hover, .ui-timepicker > div a:active {
display: block;
opacity: 1;
filter: Alpha(Opacity=100); }
.ui-timepicker > div span {
font-size: 16px; }
sat-date-picker .bar {
margin-bottom: 23px; }
@media (max-width: 767px) {
sat-date-picker .bar {
padding: 20px 0; }
sat-date-picker .bar .ui-datepicker-trigger {
display: none; } }
sat-date-picker .bar > i {
margin: 0 10px; }
@media (max-width: 767px) {
sat-date-picker .bar > i {
display: block;
padding: 24px;
margin: 0;
height: 0; }
sat-date-picker .bar > i:before {
content: none; } }
sat-date-picker .bar .bar-item {
position: relative;
padding: 0; }
@media (max-width: 767px) {
sat-date-picker .bar .bar-item {
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
width: 100%; } }
sat-date-picker .bar .bar-item input {
padding: 5px 20px;
min-width: 180px;
cursor: pointer;
border: none;
outline-width: 0;
background-color: transparent;
position: relative;
z-index: 1; }
@media (max-width: 767px) {
sat-date-picker .bar .bar-item input {
padding: 5px 10px;
width: calc(100% - 20px);
height: 36px; } }
sat-date-picker .bar .bar-item .calendar-icon {
top: 0;
position: absolute;
left: 180px;
width: 24px;
height: 24px;
margin-top: 8px;
cursor: pointer;
font-size: 12px; }
@media (max-width: 767px) {
sat-date-picker .bar .bar-item .calendar-icon {
left: initial;
right: 10px;
top: 7px; } }
sat-date-picker .bar .bar-item .calendar-icon.close-calendar {
z-index: 2;
text-align: center; }
.app-container.show-hover sat-date-picker .bar .bar-item .calendar-icon.close-calendar:hover:before, sat-date-picker .bar .bar-item .calendar-icon.close-calendar:active:before {
display: block;
position: absolute;
top: -3px;
width: 24px;
height: 24px;
background-color: #909298;
content: "\A0";
border-radius: 50%;
z-index: -1; }
@media (max-width: 767px) {
sat-panel-item sat-date-picker .bar {
padding: 0; }
sat-panel-item sat-date-picker .bar .bar-item {
border-top: none; }
sat-panel-item sat-date-picker .bar .bar-item:last-child {
border-bottom: none; }
sat-panel-item sat-date-picker .bar > i {
display: none; } }
sat-panel .tabs ul > li a {
border-left: 1px solid #909298;
border-right: 0; }
sat-panel .tabs ul > li:last-of-type a {
border-right: 1px solid #909298; }
sat-panel .tabs ul > li.active a {
border-right: 1px solid #909298; }
sat-panel .tabs ul > li.active + li > a {
border-left: 0; }
.bck-black sat-panel .tabs ul > li a, .bck-blue sat-panel .tabs ul > li a, .bck-green sat-panel .tabs ul > li a, .bck-dark sat-panel .tabs ul > li a, .bck-red sat-panel .tabs ul > li a {
border-color: #ffffff; }
sat-panel {
display: block; }
sat-panel .tabs {
display: none;
margin-bottom: -1px;
overflow-x: hidden; }
sat-panel .tabs ul {
text-align: center;
font-size: 0;
height: 55px;
overflow: hidden;
white-space: nowrap; }
sat-panel .tabs ul > li {
font-size: 15px;
cursor: pointer;
position: relative;
display: inline-block;
padding: 0;
height: 55px;
background-color: transparent;
z-index: 1;
margin-left: 0;
transition: background-color 250ms; }
@media (max-width: 767px) {
sat-panel .tabs ul > li {
background-color: transparent !important;
width: 49%;
margin: 0; }
sat-panel .tabs ul > li:nth-of-type(1) {
float: left; }
sat-panel .tabs ul > li:nth-of-type(2) {
float: right; } }
sat-panel .tabs ul > li.active {
color: #ffffff; }
sat-panel .tabs ul > li.active:before, sat-panel .tabs ul > li.active:after {
content: ' ';
position: absolute;
display: block;
height: 1px;
background-color: #909298;
width: 100vw;
bottom: 0;
right: 100%; }
@media (max-width: 767px) {
sat-panel .tabs ul > li.active:before, sat-panel .tabs ul > li.active:after {
display: none; } }
sat-panel .tabs ul > li.active:after {
right: auto;
left: 100%; }
sat-panel .tabs ul > li.active a {
padding-top: 10px;
padding-bottom: 0;
height: 55px;
color: #303030; }
@media (max-width: 767px) {
sat-panel .tabs ul > li.active a {
background-color: #ffffff;
padding: 0; } }
sat-panel .tabs ul > li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #909298;
display: block;
float: left;
text-align: center;
padding: 4px 40px 4px 40px;
width: 100%;
transition: padding-top 250ms ease-in;
text-overflow: ellipsis;
overflow: hidden; }
@media (max-width: 1079px) {
sat-panel .tabs ul > li a {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 767px) {
sat-panel .tabs ul > li a {
border: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #eeeeee;
height: 55px;
padding: 0;
display: flex;
align-items: center;
justify-content: center; } }
sat-panel.tab .panel-button a {
min-height: initial;
min-width: 130px;
width: initial;
height: 40px;
margin-left: 30px;
padding: 5px; }
@media (min-width: 768px) {
sat-panel.tab .panel-button a {
padding: 0 10px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
sat-panel.tab .panel-button a {
min-width: auto;
min-height: auto; } }
sat-panel.tab .tabs {
display: block;
text-align: center; }
sat-panel.tab .tabs .panel-button {
display: none; }
@media (min-width: 1081px) {
sat-panel.tab .tabs .panel-button {
display: inline-block; } }
sat-panel.tab .panels .panel-button {
display: none;
margin: 40px 0 10px;
text-align: center; }
sat-panel.tab .panels .panel-button a {
margin-left: 0; }
@media (max-width: 767px) {
sat-panel.tab .panels .body.ng-animating {
overflow: hidden !important; } }
@media (max-width: 767px) {
sat-panel.tab .panels {
background-color: #ffffff;
color: #303030;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; } }
sat-panel.tab .panels.narrow-tabs .body .content {
padding-left: 0;
padding-right: 0; }
@media (max-width: 320px) {
sat-panel.tab .panels.xs-overflow .body {
padding: 0 5px;
box-sizing: content-box; }
sat-panel.tab .panels.xs-overflow .body .content {
overflow: visible;
margin: 0 -5px; } }
sat-panel.tab .panels .panel-item .body {
border-bottom: none; }
sat-panel > div > .panel-item {
display: block; }
sat-panel > div > .panel-item:first-of-type .title {
border-top: 1px solid #909298; }
sat-panel > div > .panel-item > .title {
padding: 10px 10px;
border-bottom: 1px solid #909298;
cursor: pointer;
font-size: 15px;
color: #909298; }
sat-panel > div > .panel-item > .title.disabled {
background: #eeeeee;
color: #909298;
cursor: text; }
sat-panel > div > .panel-item > .title .icon {
float: right;
padding-right: 1px; }
sat-panel > div > .panel-item > .title .iconleft {
float: left !important; }
sat-panel > div > .panel-item > .title .header-icon {
margin-right: 25px; }
.app-container.show-hover sat-panel > div > .panel-item > .title:hover, sat-panel > div > .panel-item > .title:active {
color: #303030; }
.app-container.show-hover sat-panel > div > .panel-item > .title:hover .icon, sat-panel > div > .panel-item > .title:active .icon {
color: #ffcb05; }
sat-panel > div > .panel-item > .body {
position: relative;
border-top: 0;
border-bottom: 1px solid #909298;
overflow: hidden; }
sat-panel > div > .panel-item > .body > .content {
padding: 10px 15px 20px 15px; }
@media (min-width: 768px) {
sat-panel > div > .panel-item > .body > .content {
padding: 15px 15px 30px 15px; } }
@media (min-width: 1080px) {
sat-panel > div > .panel-item > .body > .content {
padding: 25px 15px 40px 15px; } }
@media (max-width: 767px) {
sat-panel > div > .panel-item > .body > .content.narrow-accordion {
padding: 0; } }
sat-panel > div > .panel-item.open > .title {
border-bottom: none;
color: #303030; }
sat-panel > div > .panel-item.open.parent-panel > .body {
border-bottom: none; }
sat-panel > div > .panel-item.open.parent-panel > .body > .content {
padding-bottom: 0; }
sat-panel.tab .panels {
position: relative; }
sat-panel.tab .panels .panel-item {
width: 100%;
margin-bottom: 0; }
sat-panel.tab .panels .panel-item .title {
display: none; }
@media (max-width: 767px) {
sat-panel.multiple .tabs {
display: none; }
sat-panel.multiple .panels {
padding-top: 10px;
border-top: none;
background-color: transparent; }
sat-panel.multiple .panels .panel-item {
position: static;
padding: 0; }
sat-panel.multiple .panels .panel-item .body {
border-bottom: 1px solid #909298; }
sat-panel.multiple .panels .panel-item .title {
display: block; } }
sat-panel.multiple a .tag-circle, sat-panel.multiple .title .tag-circle {
position: relative;
top: -2px;
display: inline-block;
width: 22px;
height: 12px;
font-size: 10px;
text-align: center;
border: 0;
border-radius: 100px;
background: #909298;
color: #ffffff;
line-height: 1.2; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
sat-panel.multiple a .tag-circle, sat-panel.multiple .title .tag-circle {
line-height: 1; } }
sat-panel.white .tabs ul > li a {
font-weight: 300;
color: #ffffff;
border-color: #ffffff; }
@media (max-width: 767px) {
sat-panel.white .tabs ul > li a {
color: #303030; } }
sat-panel.white .tabs ul > li.active a {
font-weight: normal; }
sat-panel.white .tabs ul > li.active:before, sat-panel.white .tabs ul > li.active:after {
background-color: #ffffff; }
sat-panel.white .tab .panels {
color: #ffffff; }
sat-panel.white .tab .panels .panel-item .title {
color: #ffffff; }
sat-panel.no-side-borders .tabs > ul li:not(.active):first-child a {
border-left: none; }
sat-panel.no-side-borders .tabs > ul li:not(.active):last-child a {
border-right: none; }
.bck-black sat-panel .tabs ul > li.active a, .bck-blue sat-panel .tabs ul > li.active a, .bck-green sat-panel .tabs ul > li.active a, .bck-dark sat-panel .tabs ul > li.active a, .bck-red sat-panel .tabs ul > li.active a {
color: #ffffff; }
@media (max-width: 480px) {
.bck-black sat-panel .tabs ul > li.active a, .bck-blue sat-panel .tabs ul > li.active a, .bck-green sat-panel .tabs ul > li.active a, .bck-dark sat-panel .tabs ul > li.active a, .bck-red sat-panel .tabs ul > li.active a {
color: #303030; } }
.bck-black sat-panel .tabs ul > li a, .bck-blue sat-panel .tabs ul > li a, .bck-green sat-panel .tabs ul > li a, .bck-dark sat-panel .tabs ul > li a, .bck-red sat-panel .tabs ul > li a {
color: #ffffff; }
@media (max-width: 480px) {
.bck-black sat-panel .tabs ul > li a, .bck-blue sat-panel .tabs ul > li a, .bck-green sat-panel .tabs ul > li a, .bck-dark sat-panel .tabs ul > li a, .bck-red sat-panel .tabs ul > li a {
color: #303030; } }
.bck-black sat-panel.tab .panels, .bck-blue sat-panel.tab .panels, .bck-green sat-panel.tab .panels, .bck-dark sat-panel.tab .panels, .bck-red sat-panel.tab .panels {
color: #ffffff; }
.bck-black sat-panel.tab .panels .panel-item .title, .bck-blue sat-panel.tab .panels .panel-item .title, .bck-green sat-panel.tab .panels .panel-item .title, .bck-dark sat-panel.tab .panels .panel-item .title, .bck-red sat-panel.tab .panels .panel-item .title {
color: #ffffff; }
.bck-black sat-panel .panels, .bck-blue sat-panel .panels, .bck-green sat-panel .panels, .bck-dark sat-panel .panels, .bck-red sat-panel .panels {
color: #ffffff; }
.bck-black sat-panel .panels .panel-item .title, .bck-blue sat-panel .panels .panel-item .title, .bck-green sat-panel .panels .panel-item .title, .bck-dark sat-panel .panels .panel-item .title, .bck-red sat-panel .panels .panel-item .title {
color: #ffffff; }
.app-container.show-hover .bck-black sat-panel .panels .panel-item .title:hover, .bck-black sat-panel .panels .panel-item .title:active, .app-container.show-hover .bck-blue sat-panel .panels .panel-item .title:hover, .bck-blue sat-panel .panels .panel-item .title:active, .app-container.show-hover .bck-green sat-panel .panels .panel-item .title:hover, .bck-green sat-panel .panels .panel-item .title:active, .app-container.show-hover .bck-dark sat-panel .panels .panel-item .title:hover, .bck-dark sat-panel .panels .panel-item .title:active, .app-container.show-hover .bck-red sat-panel .panels .panel-item .title:hover, .bck-red sat-panel .panels .panel-item .title:active {
color: #ffffff; }
@media (max-width: 767px) {
.bck-black sat-panel.tab .panels, .bck-blue sat-panel.tab .panels, .bck-green sat-panel.tab .panels, .bck-dark sat-panel.tab .panels, .bck-red sat-panel.tab .panels {
color: #ffffff; } }
.bck-black sat-panel.tab .panels .panel-item .body, .bck-blue sat-panel.tab .panels .panel-item .body, .bck-green sat-panel.tab .panels .panel-item .body, .bck-dark sat-panel.tab .panels .panel-item .body, .bck-red sat-panel.tab .panels .panel-item .body {
border-bottom: none; }
.bck-black sat-panel > div > .panel-item:first-of-type .title, .bck-blue sat-panel > div > .panel-item:first-of-type .title, .bck-green sat-panel > div > .panel-item:first-of-type .title, .bck-dark sat-panel > div > .panel-item:first-of-type .title, .bck-red sat-panel > div > .panel-item:first-of-type .title {
border-top: 1px solid #ffffff; }
.bck-black sat-panel > div > .panel-item > .title, .bck-blue sat-panel > div > .panel-item > .title, .bck-green sat-panel > div > .panel-item > .title, .bck-dark sat-panel > div > .panel-item > .title, .bck-red sat-panel > div > .panel-item > .title {
border-bottom: 1px solid #ffffff; }
.bck-black sat-panel > div > .panel-item > .body, .bck-blue sat-panel > div > .panel-item > .body, .bck-green sat-panel > div > .panel-item > .body, .bck-dark sat-panel > div > .panel-item > .body, .bck-red sat-panel > div > .panel-item > .body {
border-bottom: 1px solid #ffffff; }
.bck-black sat-panel > div > .panel-item.open > .title, .bck-blue sat-panel > div > .panel-item.open > .title, .bck-green sat-panel > div > .panel-item.open > .title, .bck-dark sat-panel > div > .panel-item.open > .title, .bck-red sat-panel > div > .panel-item.open > .title {
border-bottom: none; }
@media (max-width: 767px) {
.bck-black sat-panel.multiple .panels, .bck-blue sat-panel.multiple .panels, .bck-green sat-panel.multiple .panels, .bck-dark sat-panel.multiple .panels, .bck-red sat-panel.multiple .panels {
border-top: none; }
.bck-black sat-panel.multiple .panels .panel-item .body, .bck-blue sat-panel.multiple .panels .panel-item .body, .bck-green sat-panel.multiple .panels .panel-item .body, .bck-dark sat-panel.multiple .panels .panel-item .body, .bck-red sat-panel.multiple .panels .panel-item .body {
border-bottom: 1px solid #ffffff; } }
.bck-black sat-panel.no-side-borders .tabs > ul li:not(.active):first-child a, .bck-blue sat-panel.no-side-borders .tabs > ul li:not(.active):first-child a, .bck-green sat-panel.no-side-borders .tabs > ul li:not(.active):first-child a, .bck-dark sat-panel.no-side-borders .tabs > ul li:not(.active):first-child a, .bck-red sat-panel.no-side-borders .tabs > ul li:not(.active):first-child a {
border-left: none; }
.bck-black sat-panel.no-side-borders .tabs > ul li:not(.active):last-child a, .bck-blue sat-panel.no-side-borders .tabs > ul li:not(.active):last-child a, .bck-green sat-panel.no-side-borders .tabs > ul li:not(.active):last-child a, .bck-dark sat-panel.no-side-borders .tabs > ul li:not(.active):last-child a, .bck-red sat-panel.no-side-borders .tabs > ul li:not(.active):last-child a {
border-right: none; }
.wishlist-container input {
color: white;
font-size: 17px;
background-color: #3a3c47;
border-radius: 20px;
width: 95%;
height: 40px;
border: none;
padding-left: 25px; }
.wishlist-container input::placeholder {
color: white;
font-size: 17px; }
.switch {
background: #eeeeee;
position: relative;
display: inline-block;
box-sizing: content-box;
overflow: visible;
width: 66px;
height: 25px;
padding: 0px;
margin: 0px;
border-radius: 20px;
cursor: pointer;
box-shadow: 0px 1px 4px #909298;
transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
color: #303030; }
.switch.checked .icon-close, .switch:not(.checked) .icon-check, .switch:not(.checked) p-checkbox .ui-chkbox .ui-chkbox-icon, p-checkbox .ui-chkbox .switch:not(.checked) .ui-chkbox-icon {
display: none; }
.switch small {
background: #ffcb05;
border-radius: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
width: 35px;
height: 35px;
position: absolute;
top: -5px;
left: -1px;
transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
text-align: center; }
.switch small i {
font-size: 15px;
position: relative;
top: 7px; }
.switch.checked small {
left: 32px; }
.switch .switch-text {
color: #222632;
font-size: 15px;
font-weight: 300;
width: 50%; }
.switch .switch-text span {
padding: 2px 0px; }
.switch .on, .switch .off {
z-index: 0;
color: #222632;
position: absolute;
transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
text-align: center;
width: 50%; }
.switch .on {
opacity: 1;
right: 0; }
.switch .off {
opacity: 0;
left: 0; }
.switch.checked .on {
opacity: 0; }
.switch.checked .off {
opacity: 1; }
.switch.disabled {
opacity: .50;
cursor: not-allowed; }
.switch.large {
width: 200px;
height: 30px; }
.switch.large .icon-check, .switch.large p-checkbox .ui-chkbox .ui-chkbox-icon, p-checkbox .ui-chkbox .switch.large .ui-chkbox-icon, .switch.large .icon-close {
display: none; }
.switch.large .on, .switch.large .off {
opacity: 1; }
.switch.large .switch-text span {
padding: 4px 0px; }
.switch.large small {
top: 0px;
width: 100px;
height: 30px;
border-radius: 25px;
left: -1px; }
.switch.large.checked small {
left: 101px; }
.bck-black .switch {
box-shadow: none !important; }
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none; }
.controls {
position: relative; }
.controls.inline .control {
margin: 0 10px; }
.controls.inline .control:first-of-type {
margin-left: 0; }
.controls.inline .control > label {
display: inline-block;
margin: 0 10px 0 0; }
.controls sat-validator .error-container {
display: block;
margin-top: -23px;
margin-bottom: 12px;
position: static;
height: 0.1px;
transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1); }
.controls sat-validator .error-container.error-visible {
height: 18px; }
.controls sat-validator .error-container .error {
z-index: 2;
text-align: left;
color: #f68d91;
padding-left: 10px;
font-size: 12px; }
.control {
position: relative;
margin: 10px 0; }
.control > label {
display: block;
margin: 10px 0; }
.dropdown-control {
position: relative;
margin: 23px 0 23px 0; }
@keyframes select-radio {
0% {
width: 0;
height: 0; }
25% {
width: 6.25px;
height: 6.25px; }
50% {
width: 12.5px;
height: 12.5px; }
75% {
width: 14.28571px;
height: 14.28571px; }
100% {
width: 12.5px;
height: 12.5px; } }
.controls.inline .control p-radiobutton {
display: inline-block;
margin: 0 10px; }
.controls .control p-radiobutton {
display: block;
margin: 10px 0; }
.controls .control p-radiobutton:first-of-type {
margin-top: 0; }
.bck-black p-radiobutton {
color: #ffffff; }
p-radiobutton {
color: #303030; }
p-radiobutton .ui-radiobutton {
position: relative;
cursor: pointer;
vertical-align: middle;
display: inline-block; }
p-radiobutton .ui-radiobutton .ui-radiobutton-box {
text-align: center;
border: 1px solid #909298;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 27px;
height: 27px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
border-color: #ffcb05; }
p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
display: table-cell;
width: 25px;
height: 25px;
position: absolute;
top: 0.5px;
left: 0.5px; }
p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
content: "\A0";
vertical-align: middle;
display: inline-block;
width: 12.5px;
height: 12.5px;
background: #ffcb05;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
animation: select-radio 250ms; }
p-radiobutton .ui-radiobutton-label {
vertical-align: middle;
display: inline-block;
margin-left: 3px;
cursor: pointer; }
.controls.inline .control p-checkbox {
display: inline-block;
margin: 0 10px; }
.controls .control p-checkbox {
display: block;
margin: 10px 0; }
.controls .control p-checkbox:first-of-type {
margin-top: 0; }
p-checkbox {
margin-bottom: 23px;
display: block; }
p-checkbox .ui-chkbox {
display: inline-block;
cursor: pointer;
vertical-align: middle; }
p-checkbox .ui-chkbox label {
cursor: pointer; }
p-checkbox .ui-chkbox .ui-chkbox-box {
position: relative;
overflow: hidden;
float: left;
width: 25px;
height: 25px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
text-align: center;
margin-right: 3px;
border: 1px solid #909298;
color: transparent; }
p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
border-color: #ffcb05; }
p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
color: #ffcb05; }
p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active:before {
content: "\A0";
background-color: inherit;
position: absolute;
width: 25px;
height: 25px;
left: 100%;
animation: slide-left-to-right 250ms; }
p-checkbox .ui-chkbox-label {
vertical-align: middle;
cursor: pointer; }
@media (max-width: 767px) {
p-checkbox label {
display: inline-block; } }
.ui-inputtext {
margin: 0;
outline: medium none;
padding: .25em;
font-weight: normal; }
.ui-widget-header .ui-inputtext,
.ui-widget-content .ui-inputtext {
font-weight: normal; }
.ui-fluid .ui-inputtext {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
100%, .control.input .input-container .ui-inputtext.ui-state-focus, .control.input.textarea .input-container textarea.ui-inputtext.ui-state-focus {
border-left: 1px solid #909298;
border-right: 1px solid #909298;
background-color: white;
box-shadow: 0px 1px 4px #909298;
border: 1px solid #909298;
color: #303030;
border-radius: 4px;
margin-bottom: -3px;
margin-top: -3px; }
@-webkit-keyframes focus-input {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 46px; }
100% {
height: 52px; } }
@-moz-keyframes focus-input {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 46px; }
100% {
height: 52px; } }
@-ms-keyframes focus-input {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 46px; }
100% {
height: 52px; } }
@keyframes focus-input {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 46px; }
100% {
height: 52px; } }
@-webkit-keyframes focus-textarea {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 100px; }
100% {
height: 106px; } }
@-moz-keyframes focus-textarea {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 100px; }
100% {
height: 106px; } }
@-ms-keyframes focus-textarea {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 100px; }
100% {
height: 106px; } }
@keyframes focus-textarea {
0% {
background-color: transparent;
box-shadow: none;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
border-radius: 0;
color: inherit;
margin-bottom: 0;
margin-top: 0;
height: 100px; }
100% {
height: 106px; } }
.control.input {
font-weight: 400;
position: relative;
min-height: 73px;
margin: 0 0 25px 0; }
.control.input .input-container {
margin-top: 23px;
float: left;
width: 100%;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
z-index: 2;
overflow: visible;
position: relative; }
.control.input .input-container .input-lock {
color: #909298;
cursor: pointer;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%); }
.control.input .input-container .ui-inputtext {
background-color: transparent;
border: none;
height: 46px;
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.control.input .input-container .ui-inputtext:focus {
background-color: #ffffff;
border: 1px solid rgba(48, 48, 48, 0.1);
border-bottom: 2px solid rgba(48, 48, 48, 0.1);
border-radius: 4px;
height: 50px;
margin-top: -2px;
color: #303030;
-webkit-box-shadow: 0px 2px 2px 2px #eeeeee;
-moz-box-shadow: 0px 2px 2px 2px #eeeeee;
box-shadow: 0px 2px 2px 2px #eeeeee; }
.control.input .input-container .ui-inputtext.ui-state-focus {
height: 52px;
animation: focus-input 250ms; }
.control.input .input-container .ui-inputtext.ui-state-disabled {
color: rgba(34, 38, 50, 0.2); }
.control.input label {
top: 40px;
position: absolute;
color: #909298;
left: 10px;
margin: 0;
transition: 250ms ease-in;
cursor: text; }
.control.input label.active {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
cursor: default;
z-index: 2;
-moz-transform: translate(0, -40px);
-o-transform: translate(0, -40px);
-ms-transform: translate(0, -40px);
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.control.input.textarea {
height: 100px;
max-height: none;
margin-bottom: 50px; }
.control.input.textarea .input-container {
height: 100px;
max-height: none; }
.control.input.textarea .input-container textarea.ui-inputtext {
height: 100px;
resize: none;
background-color: transparent;
border: none;
padding: 10px;
overflow-x: hidden; }
.control.input.textarea .input-container textarea.ui-inputtext.ui-state-focus {
height: 106px;
animation: focus-textarea 250ms; }
.control.input.textarea .input-container textarea.ui-inputtext:active, .control.input.textarea .input-container textarea.ui-inputtext:focus {
background-color: white; }
.control.input.input-focus .input-container {
border-top: none;
border-bottom: none; }
.bck-black .control.input label, .bck-dark .control.input label {
color: #ffffff; }
.bck-black .control.input .ui-inputtext:focus, .bck-dark .control.input .ui-inputtext:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none; }
sat-dropdown.bordered {
display: inline-block;
width: 100%;
border-top: 1px solid #909298;
border-bottom: 1px solid #909298;
height: 46px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
sat-dropdown.bordered .dropdown .dropdown-input.label {
margin-top: -1px; }
sat-dropdown.full-width .dropdown {
width: 100% !important; }
sat-dropdown.full-width .dropdown .dropdown-input.select {
border: 1px solid transparent;
padding-left: 10px; }
sat-dropdown.full-width .dropdown .dropdown-input.label {
color: #909298; }
sat-dropdown.full-width .dropdown .dropdown-input.label .label-text {
border: 1px solid transparent;
padding-left: 9px; }
sat-dropdown .dropdown {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
cursor: pointer;
min-width: 100px;
position: relative;
display: inline-block;
text-align: center;
border: 1px solid transparent; }
sat-dropdown .dropdown .dropdown-input {
position: relative;
z-index: 2;
cursor: pointer;
width: 100%;
border: none; }
sat-dropdown .dropdown .dropdown-input.select {
border-radius: 0;
background: none;
height: 30px;
margin-top: 8px;
margin-bottom: 8px;
padding-left: 15px;
padding-right: 30px;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: ''; }
@media (min-width: 768px) {
sat-dropdown .dropdown .dropdown-input.select {
border-left: 1px solid #909298;
border-right: 1px solid #909298; } }
sat-dropdown .dropdown .dropdown-input.label {
display: inline-block;
padding-top: 8px;
padding-bottom: 8px; }
sat-dropdown .dropdown .dropdown-input.label .label-text {
display: flex;
align-items: center;
text-align: left;
padding-left: 15px;
padding-right: 30px;
height: 30px; }
@media (min-width: 768px) {
sat-dropdown .dropdown .dropdown-input.label .label-text {
border-left: 1px solid #909298;
border-right: 1px solid #909298; } }
sat-dropdown .dropdown .dropdown-icon {
z-index: 3;
position: absolute;
top: 11px;
right: 8px;
height: 23px; }
@media (max-width: 767px) {
sat-dropdown .dropdown .dropdown-icon.down {
z-index: 1; } }
sat-dropdown .dropdown .dropdown-icon i {
font-size: 12px; }
sat-dropdown .dropdown ul {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 1002;
position: absolute;
left: -1px;
right: -1px;
top: 43px;
max-height: 0;
color: #303030;
background-color: #ffffff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: auto; }
sat-dropdown .dropdown ul.scroll {
overflow-y: scroll !important;
-ms-overflow-style: none; }
sat-dropdown .dropdown ul li {
min-height: 20px;
padding: 5px 10px 5px 15px; }
.app-container.show-hover sat-dropdown .dropdown ul li:hover, sat-dropdown .dropdown ul li:active, sat-dropdown .dropdown ul li.hovered {
background-color: #ffcb05; }
sat-dropdown.open .dropdown {
overflow: visible;
border: 1px solid #909298; }
sat-dropdown.open .dropdown .dropdown-input {
background-color: #ffffff;
color: #303030; }
sat-dropdown.open .dropdown .dropdown-input.label .label-text {
border-left: 1px solid transparent;
border-right: 1px solid transparent; }
sat-dropdown.open .dropdown ul {
border: 1px solid #909298;
border-top: 1px solid #222632;
max-height: 1000px;
transition: max-height 250ms ease-in;
padding: 15px 0; }
sat-dropdown.open .dropdown .dropdown-icon {
color: #303030;
transform: rotate(180deg);
z-index: 2; }
@media (min-width: 768px) {
.bck-dark sat-dropdown .dropdown .dropdown-input.label .label-text, .bck-black sat-dropdown .dropdown .dropdown-input.label .label-text, .bck-blue sat-dropdown .dropdown .dropdown-input.label .label-text, .bck-green sat-dropdown .dropdown .dropdown-input.label .label-text, .bck-red sat-dropdown .dropdown .dropdown-input.label .label-text {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; } }
@media (min-width: 768px) {
.bck-dark sat-dropdown .dropdown select, .bck-black sat-dropdown .dropdown select, .bck-blue sat-dropdown .dropdown select, .bck-green sat-dropdown .dropdown select, .bck-red sat-dropdown .dropdown select {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; } }
.bck-dark sat-dropdown .dropdown select option, .bck-black sat-dropdown .dropdown select option, .bck-blue sat-dropdown .dropdown select option, .bck-green sat-dropdown .dropdown select option, .bck-red sat-dropdown .dropdown select option {
color: #303030; }
.bck-dark sat-dropdown.bordered, .bck-black sat-dropdown.bordered, .bck-blue sat-dropdown.bordered, .bck-green sat-dropdown.bordered, .bck-red sat-dropdown.bordered {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff; }
.dropdown-label-column {
margin-top: 6px;
font-size: 18px;
font-weight: 300;
color: #ffffff; }
.dropdown-input-column {
text-align: left; }
@media (max-width: 767px) {
sat-panel-item sat-dropdown .dropdown {
width: 100%; }
sat-panel-item sat-dropdown .dropdown .dropdown-input.select {
padding-left: 10px; }
sat-panel-item sat-dropdown .dropdown .dropdown-icon {
right: 13px; } }
sat-button-submit .btn.primary {
display: inline-block; }
sat-button-submit .btn.primary .loader {
transition: border-color 0.75s;
border: 4px solid;
border-top: 4px solid #222632;
border-right: 4px solid #222632;
border-bottom: 4px solid #222632;
border-radius: 50%;
width: 18px;
height: 18px;
animation: spin 1.2s linear infinite;
margin: 0 auto; }
.app-container.show-hover sat-button-submit .btn.primary:hover .loader {
transition: border-color 0.75s;
border: 4px solid #222632;
border-top: 4px solid;
border-right: 4px solid;
border-bottom: 4px solid;
animation: spin 1.2s linear infinite; }
@media (max-width: 1079px) {
sat-button-submit .btn.primary.phone-full-width {
width: 100%; } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
p-checkbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.fa-check {
margin-top: 2px; }
p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
display: flex;
width: 25px;
height: 25px;
position: relative;
top: 6px;
left: 6px; }
p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
display: block;
width: 13px;
height: 13px; }
.control.input label {
top: 36px; }
.tooltip-parent {
cursor: pointer;
position: relative;
overflow: visible; }
.tooltip-parent .tooltip {
position: absolute;
min-width: 100px;
width: auto;
text-align: center;
padding: 5px 10px;
border-radius: 4px;
background-color: transparent;
color: transparent;
margin-bottom: 12.5px;
opacity: 0;
pointer-events: auto; }
.tooltip-parent .tooltip.tooltip-ready {
opacity: 1;
background-color: #ffcb05;
color: #303030;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transform-origin: 50% 120%;
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, transform 0.4s;
-webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35); }
.tooltip-parent .tooltip.tooltip-hidden {
opacity: 0;
pointer-events: auto;
-webkit-transform: scale3d(0.1, 0.2, 1);
transform: scale3d(0.1, 0.2, 1);
-webkit-transform-origin: 50% 120%;
transform-origin: 50% 120%; }
.tooltip-parent .tooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #ffcb05;
border-width: 10px;
margin-left: -10px; }
.tooltip-parent .tooltip.tooltip-wishlist-cta:after {
left: auto;
right: 5px; }
.tooltip-parent .tooltip.tooltip-wishlist-cta {
right: 10px;
line-height: 20px;
font-size: 14px; }
@media (min-width: 1080px) {
.tooltip-parent .tooltip.tooltip-wishlist-cta {
bottom: 44px; } }
@media (min-width: 1366px) {
.tooltip-parent .tooltip.tooltip-wishlist-cta {
bottom: 44px; } }
@media (min-width: 1680px) {
.tooltip-parent .tooltip.tooltip-wishlist-cta {
bottom: 64px; } }
.tip-tooltip {
width: 230px;
height: 53px;
border-radius: 15px;
background: #222632;
border: 2px solid white;
position: absolute;
z-index: 999;
color: white;
font-size: 16px;
display: grid;
place-items: center;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
padding-left: 12px; }
.tip-tooltip:after {
content: "";
position: absolute;
border-style: solid; }
.tip-tooltip-top:after {
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-color: black transparent transparent transparent; }
.tip-tooltip-bottom:after {
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-color: transparent transparent black transparent; }
.tip-tooltip-left:after {
top: 50%;
left: 100%;
margin-top: -5px;
border-width: 5px;
border-color: transparent transparent transparent black; }
.tip-tooltip-right:after {
content: "";
position: absolute;
top: 38%;
left: -6%;
height: 15px;
width: 19px;
background: inherit;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform: rotate(90deg);
border: none; }
.tip-tooltip-show {
opacity: 1; }
.bck-black .paginator-container .paginator .pages a, .bck-blue .paginator-container .paginator .pages a, .bck-green .paginator-container .paginator .pages a, .bck-dark .paginator-container .paginator .pages a, .bck-red .paginator-container .paginator .pages a {
color: #ffffff; }
.app-container.show-hover .bck-black .paginator-container .paginator .pages a:hover, .bck-black .paginator-container .paginator .pages a.active, .app-container.show-hover .bck-blue .paginator-container .paginator .pages a:hover, .bck-blue .paginator-container .paginator .pages a.active, .app-container.show-hover .bck-green .paginator-container .paginator .pages a:hover, .bck-green .paginator-container .paginator .pages a.active, .app-container.show-hover .bck-dark .paginator-container .paginator .pages a:hover, .bck-dark .paginator-container .paginator .pages a.active, .app-container.show-hover .bck-red .paginator-container .paginator .pages a:hover, .bck-red .paginator-container .paginator .pages a.active {
color: #303030; }
.bck-black .paginator-container .paginator .pages.dots a .dot, .bck-blue .paginator-container .paginator .pages.dots a .dot, .bck-green .paginator-container .paginator .pages.dots a .dot, .bck-dark .paginator-container .paginator .pages.dots a .dot, .bck-red .paginator-container .paginator .pages.dots a .dot {
background-color: #ffffff; }
.bck-black .paginator-container .paginator .left-overflow, .bck-black .paginator-container .paginator .right-overflow, .bck-blue .paginator-container .paginator .left-overflow, .bck-blue .paginator-container .paginator .right-overflow, .bck-green .paginator-container .paginator .left-overflow, .bck-green .paginator-container .paginator .right-overflow, .bck-dark .paginator-container .paginator .left-overflow, .bck-dark .paginator-container .paginator .right-overflow, .bck-red .paginator-container .paginator .left-overflow, .bck-red .paginator-container .paginator .right-overflow {
color: #ffffff; }
.paginator-container {
text-align: center; }
.paginator-container .paginator {
position: relative;
display: inline-block;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none; }
@media (max-width: 480px) {
.paginator-container .paginator {
height: 100px; } }
@media (max-width: 480px) {
.paginator-container .paginator .tag-circle {
position: absolute;
top: 50px; } }
.paginator-container .paginator .tag-circle.prev-page {
margin-right: 50px; }
@media (max-width: 480px) {
.paginator-container .paginator .tag-circle.prev-page {
margin-right: 0;
left: calc(50% - 30px);
transform: translateX(-50%); } }
.paginator-container .paginator .tag-circle.next-page {
margin-left: 50px; }
@media (max-width: 480px) {
.paginator-container .paginator .tag-circle.next-page {
margin-left: 0;
left: calc(50% + 30px);
transform: translateX(-50%); } }
.paginator-container .paginator .left-overflow, .paginator-container .paginator .right-overflow {
display: inline-block;
position: absolute;
top: 0;
font-weight: bold; }
.paginator-container .paginator .left-overflow {
left: 65px;
top: 14px; }
@media (max-width: 480px) {
.paginator-container .paginator .left-overflow {
display: none; } }
.paginator-container .paginator .right-overflow {
right: 65px;
top: 14px; }
@media (max-width: 480px) {
.paginator-container .paginator .right-overflow {
display: none; } }
.paginator-container .paginator .pages {
position: relative;
top: 9px; }
.paginator-container .paginator .pages a {
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
text-align: center;
color: #303030;
font-size: 20px;
width: 30px;
height: 30px;
cursor: pointer;
margin: 0 2px 8px 2px;
vertical-align: middle;
transition: all 100ms ease-in; }
.app-container.show-hover .paginator-container .paginator .pages a:hover {
background-color: #ffcb05; }
.paginator-container .paginator .pages a.active {
background-color: #ffe582; }
.paginator-container .paginator .pages.dots {
display: inline-block; }
.paginator-container .paginator .pages.dots a {
margin: 0 7px 8px 7px; }
.paginator-container .paginator .pages.dots a .dot {
transition: all 50ms ease-in;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
background-color: #303030;
border-radius: 50%; }
.app-container.show-hover .paginator-container .paginator .pages.dots a:hover, .paginator-container .paginator .pages.dots a.active {
background-color: transparent; }
.app-container.show-hover .paginator-container .paginator .pages.dots a:hover .dot, .paginator-container .paginator .pages.dots a.active .dot {
width: 20px;
height: 20px;
background-color: #ffcb05; }
.swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #ffffff;
opacity: 1;
margin: 0 9px; }
.swiper-pagination-bullet-active {
background: #ffcb05; }
.app-container.show-hover .swiper-pagination-bullet:hover, .swiper-pagination-bullet:active {
background: #ffcb05; }
.range-selector {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 26px;
position: relative;
margin: 10px 13px; }
.range-selector.with-ridges {
height: 50px; }
.range-selector.with-ridges svg {
position: absolute;
bottom: 14.5px; }
.range-selector .range-bar, .range-selector .selected-range {
position: absolute;
height: 26px;
bottom: 0; }
.range-selector .range-bar:after, .range-selector .selected-range:after {
width: 100%;
content: "\A0";
position: absolute;
height: 3px;
bottom: 11.5px; }
.range-selector .range-bar {
width: 100%; }
.range-selector .range-bar:after {
background-color: #909298; }
.range-selector .selected-range:after {
background-color: #ffcb05; }
.range-selector .left-range, .range-selector .right-range {
position: absolute;
width: 26px;
height: 26px;
border-radius: 50%;
bottom: 0;
cursor: pointer;
margin-left: -13px; }
.range-selector .left-range i:before, .range-selector .right-range i:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
margin: 0;
font-size: 6px; }
.range-selector .range-selector-gradient {
stop-color: #ffe582; }
.star-selector {
max-width: 360px; }
.star-selector .stars-container {
text-align: center; }
.star-selector .stars-container .tgcsa {
cursor: pointer;
width: 60px;
height: 60px;
background-size: 60px;
margin-left: 6px;
margin-right: 6px; }
.star-selector .selector-container {
padding-left: 23px;
padding-right: 23px;
margin-top: 11px; }
.map .map-symbols-hidden {
display: none !important; }
.map .map-default {
fill: #cacaca;
cursor: pointer; }
.map .map-default.active {
fill: #ffe582; }
.app-container.show-hover .map .map-default.live .map .map-default:hover, .map .map-default.hovered {
fill: #ffcb05; }
.map svg .map-city-inner {
fill: #ffffff;
cursor: pointer;
transform-origin: 50% 50%;
transition: all 400ms; }
.map svg .map-city-inner.active {
fill: #ffe582; }
.app-container.show-hover .map svg .map-city-inner.live .map svg .map-city-inner:hover, .map svg .map-city-inner.hovered {
fill: #ffcb05; }
.map svg .map-city-outer {
fill: #909298;
opacity: 0.6;
transform-origin: 50% 50%;
transition: all 400ms; }
.map svg .map-city-outer.active {
fill: #eeeeee;
opacity: 0.6; }
.app-container.show-hover .map svg .map-city-outer.live .map svg .map-city-outer:hover, .map svg .map-city-outer.hovered {
fill: #ffffff;
opacity: 0.6; }
sat-swiper-controls .slider-controls {
position: relative; }
sat-swiper-controls .slider-controls .controls-inner {
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
sat-swiper-controls .slider-controls .controls-inner .tag-circle {
display: inline-block; }
sat-swiper-controls .slider-controls .controls-inner .tag-circle:first-child {
margin-right: 14px; }
sat-swiper-controls .slider-controls .controls-inner .tag-circle.swiper-button-disabled {
opacity: 0.5;
pointer-events: none; }
section.bck-white-s sat-swiper-controls .slider-controls .controls-inner .tag-circle.swiper-button-disabled {
border-color: initial;
color: initial;
opacity: 0.5; }
section.bck-white-s sat-swiper-controls .slider-controls .controls-inner .tag-circle.swiper-button-disabled i {
color: initial; }
.bck-dark sat-underline > .underline-container > .underline, .bck-black sat-underline > .underline-container > .underline, .bck-green sat-underline > .underline-container > .underline, .bck-blue sat-underline > .underline-container > .underline, .bck-red sat-underline > .underline-container > .underline {
background-color: #ffffff; }
sat-underline > .underline-container {
width: 100%; }
sat-underline > .underline-container > .underline {
display: inline-block;
background-color: #222632; }
/*
#variables
_ _ _ __ __ _ _ _
| | (_) |__ _ __ __ _ _ __ _ _ \ \ / /_ _ _ __(_) __ _| |__ | | ___ ___
| | | | '_ \| '__/ _` | '__| | | | \ \ / / _` | '__| |/ _` | '_ \| |/ _ \/ __|
| |___| | |_) | | | (_| | | | |_| | \ V / (_| | | | | (_| | |_) | | __/\__ \
|_____|_|_.__/|_| \__,_|_| \__, | \_/ \__,_|_| |_|\__,_|_.__/|_|\___||___/
|___/
First file containing the variables of the library linked in first
*/
/*
#Variables
__ __ _ _ _
\ \ / /_ _ _ __(_) __ _| |__ | | ___ ___
\ \ / / _` | '__| |/ _` | '_ \| |/ _ \/ __|
\ V / (_| | | | | (_| | |_) | | __/\__ \
\_/ \__,_|_| |_|\__,_|_.__/|_|\___||___/
Variables to be set here
*/
/*
#Components
____ _
/ ___|___ _ __ ___ _ __ ___ _ __ ___ _ __ | |_ ___
| | / _ \| '_ ` _ \| '_ \ / _ \| '_ \ / _ \ '_ \| __/ __|
| |__| (_) | | | | | | |_) | (_) | | | | __/ | | | |_\__ \
\____\___/|_| |_| |_| .__/ \___/|_| |_|\___|_| |_|\__|___/
|_|
All component imports here
*/
/*
#Decks
____ _
| _ \ ___ ___| | _____
| | | |/ _ \/ __| |/ / __|
| |_| | __/ (__| <\__ \
|____/ \___|\___|_|\_\___/
All deck import files are linked here
*/
app-deck-section .deck-section {
padding: 40px 50px;
overflow: hidden; }
@media (max-width: 1079px) {
app-deck-section .deck-section {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-deck-section .deck-section {
padding: 40px 20px; } }
app-deck-section .deck-section.pattern-white.bck-dark-grey:before {
opacity: 0.05; }
app-deck-section .deck-section .heading-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px; }
app-deck-section .deck-section .heading-wrap .title {
display: inline-block;
margin-bottom: 7px; }
@media (min-width: 768px) {
app-deck-section .deck-section .heading-wrap .title {
margin-bottom: 26px; } }
@media (max-width: 1079px) {
app-deck-section .deck-section .heading-wrap .title {
margin-bottom: 30px; } }
app-deck-section .deck-section .heading-wrap .title > h3 {
display: inline;
color: #ffffff; }
app-deck-section .deck-section .heading-wrap .title > h3:after {
content: "";
display: block;
position: relative;
background: none repeat scroll 0 0 #ffffff;
bottom: -5px;
left: 1px;
height: 3px;
width: 70px; }
@media (max-width: 767px) {
app-deck-section .deck-section .heading-wrap .title > h3:after {
bottom: -11px; } }
app-deck-section .deck-section.black-text .title > h3, app-deck-section .deck-section.bck-white-s .title > h3, app-deck-section .deck-section.bck-black-s .title > h3 {
color: #303030; }
app-deck-section .deck-section.black-text .title > h3:after, app-deck-section .deck-section.bck-white-s .title > h3:after, app-deck-section .deck-section.bck-black-s .title > h3:after {
background: none repeat scroll 0 0 #303030; }
app-deck-section .deck-section app-deck .deck-container.box-deck {
margin-top: 52px; }
app-deck-section .deck-section .mobile {
padding-top: 20px; }
app-predefined-deck-section .predefined-deck-section-container {
padding: 40px 50px;
overflow: hidden; }
@media (max-width: 1079px) {
app-predefined-deck-section .predefined-deck-section-container {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-predefined-deck-section .predefined-deck-section-container {
padding: 40px 20px; } }
app-predefined-deck-section .predefined-deck-section-container.predefined-bg {
background-size: cover; }
app-predefined-deck-section .predefined-deck-section-container > h3 {
text-align: center;
margin-bottom: 45px;
font-weight: 200;
letter-spacing: 0.2px;
margin-top: 0; }
@media (max-width: 480px) {
app-predefined-deck-section .predefined-deck-section-container > h3 {
text-align: left;
max-width: 190px;
line-height: 1.2; } }
app-predefined-deck-section .predefined-deck-section-container > h3:after {
content: "";
display: block;
position: relative;
background: none repeat scroll 0 0 #fff;
bottom: -9px;
left: 50%;
transform: translateX(-50%);
height: 3px;
width: 70px; }
@media (max-width: 480px) {
app-predefined-deck-section .predefined-deck-section-container > h3:after {
transform: none;
left: 3px;
bottom: -16px; } }
@media (max-width: 767px) {
app-predefined-deck-section .predefined-deck-section-container > h3:after {
bottom: -12px; } }
app-predefined-deck-section .predefined-deck-section-container.brand-deck app-deck .deck-container.box-deck {
margin-top: 90px; }
@media (min-width: 1080px) {
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck) .deck-container.box-deck .deck-slides .deck-card {
margin: 0 25px 50px; } }
@media (min-width: 1680px) {
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck) .deck-container.box-deck .deck-slides .deck-card {
margin: 0 25px 50px; } }
@media (min-width: 1366px) and (max-width: 1679px) {
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck).space-around .deck-container.box-deck .deck-slides {
justify-content: space-around !important; }
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck) .deck-container.box-deck .deck-slides {
width: auto !important;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck) .deck-container.box-deck .deck-slides .deck-card {
margin: 0 0 30px; } }
@media (min-width: 1920px) {
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck).space-around .deck-container.box-deck .deck-slides {
justify-content: space-around !important; }
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck) .deck-container.box-deck .deck-slides {
width: auto !important;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
app-predefined-deck-section .predefined-deck-section-container:not(.brand-deck) .deck-container.box-deck .deck-slides .deck-card {
margin: 0 0 55px; } }
app-deck .deck-container .deck-slides:not(.animated) .swiper-wrapper {
transition-timing-function: cubic-bezier(0, 0, 0, 1); }
app-deck .deck-container .deck-slides .swiper-wrapper .swiper-slide {
width: auto; }
@media (max-width: 767px) {
app-deck .deck-container .deck-slides .swiper-wrapper .swiper-slide {
max-height: 370px; } }
app-deck .deck-container .deck-slides .deck-card:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing; }
app-deck .deck-container .deck-slides .deck-card.slider-card {
cursor: move;
/* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab; }
app-deck .deck-container.slider-deck {
position: relative; }
app-deck .deck-container.slider-deck .deck-slides {
overflow: hidden; }
app-deck .deck-container.slider-deck .deck-slides.swiper-overflow {
overflow: visible; }
app-deck .deck-container.slider-deck .deck-slides.show-loader {
padding-right: 200px; }
app-deck .deck-container.slider-deck .deck-slides.animating {
visibility: visible; }
app-deck .deck-container.slider-deck .slider-controls {
text-align: right;
margin-top: 45px; }
@media (max-width: 1079px) {
app-deck .deck-container.slider-deck .slider-controls {
display: none; } }
app-deck .deck-container.slider-deck .swiper-slide {
pointer-events: auto; }
app-deck .deck-container.slider-deck .swiper-slide:not(:last-child) .card-container {
margin-right: 12px; }
@media (min-width: 1080px) {
app-deck .deck-container.slider-deck .swiper-slide:not(:last-child) .card-container {
margin-right: 15px; } }
@media (min-width: 1680px) {
app-deck .deck-container.slider-deck .swiper-slide:not(:last-child) .card-container {
margin-right: 20px; } }
@media (max-width: 480px) {
app-deck .deck-container.box-deck {
margin: 0 -10px; } }
app-deck .deck-container.box-deck .deck-slides {
text-align: left;
margin: auto; }
@media (max-width: 767px) {
app-deck .deck-container.box-deck .deck-slides {
text-align: center; } }
app-deck .deck-container.box-deck .deck-slides .deck-card {
display: inline-block;
margin: 0 5px 20px;
vertical-align: top; }
@media (max-width: 480px) {
app-deck .deck-container.box-deck .deck-slides .deck-card {
margin: 0 0 15px; } }
@media (min-width: 768px) {
app-deck .deck-container.box-deck .deck-slides .deck-card {
margin: 0 10px 20px; } }
@media (min-width: 1080px) {
app-deck .deck-container.box-deck .deck-slides .deck-card {
margin: 0 10px 20px; } }
@media (min-width: 1366px) {
app-deck .deck-container.box-deck .deck-slides .deck-card {
margin: 0 15px 30px; } }
@media (min-width: 1680px) {
app-deck .deck-container.box-deck .deck-slides .deck-card {
margin: 0 9px 18px; } }
@media (min-width: 1920px) {
app-deck .deck-container.box-deck .deck-slides .deck-card {
margin: 0 25px 50px; } }
app-deck .deck-container.box-deck.ssr-deck .deck-slides {
display: flex;
flex-wrap: wrap;
justify-content: space-around; }
app-deck .load-btn-container {
text-align: center;
margin-top: 10px; }
@media (max-width: 1079px) {
app-deck .load-btn-container {
margin-top: 14px; } }
app-deck .paginator-container {
margin-top: 15px; }
app-deck .loader-circle-container {
display: flex;
justify-content: center;
align-items: center; }
app-deck .loader-circle-container.lazy-loading {
position: absolute;
top: 0;
right: 0;
width: 200px;
bottom: 100px; }
app-gallery-deck .gallery-title {
text-align: center;
margin-bottom: 20px;
font-weight: 600; }
@media (min-width: 768px) {
app-gallery-deck .gallery-title {
padding-top: 22px; } }
@media (min-width: 768px) {
app-gallery-deck .gallery-back {
position: absolute;
top: 0; } }
/*
#Filters
_____ _ _ _
| ___(_) | |_ ___ _ __ ___
| |_ | | | __/ _ \ '__/ __|
| _| | | | || __/ | \__ \
|_| |_|_|\__\___|_| |___/
All filters imports are linked here
*/
app-filters .map .map-default {
fill: #ffffff; }
app-filters stop:nth-child(1), app-filters stop:nth-child(2), app-filters stop:nth-child(5), app-filters stop:nth-child(6) {
stop-color: #fff; }
app-filters .travel-week-switch, app-filters .travel-week-switch p {
text-align: center; }
app-filters .travel-week-switch p {
margin: 15px 0; }
app-filters .tabbed-content:not(.hide-title) {
margin-top: 47px; }
app-filters .tabbed-content sat-panel .panels .panel-item .body {
overflow: visible; }
@media (min-width: 481px) {
app-filters .tabbed-content sat-panel .panels .panel-item.open .body {
z-index: 11; } }
app-active-filters .active-filters {
border-top: 1px solid #909298;
margin-bottom: 41px; }
@media (max-width: 767px) {
app-active-filters .active-filters {
border-top: 0;
margin-bottom: 30px; } }
app-active-filters .active-filters .active-filters-container {
padding-top: 41px;
text-align: center; }
@media (max-width: 767px) {
app-active-filters .active-filters .active-filters-container {
border-top: 0;
padding-top: 13px;
padding-bottom: 0;
margin-bottom: 0; } }
app-active-filters .active-filters .active-filters-container .h8 {
display: inline-block; }
@media (max-width: 767px) {
app-active-filters .active-filters .active-filters-container .filter-item-container {
margin-bottom: 15px;
display: inline-block; } }
app-active-filters .active-filters .active-filters-container .filter-item-container .filter-item {
font-weight: 200;
margin-right: 5px;
margin-left: 12px; }
app-active-filters .active-filters .active-filters-container .filter-results {
font-weight: 600;
margin-right: 4px; }
@media (max-width: 767px) {
app-active-filters .active-filters .active-filters-container .filter-results {
display: block;
margin-right: 0;
margin-bottom: 10px; } }
app-active-filters .active-filters .active-filters-container .clear-filters {
letter-spacing: -0.2px;
color: #303030;
border-bottom: 1px solid #303030;
line-height: 12px;
margin-left: 13px; }
.app-container.show-hover app-active-filters .active-filters .active-filters-container .clear-filters:hover, app-active-filters .active-filters .active-filters-container .clear-filters:active {
cursor: pointer;
color: #ffcb05;
border-bottom-color: #ffcb05; }
app-active-filters .active-filters .active-filters-container .icon-close {
font-size: 12px; }
.app-container.show-hover app-active-filters .active-filters .active-filters-container .icon-close:hover, app-active-filters .active-filters .active-filters-container .icon-close:active {
cursor: pointer;
color: #ffcb05; }
.bck-black app-active-filters .active-filters {
border-top-color: #ffffff; }
.bck-black app-active-filters .active-filters .h8, .bck-black app-active-filters .active-filters .clear-filters {
color: #ffffff; }
app-budget-filter .budget-filter {
user-select: none;
padding: 0 27%;
margin-top: -1.1rem;
margin-bottom: 10.8rem; }
@media (min-width: 1080px) and (max-width: 1440px) {
app-budget-filter .budget-filter {
padding: 0 20%; } }
@media (min-width: 481px) and (max-width: 1080px) {
app-budget-filter .budget-filter {
padding: 0 15%; } }
@media (max-width: 480px) {
app-budget-filter .budget-filter {
padding: 0 5%; } }
app-budget-filter .budget-filter .label-container {
position: relative;
margin-top: -38px; }
app-budget-filter .budget-filter .label-container .label-left, app-budget-filter .budget-filter .label-container .label-mid, app-budget-filter .budget-filter .label-container .label-right {
position: absolute;
top: 40px;
color: #909298;
cursor: pointer; }
app-budget-filter .budget-filter .label-container .label-left {
left: -15px; }
app-budget-filter .budget-filter .label-container .label-mid {
left: calc(50% - 30px); }
app-budget-filter .budget-filter .label-container .label-right {
right: -15px; }
app-budget-filter .budget-filter .range-selector {
margin-top: 2rem; }
@media (max-width: 1079px) {
app-budget-filter .budget-filter .range-selector .left-range, app-budget-filter .budget-filter .range-selector .right-range {
width: 40px;
height: 40px;
margin-left: -22px;
top: 18px; } }
app-budget-filter .budget-filter .range-selector .range-bar:after, app-budget-filter .budget-filter .range-selector .selected-range:after {
height: 3px; }
app-location-filter .controls .new-filter {
cursor: pointer; }
@media (min-width: 768px) {
app-location-filter .location-filter {
display: flex;
margin: 14px auto;
max-width: 450px; } }
@media (min-width: 1080px) {
app-location-filter .location-filter {
max-width: 715px; } }
app-location-filter .location-filter .sat-map-container {
position: relative;
display: inline-block;
vertical-align: top;
width: 186px; }
@media (max-width: 1079px) {
app-location-filter .location-filter .sat-map-container {
display: none; } }
app-location-filter .location-filter .sat-map-container .province-name-container {
position: absolute;
left: 140px;
bottom: 7px;
white-space: nowrap; }
app-location-filter .location-filter .sat-map-container .icon-map {
color: #ffcb05; }
app-location-filter .location-filter .sat-map-container .province-name {
color: #909298;
letter-spacing: 1.2px;
font-weight: 600;
font-size: 12px;
white-space: nowrap;
margin-left: 1px; }
app-location-filter .location-filter .dropdown-controls .icon-open {
color: #ffcb05; }
.app-container.show-hover app-location-filter .location-filter .dropdown-controls .icon-open:hover, app-location-filter .location-filter .dropdown-controls .icon-open:active {
color: #ffcb05; }
@media (max-width: 767px) {
app-location-filter .location-filter .dropdown-controls .controls .control-buttons.new-filter {
display: block;
text-align: center;
padding: 20px 0; }
app-location-filter .location-filter .dropdown-controls .controls .control {
margin: 0; }
app-location-filter .location-filter .dropdown-controls .controls:not(:last-child) {
border-bottom: 1px solid #909298; } }
@media (min-width: 768px) {
app-location-filter .location-filter .dropdown-controls {
display: flex;
flex-wrap: wrap;
vertical-align: top;
padding: 43px 0;
margin-left: 95px; } }
@media (min-width: 768px) and (max-width: 1079px) {
app-location-filter .location-filter .dropdown-controls {
padding: 27px 0;
margin-left: 0;
min-width: 0; } }
@media (min-width: 768px) {
app-location-filter .location-filter .dropdown-controls .controls {
text-align: left;
margin-top: 15px; }
app-location-filter .location-filter .dropdown-controls .controls .control-buttons {
font-size: 18px;
color: #909298;
margin-top: 8px; }
app-location-filter .location-filter .dropdown-controls .controls .control {
display: inline-block;
margin: 0 20px 0 0; }
app-location-filter .location-filter .dropdown-controls .controls .control sat-dropdown .dropdown {
text-align: left;
min-width: 140px; }
app-location-filter .location-filter .dropdown-controls .controls .control sat-dropdown .dropdown label {
font-size: 14px; } }
app-address-filter .address-filter .dropdown-controls .controls .control {
text-align: center; }
app-address-filter .address-filter .dropdown-controls .controls .control sat-dropdown .dropdown, app-address-filter .address-filter .dropdown-controls .controls .control .input, app-address-filter .address-filter .dropdown-controls .controls .control p-checkbox {
text-align: left; }
app-address-filter .address-filter .dropdown-controls .controls .control p-checkbox {
margin-top: 25px;
margin-bottom: 25px;
vertical-align: top; }
@media (min-width: 768px) {
app-address-filter .address-filter .dropdown-controls .controls .control {
margin-bottom: 10px; }
app-address-filter .address-filter .dropdown-controls .controls .control sat-dropdown .dropdown, app-address-filter .address-filter .dropdown-controls .controls .control .input, app-address-filter .address-filter .dropdown-controls .controls .control p-checkbox {
display: inline-block;
width: 280px;
margin: 0 15px; }
app-address-filter .address-filter .dropdown-controls .controls .control p-checkbox {
text-align: left;
margin-top: 33px;
margin-bottom: 23px; } }
app-stars-filter .stars-filter .stars-filter-content {
margin-top: 14px;
margin-bottom: 14px; }
@media (max-width: 767px) {
app-stars-filter .stars-filter .stars-filter-content {
margin-top: 0;
margin-bottom: 0; } }
app-stars-filter .stars-filter .stars-filter-content .star-selector {
margin: 0 auto; }
@media (max-width: 480px) {
app-stars-filter .stars-filter .stars-filter-content .star-selector .stars-container .tgcsa {
width: 42px;
height: 42px;
background-size: 42px;
margin-left: 3px;
margin-right: 3px; } }
app-stars-filter .stars-filter .stars-filter-content .star-selector .selector-container {
margin-top: 17px;
margin-left: -12px;
margin-right: -12px;
padding-left: 0;
padding-right: 0; }
@media (max-width: 480px) {
app-stars-filter .stars-filter .stars-filter-content .star-selector .selector-container .range-selector {
width: 235px;
margin-left: auto;
margin-right: auto; } }
app-stars-filter .stars-filter .stars-filter-content .grading {
text-align: center;
margin-top: -7px;
margin-left: -3px;
letter-spacing: 0.1px;
font-size: 15px;
color: #eeeeee; }
app-stars-filter .stars-filter .stars-filter-content .stars-extra-filters {
text-align: center;
margin-top: 34px; }
@media (max-width: 480px) {
app-stars-filter .stars-filter .stars-filter-content .stars-extra-filters {
margin-top: 20px; } }
app-checkbox-filters .checkbox-filters, app-child-checkbox-filters .checkbox-filters {
display: flex;
flex-flow: row wrap;
justify-content: space-around; }
app-checkbox-filters .checkbox-filters.center, app-child-checkbox-filters .checkbox-filters.center {
justify-content: center; }
app-checkbox-filters .checkbox-filters .cb-filter, app-child-checkbox-filters .checkbox-filters .cb-filter {
margin-top: 14px;
margin-bottom: 14px; }
@media (min-width: 768px) {
app-checkbox-filters .checkbox-filters .cb-filter, app-child-checkbox-filters .checkbox-filters .cb-filter {
margin: 14px; } }
@media (max-width: 767px) {
app-checkbox-filters .checkbox-filters .cb-filter:first-child, app-child-checkbox-filters .checkbox-filters .cb-filter:first-child {
margin-top: 0; }
app-checkbox-filters .checkbox-filters .cb-filter:last-child, app-child-checkbox-filters .checkbox-filters .cb-filter:last-child {
margin-bottom: 0; } }
@media (max-width: 767px) {
app-checkbox-filters .checkbox-filters, app-child-checkbox-filters .checkbox-filters {
flex-flow: column; } }
@media (min-width: 1366px) {
app-checkbox-filters .checkbox-filters, app-child-checkbox-filters .checkbox-filters {
justify-content: center; } }
app-checkbox-filters .checkbox-filters p-checkbox, app-child-checkbox-filters .checkbox-filters p-checkbox {
display: flex;
align-items: center; }
app-checkbox-filters .checkbox-filters p-checkbox label, app-child-checkbox-filters .checkbox-filters p-checkbox label {
margin-left: 5px; }
app-dropdown-filter .dropdown-filter {
text-align: center; }
app-dropdown-filter .capacity .dropdown {
min-width: 130px; }
app-dropdown-filter .price .dropdown {
min-width: 180px; }
/*
#Headers
_ _ _
| | | | ___ __ _ __| | ___ _ __ ___
| |_| |/ _ \/ _` |/ _` |/ _ \ '__/ __|
| _ | __/ (_| | (_| | __/ | \__ \
|_| |_|\___|\__,_|\__,_|\___|_| |___/
All headers imports are linked here
*/
.header-container-slide {
position: relative;
height: 470px;
background: #222632; }
.portal-menu .header-container-slide {
margin-top: 90px; }
.portal-menu .header-container-slide .header {
margin-top: 0; }
@media (min-width: 1080px) {
.header-container-slide {
height: 550px; } }
@media (min-width: 1680px) {
.header-container-slide {
height: 800px; } }
.header-container-slide .header-slide h6 {
margin-bottom: 15px; }
.header-container-slide .header-slide .header-middle-panel-btn-container {
top: 0;
margin-top: 5px; }
.header-container-slide .header-slide .header-middle-panel-card {
bottom: 47px; }
@media (min-width: 481px) {
.header-container-slide .header-slide .header-middle-panel-card {
bottom: 17px; } }
@media (min-width: 768px) {
.header-container-slide .header-slide .header-middle-panel-card {
bottom: 18px; } }
@media (min-width: 1080px) {
.header-container-slide .header-slide .header-middle-panel-card {
bottom: 107px; } }
.header-container-slide .header-slide .header-wrapper {
bottom: 50px;
right: 0; }
@media (min-width: 481px) {
.header-container-slide .header-slide .header-wrapper {
bottom: 75px; } }
@media (min-width: 768px) {
.header-container-slide .header-slide .header-wrapper {
bottom: 100px; } }
@media (min-width: 1080px) {
.header-container-slide .header-slide .header-wrapper {
bottom: 110px; } }
@media (max-width: 480px) {
.header-container-slide .header-slide.header-slide-mobile {
right: 230px; } }
.header-container-slide .slider-controls {
z-index: 4;
position: absolute;
display: inline-block;
bottom: 0;
width: calc(100% - 2 * 20px);
text-align: center;
padding: 0 20px; }
@media (min-width: 481px) {
.header-container-slide .slider-controls {
bottom: 10px;
width: initial;
opacity: 0;
-webkit-animation: sliderControls 2s;
-moz-animation: sliderControls 2s;
-ms-animation: sliderControls 2s;
-o-animation: sliderControls 2s;
animation: sliderControls 2s;
animation-delay: 2s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; } }
@media (min-width: 768px) {
.header-container-slide .slider-controls {
padding: 0 30px; } }
@media (min-width: 1080px) {
.header-container-slide .slider-controls {
bottom: 40px;
padding: 0 50px; } }
@media (min-width: 1366px) {
.header-container-slide .slider-controls {
padding: 20px 40px 0px 48px;
opacity: 0;
-webkit-animation: sliderControls 2s;
-moz-animation: sliderControls 2s;
-ms-animation: sliderControls 2s;
-o-animation: sliderControls 2s;
animation: sliderControls 2s;
animation-delay: 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; } }
@media (min-width: 1680px) {
.header-container-slide .slider-controls {
padding: 0 50px; } }
.header-container-slide .slider-controls .controls-inner {
float: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.header-container-slide .slider-controls .controls-inner .swiper-pagination {
position: relative;
display: inline-block;
bottom: 15px;
width: auto; }
@media (max-width: 480px) {
.header-container-slide .slider-controls .controls-inner {
float: none;
left: initial;
text-align: left; } }
.header-container-slide .slider-controls .tag-circle {
display: inline-block;
width: 41px;
height: 41px;
position: relative;
border: 0px; }
.header-container-slide .slider-controls .tag-circle i {
position: absolute;
bottom: 0px;
left: 6px;
font-size: 20px;
line-height: 1; }
.app-container.show-hover .header-container-slide .slider-controls .tag-circle i:hover, .header-container-slide .slider-controls .tag-circle i:active {
color: #ffcb05; }
.app-container.show-hover .header-container-slide .slider-controls .tag-circle:hover, .app-container.show-hover .header-container-slide .slider-controls app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .header-container-slide .slider-controls .tag-circle, .app-container.show-hover .header-container-slide .slider-controls app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .header-container-slide .slider-controls .tag-circle, .header-container-slide .slider-controls .tag-circle:active {
background-color: transparent; }
.header-container-slide .slider-controls .tag-light {
color: #ffffff;
border-color: #ffffff; }
.header-container-slide .slider-controls .tag-light.back {
transform: rotate(90deg); }
.header-container-slide .slider-controls .tag-light.forward {
transform: rotate(270deg); }
@media (max-width: 480px) {
.header-container-slide .slider-controls .tag-light {
display: none; } }
.header-container-slide .swiper-slide.swiper-slide-active {
width: 100% !important; }
.ssr .header-container-slide .slider-controls {
display: none; }
@-webkit-keyframes sliderControls {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 40px; } }
@-moz-keyframes sliderControls {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 40px; } }
@-ms-keyframes sliderControls {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 40px; } }
@keyframes sliderControls {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 40px; } }
@-webkit-keyframes sliderControlsMobi {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 10px; } }
@-moz-keyframes sliderControlsMobi {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 10px; } }
@-ms-keyframes sliderControlsMobi {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 10px; } }
@keyframes sliderControlsMobi {
from {
opacity: 0;
bottom: -20px; }
to {
opacity: 1;
bottom: 10px; } }
@keyframes slide-left-to-right {
0% {
left: 0; }
100% {
left: 100%; } }
@keyframes slide-from-right {
0% {
transform: translateX(300px);
opacity: 0; }
100% {
transform: translateX(0);
opacity: 1; } }
@keyframes slide-from-top {
0% {
transform: translateY(-300px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@keyframes slide-down-to-up-with-opacity {
from {
opacity: 0;
transform: translateY(100px); }
to {
opacity: 1;
transform: translateY(0); } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeInAndScale {
from {
opacity: 0;
transform: scale(0, 0); }
to {
opacity: 1;
transform: scale(1, 1); } }
.header, .spectators-wish-list-page .header {
position: relative;
height: 100%;
width: auto; }
.portal-menu .header {
margin-top: 90px; }
.header-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
background: linear-gradient(180deg, transparent 0%, transparent 0%, rgba(34, 38, 50, 0.3) 10%, rgba(34, 38, 50, 0.35) 46%, black 59%, black 100%); }
@media (min-width: 481px) {
.header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 0%, rgba(34, 38, 50, 0.3) 10%, rgba(34, 38, 50, 0.35) 21%, black 34%, black 100%); } }
@media (min-width: 768px) {
.header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 0%, rgba(34, 38, 50, 0.3) 10%, rgba(34, 38, 50, 0.35) 36%, black 49%, black 100%); } }
@media (min-width: 1366px) {
.header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 0%, rgba(34, 38, 50, 0.3) 10%, rgba(34, 38, 50, 0.35) 41%, black 54%, black 100%); } }
@media (min-width: 1680px) {
.header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 0%, rgba(34, 38, 50, 0.3) 10%, rgba(34, 38, 50, 0.35) 56%, black 69%, black 100%); } }
.header-overlay:after {
background-image: linear-gradient(to bottom, rgba(34, 38, 50, 0.8), transparent);
position: absolute;
display: block;
content: "";
height: 55%;
width: 100%;
z-index: 1;
left: 0;
top: 0; }
.header-container {
overflow: auto;
background-position: 50% calc(100% + 1px);
background-size: cover;
background-repeat: no-repeat;
height: 470px;
padding: 0 20px; }
@media (min-width: 768px) {
.header-container {
padding: 0 30px; } }
@media (min-width: 1080px) {
.header-container {
overflow: hidden;
height: 550px;
padding: 0 50px; } }
@media (min-width: 1366px) {
.header-container {
height: 550px; } }
@media (min-width: 1680px) {
.header-container {
height: 800px; } }
.header-container.pattern-white {
background: #909298 repeat; }
.header-container ::-webkit-scrollbar {
display: none; }
.header-container .header-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.header-container .header-video video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.header-copyright {
position: absolute;
bottom: 5px;
color: #eeeeee;
text-shadow: 1px 1px #222632;
font-size: 10px; }
.header-slide {
position: relative;
height: 100%;
width: 100%; }
@media (max-width: 1079px) {
.header-slide {
right: 0;
transition: all 1s 200ms; }
.header-slide-swiped {
right: 250px; } }
.header-slide-logo {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: scale(0, 0); }
.on-content-change-animation:not(.ssr) .header-slide-logo {
-webkit-animation: fadeInAndScale 1.5s;
-moz-animation: fadeInAndScale 1.5s;
-ms-animation: fadeInAndScale 1.5s;
-o-animation: fadeInAndScale 1.5s;
animation: fadeInAndScale 1.5s;
animation-delay: 2s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
.header-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 20px; }
@media (min-width: 1080px) {
.header-wrapper {
bottom: 40px; } }
.header-wrapper .content-column {
padding-right: 50px;
width: 85%; }
@media (min-width: 481px) {
.header-wrapper .content-column {
padding-right: 100px; } }
@media (min-width: 768px) {
.header-wrapper .content-column {
width: 95%; } }
@media (min-width: 1080px) {
.header-wrapper .content-column {
width: 49%; } }
@media (min-width: 1366px) {
.header-wrapper .content-column {
width: 60%;
padding: 0; } }
@media (min-width: 1080px) {
.header-middle-panel.more-buttons .seven.content-column {
position: absolute;
bottom: 100px;
width: initial; } }
.header-middle-panel a {
text-decoration: none; }
.header-middle-panel h6 {
margin: 0;
font-weight: 500;
font-size: 16px; }
.header-middle-panel h6.clickable {
cursor: pointer; }
.header-middle-panel .h1 {
color: #ffffff;
margin: 0;
font-weight: 500;
font-size: 21px;
line-height: 1.1; }
.header-middle-panel .h1.clickable {
cursor: pointer; }
.app-container.show-hover .header-middle-panel .h1.clickable:hover, .header-middle-panel .h1.clickable:active {
opacity: 0.7; }
@media (min-width: 481px) {
.header-middle-panel .h1 {
font-weight: 600;
font-size: 30px;
line-height: 1; } }
@media (min-width: 768px) {
.header-middle-panel .h1 {
font-size: 40px;
margin: 10px 0px 0px 0px; } }
@media (min-width: 1680px) {
.header-middle-panel .h1 {
font-size: 5rem;
margin: 0; } }
.header-middle-panel .row {
position: relative; }
.header-middle-panel .tag-card {
display: inline-block;
position: relative;
top: 0;
left: 0;
margin-right: 20px; }
@media (max-width: 767px) {
.header-middle-panel .tag-card {
font-size: 12px;
margin: 5px 5px 5px 0; } }
.header-middle-panel .h7 {
display: inline-block;
text-transform: uppercase;
padding-right: 20px; }
.header-middle-panel .h7 i {
font-size: 18px; }
@media (max-width: 767px) {
.header-middle-panel .h7 {
font-size: 14px;
margin: 5px 10px 5px 0;
padding-right: 0; } }
.header-middle-panel-tag-row {
margin-top: 30px; }
.header-middle-panel-tag-row .tags-container {
display: inline-block; }
@media (max-width: 767px) {
.header-middle-panel-tag-row {
height: auto;
margin-top: 10px; } }
.header-middle-panel-tag-row .tagRow {
width: calc(100% - (300px * 2));
height: 50px;
overflow: hidden;
margin-left: -10px;
opacity: 0; }
@media (max-width: 1079px) {
.header-middle-panel-tag-row .tagRow {
width: calc(100% + 260px); } }
.on-content-change-animation:not(.ssr) .header-middle-panel-tag-row .tagRow {
-webkit-animation: sliderControls 2s;
-moz-animation: sliderControls 2s;
-ms-animation: sliderControls 2s;
-o-animation: sliderControls 2s;
animation: sliderControls 2s;
animation-delay: 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
@media (max-width: 1079px) {
.header-middle-panel-tag-row {
margin-top: 20px; } }
.header-middle-panel-tag-row .columns {
padding-right: 20px; }
.header-middle-panel .star-container {
display: inline-block;
margin-right: 20px; }
@media (max-width: 767px) {
.header-middle-panel .star-container {
margin: 10px 5px 0 0; } }
.header-middle-panel .star-container .star {
display: inline-block;
height: 25px;
width: 25px;
background-size: 25px;
margin-bottom: -7px;
margin-right: 5px; }
.header-middle-panel-btn-container {
position: absolute;
right: 0;
bottom: 0;
display: flex;
margin-top: -10px; }
.header-middle-panel-btn-container .btn {
margin-left: 20px;
opacity: 0; }
.on-content-change-animation:not(.ssr) .header-middle-panel-btn-container .btn {
-webkit-animation: slide-down-to-up-with-opacity 1s;
-moz-animation: slide-down-to-up-with-opacity 1s;
-ms-animation: slide-down-to-up-with-opacity 1s;
-o-animation: slide-down-to-up-with-opacity 1s;
animation: slide-down-to-up-with-opacity 1s;
animation-delay: 0s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
.on-content-change-animation:not(.ssr) .header-middle-panel-btn-container .btn i {
-webkit-animation: heart-beat 1s;
-moz-animation: heart-beat 1s;
-ms-animation: heart-beat 1s;
-o-animation: heart-beat 1s;
animation: heart-beat 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none; }
@media (max-width: 1079px) {
.header-middle-panel-btn-container {
display: none; } }
.header-middle-panel-btn-container .icon-heart {
margin-right: 5px; }
.header-middle-panel-btn-container .header-button:nth-last-child(1) .btn {
animation-delay: 1s; }
.header-middle-panel-btn-container .header-button:nth-last-child(1) .btn .icon-heart-empty {
animation-delay: 2s; }
.header-middle-panel-btn-container .header-button:nth-last-child(2) .btn {
animation-delay: 1.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(2) .btn .icon-heart-empty {
animation-delay: 2.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(3) .btn {
animation-delay: 2s; }
.header-middle-panel-btn-container .header-button:nth-last-child(3) .btn .icon-heart-empty {
animation-delay: 3s; }
.header-middle-panel-btn-container .header-button:nth-last-child(4) .btn {
animation-delay: 2.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(4) .btn .icon-heart-empty {
animation-delay: 3.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(5) .btn {
animation-delay: 3s; }
.header-middle-panel-btn-container .header-button:nth-last-child(5) .btn .icon-heart-empty {
animation-delay: 4s; }
.header-middle-panel-btn-container .header-button:nth-last-child(6) .btn {
animation-delay: 3.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(6) .btn .icon-heart-empty {
animation-delay: 4.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(7) .btn {
animation-delay: 4s; }
.header-middle-panel-btn-container .header-button:nth-last-child(7) .btn .icon-heart-empty {
animation-delay: 5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(8) .btn {
animation-delay: 4.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(8) .btn .icon-heart-empty {
animation-delay: 5.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(9) .btn {
animation-delay: 5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(9) .btn .icon-heart-empty {
animation-delay: 6s; }
.header-middle-panel-btn-container .header-button:nth-last-child(10) .btn {
animation-delay: 5.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(10) .btn .icon-heart-empty {
animation-delay: 6.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(11) .btn {
animation-delay: 6s; }
.header-middle-panel-btn-container .header-button:nth-last-child(11) .btn .icon-heart-empty {
animation-delay: 7s; }
.header-middle-panel-btn-container .header-button:nth-last-child(12) .btn {
animation-delay: 6.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(12) .btn .icon-heart-empty {
animation-delay: 7.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(13) .btn {
animation-delay: 7s; }
.header-middle-panel-btn-container .header-button:nth-last-child(13) .btn .icon-heart-empty {
animation-delay: 8s; }
.header-middle-panel-btn-container .header-button:nth-last-child(14) .btn {
animation-delay: 7.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(14) .btn .icon-heart-empty {
animation-delay: 8.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(15) .btn {
animation-delay: 8s; }
.header-middle-panel-btn-container .header-button:nth-last-child(15) .btn .icon-heart-empty {
animation-delay: 9s; }
.header-middle-panel-btn-container .header-button:nth-last-child(16) .btn {
animation-delay: 8.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(16) .btn .icon-heart-empty {
animation-delay: 9.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(17) .btn {
animation-delay: 9s; }
.header-middle-panel-btn-container .header-button:nth-last-child(17) .btn .icon-heart-empty {
animation-delay: 10s; }
.header-middle-panel-btn-container .header-button:nth-last-child(18) .btn {
animation-delay: 9.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(18) .btn .icon-heart-empty {
animation-delay: 10.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(19) .btn {
animation-delay: 10s; }
.header-middle-panel-btn-container .header-button:nth-last-child(19) .btn .icon-heart-empty {
animation-delay: 11s; }
.header-middle-panel-btn-container .header-button:nth-last-child(20) .btn {
animation-delay: 10.5s; }
.header-middle-panel-btn-container .header-button:nth-last-child(20) .btn .icon-heart-empty {
animation-delay: 11.5s; }
.header-middle-panel-card {
z-index: 5;
position: absolute;
right: -250px;
bottom: 85px; }
@media (min-width: 481px) {
.header-middle-panel-card {
bottom: 70px; } }
@media (min-width: 768px) {
.header-middle-panel-card {
bottom: 65px; } }
@media (min-width: 1080px) {
.header-middle-panel-card {
right: 0;
bottom: 115px;
opacity: 0; }
.on-content-change-animation:not(.ssr) .header-middle-panel-card {
-webkit-animation: slide-from-right 1s;
-moz-animation: slide-from-right 1s;
-ms-animation: slide-from-right 1s;
-o-animation: slide-from-right 1s;
animation: slide-from-right 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; } }
@media (max-width: 480px) {
.header-middle-panel-card.no-content-card {
bottom: 25px; } }
@media (max-width: 1079px) {
.header-middle-panel-card .card-mobile-only {
display: block; } }
.header .txt-primary {
font-size: 26px;
font-weight: 600; }
.header .travel-week-logo {
height: 120px;
width: auto;
display: inline-block;
margin-bottom: 20px; }
.travel .header .tag-card p {
margin: 0.45rem 0; }
.travel .header .tag-card.tag-card-discount {
text-decoration: line-through; }
.travel .header .tag-card.tag-card-price {
background-color: #ed1c24;
color: #ffffff; }
.travel .header .tag-card.tag-card-date {
background-color: rgba(100, 103, 111, 0.75);
font-size: 14px;
padding: 6px 15px; }
@media (max-width: 1079px) {
.travel .header .map-card-tw {
display: none; } }
/*Modal styles*/
.modal-cover {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1004;
background-color: rgba(34, 38, 50, 0.9);
-webkit-overflow-scrolling: touch; }
.modal-cover .background-container {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1002;
opacity: 0.95;
overflow-y: auto;
background-color: rgba(34, 38, 50, 0.7); }
.modal-cover .background-container:before {
position: fixed; }
.modal-cover .background-container:after {
background: -webkit-linear-gradient(black, transparent);
background: -moz-linear-gradient(black, transparent);
background: -ms-linear-gradient(black, transparent);
background: -o-linear-gradient(black, transparent);
background: linear-gradient(black, transparent);
position: absolute;
display: block;
content: "";
height: 50%;
width: 100%;
left: 0;
top: 0; }
.modal-cover .modal-container {
position: absolute;
left: 0;
top: 100px;
width: 100%;
z-index: 1003; }
@media (max-width: 1079px) {
.modal-cover .modal-container {
margin-top: 2rem; } }
@media (max-width: 480px) {
.modal-cover .modal-container {
margin-top: 0;
top: 10%; } }
.modal-cover .close-btn {
position: absolute;
top: 30px;
right: 30px;
font-size: 2.8rem;
line-height: 2.8rem;
z-index: 1003; }
@media (max-width: 480px) {
.modal-cover .close-btn {
font-size: 2rem;
line-height: 2rem; } }
.modal-cover .close-btn:before {
margin-left: 0;
margin-right: 0; }
.app-container.show-hover .modal-cover .close-btn:hover, .modal-cover .close-btn:active {
color: #ffcb05;
cursor: pointer; }
/*
#Navigation
_ _ _ _ _
| \ | | __ ___ _(_) __ _ __ _| |_(_) ___ _ __
| \| |/ _` \ \ / / |/ _` |/ _` | __| |/ _ \| '_ \
| |\ | (_| |\ V /| | (_| | (_| | |_| | (_) | | | |
|_| \_|\__,_| \_/ |_|\__, |\__,_|\__|_|\___/|_| |_|
|___/
All navigation related files are linked here
*/
nav.primary {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1001;
padding: 4px 0;
height: 75px; }
nav.primary .primary-nav-container {
padding: 0 50px;
height: 75px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
transition: height 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
@media (max-width: 1079px) {
nav.primary .primary-nav-container {
padding: 0 30px; } }
@media (max-width: 767px) {
nav.primary .primary-nav-container {
padding: 0 20px; } }
nav.primary .nav-mobile {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
nav.primary .mobile-seperator {
display: none; }
nav.primary .nav-search {
height: 50px;
margin-top: 5px; }
nav.primary .nav-mobile,
nav.primary .nav-search {
position: relative;
text-align: center;
color: #ffffff; }
nav.primary .nav-mobile i,
nav.primary .nav-search i {
font-size: 20px; }
nav.primary .nav-mobile .search-outer-container,
nav.primary .nav-search .search-outer-container {
display: inline-block;
position: relative;
min-height: 50px;
line-height: 50px;
color: #eeeeee;
text-align: right;
width: 100%;
max-width: 650px; }
@media (min-width: 1080px) {
nav.primary .nav-mobile .search-outer-container,
nav.primary .nav-search .search-outer-container {
max-width: 600px; } }
nav.primary .nav-mobile .search-outer-container .search-container,
nav.primary .nav-search .search-outer-container .search-container {
display: inline-block;
max-width: none !important; }
nav.primary .nav-mobile .search-outer-container > i,
nav.primary .nav-search .search-outer-container > i {
position: absolute;
right: 20px;
top: 0;
color: #ffffff; }
nav.primary .nav-mobile .search-outer-container > i.focus,
nav.primary .nav-search .search-outer-container > i.focus {
color: #303030; }
@media (max-width: 1079px) {
nav.primary .nav-mobile .search-outer-container app-search .search-icon,
nav.primary .nav-search .search-outer-container app-search .search-icon {
position: absolute;
top: 0;
right: 20px; } }
nav.primary .nav-mobile .search-outer-container app-search .search-icon.focused,
nav.primary .nav-search .search-outer-container app-search .search-icon.focused {
color: #303030; }
nav.primary .nav-mobile .search-outer-container input,
nav.primary .nav-search .search-outer-container input {
display: block;
border-radius: 30px;
width: 100%;
padding: 0;
border: 0;
text-align: center;
height: 50px;
background-color: rgba(255, 255, 255, 0.15);
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: rgba(255, 255, 255, 0.5);
transition: color 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000), background-color 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000), transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transform: scale(0);
opacity: 0; }
nav.primary .nav-mobile .search-outer-container input::-webkit-input-placeholder,
nav.primary .nav-search .search-outer-container input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #eeeeee; }
nav.primary .nav-mobile .search-outer-container input::-moz-placeholder,
nav.primary .nav-search .search-outer-container input::-moz-placeholder {
/* Firefox 19+ */
color: #eeeeee; }
nav.primary .nav-mobile .search-outer-container input:-ms-input-placeholder,
nav.primary .nav-search .search-outer-container input:-ms-input-placeholder {
/* IE 10+ */
color: #eeeeee; }
nav.primary .nav-mobile .search-outer-container input:-moz-placeholder,
nav.primary .nav-search .search-outer-container input:-moz-placeholder {
/* Firefox 18- */
color: #eeeeee; }
nav.primary .nav-mobile .search-outer-container input:focus,
nav.primary .nav-search .search-outer-container input:focus {
outline: 0;
background-color: white;
opacity: 1;
color: #ffcb05;
text-shadow: 0 0 0 #222632;
-webkit-text-fill-color: transparent; }
nav.primary .nav-mobile .search-outer-container input:focus::-webkit-input-placeholder,
nav.primary .nav-search .search-outer-container input:focus::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
nav.primary .nav-mobile .search-outer-container input:focus::-moz-placeholder,
nav.primary .nav-search .search-outer-container input:focus::-moz-placeholder {
/* Firefox 19+ */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
nav.primary .nav-mobile .search-outer-container input:focus:-ms-input-placeholder,
nav.primary .nav-search .search-outer-container input:focus:-ms-input-placeholder {
/* IE 10+ */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
nav.primary .nav-mobile .search-outer-container input:focus:-moz-placeholder,
nav.primary .nav-search .search-outer-container input:focus:-moz-placeholder {
/* Firefox 18- */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
nav.primary .nav-image {
text-align: center;
margin-right: 20px; }
nav.primary .nav-image img {
transition: all 250ms linear;
border: 1px solid transparent; }
nav.primary .nav-image a {
display: block;
width: 127px;
height: 47px;
margin: 0; }
nav.primary .nav-search.search-page .search-container, nav.primary .nav-search.search-page i {
display: none; }
nav.primary .nav-settings {
cursor: pointer;
padding: 5px 20px 5px 10px;
transform: background-color 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
text-align: center; }
nav.primary .nav-settings .settings-container {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
max-height: 50px;
white-space: nowrap;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
nav.primary .nav-settings .icon-close {
display: none;
color: #303030; }
nav.primary .nav-settings:before {
z-index: -1;
content: "\A0";
height: 140px;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-color: #ffffff;
transform: translateY(-500%);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
border-radius: 4px; }
nav.primary .nav-settings.open {
z-index: 1002; }
nav.primary .nav-settings.open:before {
transform: translateY(0); }
nav.primary .nav-settings.open .icon-close {
display: inline; }
nav.primary .nav-settings.open span {
display: none; }
nav.primary .nav-profile {
width: 55px;
cursor: pointer;
position: relative;
border-left: solid 1px rgba(255, 255, 255, 0.6);
height: 50px; }
nav.primary .nav-profile .profile-close {
transform: translateY(-500%);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
float: left;
margin-top: -40px;
width: 100%;
text-align: center; }
nav.primary .nav-profile .profile-pic {
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
nav.primary .nav-profile .profile-pic i:before {
margin: 0; }
nav.primary .nav-profile .profile-pic img {
border-radius: 50%; }
nav.primary .nav-profile:before {
z-index: -1;
content: "\A0";
height: 140px;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-color: #ffffff;
transform: translateY(-500%);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
border-radius: 4px; }
nav.primary .nav-profile.open {
width: 100px;
z-index: 1002; }
nav.primary .nav-profile.open .profile-pic {
transform: translateY(-500%);
opacity: 0; }
nav.primary .nav-profile.open span {
color: #303030; }
nav.primary .nav-profile.open:before {
transform: translateY(0); }
nav.primary .nav-profile.open .profile-close {
transform: translateY(0); }
nav.primary .nav-backdrop {
position: fixed;
left: 0;
right: 0;
top: 0;
opacity: 0;
transform: translateY(-200%);
height: 100%;
transition: opacity 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
background-color: rgba(0, 0, 0, 0.2); }
nav.primary .nav-backdrop.open {
transform: translateY(0);
opacity: 1;
z-index: 1001; }
nav.primary .user-menu-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
opacity: 0;
width: 100vw;
height: 100vh;
pointer-events: none; }
nav.primary .nav-mobile .hamburger-icon, nav.primary .nav-mobile p {
display: inline-block; }
nav.primary.search {
z-index: 1006; }
nav.primary.search .nav-search .search-container input {
line-height: normal;
transform: scale(1);
opacity: 1; }
nav.primary.search .nav-mobile > p, nav.primary.open .nav-mobile > p {
display: none !important; }
@media (max-width: 767px) {
nav.primary {
padding: 4px 0; } }
.user-menu {
width: 110px;
height: 70px;
background-color: #ffe582;
border-radius: 4px;
position: absolute;
right: -3px;
top: 60px;
z-index: 1001;
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
.user-menu.scrolled {
transform: translateY(5px); }
.user-menu:before {
content: "";
position: absolute;
top: -22px;
left: 72px;
z-index: 1;
border: solid 14px transparent;
border-bottom-color: #ffe582; }
.user-menu div {
font-size: 12px;
height: 50%;
line-height: 35px;
text-align: center; }
.user-menu div:not(:last-child) {
border-bottom: 1px solid #ffcb05; }
.app-container.show-hover .user-menu div:hover, .user-menu div:active {
color: #ffffff;
cursor: pointer; }
nav.primary .nav-image {
order: 1;
flex-shrink: 0; }
nav.primary .nav-search {
order: 2;
flex-grow: 1; }
nav.primary .nav-mobile {
margin-left: 20px;
order: 4;
flex-shrink: 0;
text-align: center; }
@media (min-width: 1080px) {
nav.primary .nav-mobile {
margin-right: 5px; } }
.app-container.show-hover nav.primary .nav-mobile:hover .hamburger-icon span, nav.primary .nav-mobile:active .hamburger-icon span {
transition: 1s ease;
background-color: #ffcb05; }
nav.primary.menu {
background-color: #222632; }
@media (min-width: 1080px) {
nav.primary.menu .primary-nav-container .nav-image,
nav.primary.menu .primary-nav-container .nav-search,
nav.primary.menu .primary-nav-container .icon-search {
opacity: 0; } }
nav.primary.search .primary-nav-container .nav-image,
nav.primary.search .primary-nav-container .nav-profile {
display: none; }
nav.primary .language-selector,
nav.primary .country-selector .nav-settings,
nav.primary .nav-profile {
display: none; }
nav.primary .nav-settings {
display: none; }
nav.primary {
transition: all 350ms linear; }
nav.primary .nav-profile {
border-left: solid 1px rgba(255, 255, 255, 0.2); }
nav.primary.scrolled {
background-color: #000000;
position: fixed;
top: 0; }
nav.primary.scrolled .nav-image img {
border: solid 1px #ffffff; }
.app-container.show-hover nav.primary.scrolled .nav-image:hover img, nav.primary.scrolled .nav-image:active img {
border: solid 1px #909298; }
@media (max-width: 767px) {
nav.primary.scrolled {
padding: 0; } }
@media (min-width: 768px) {
nav.primary .nav-profile {
display: block; }
nav.primary .nav-profile .profile-pic {
float: right;
font-size: 35px; }
nav.primary .nav-profile .profile-pic i {
font-size: 35px;
color: #ffffff; }
nav.primary .nav-profile .profile-pic img {
width: 40px;
height: 40px; }
nav.primary .nav-profile .profile-pic .notification {
font-size: 10px;
font-weight: 700;
border-radius: 20px;
text-align: center;
position: absolute;
line-height: 1.5;
height: 15px;
width: 20px;
top: 0;
right: -2px; }
nav.primary .nav-mobile p {
font-size: 20px;
margin: 0 10px;
color: #ffffff; } }
@media (min-width: 768px) and (min-width: 1080px) {
nav.primary .nav-mobile p {
position: relative;
top: -3px; } }
@media (min-width: 768px) {
nav.primary .primary-nav-container i {
font-size: 20px; }
nav.primary .primary-nav-container .nav-image {
flex-basis: auto;
order: 1; }
nav.primary .primary-nav-container .nav-mobile {
order: 2;
text-align: left; }
nav.primary .primary-nav-container .nav-mobile p {
display: inline-block;
font-size: 20px;
vertical-align: baseline;
margin-left: 10px; }
nav.primary .primary-nav-container .nav-search {
order: 3; }
nav.primary .primary-nav-container .nav-settings {
order: 5; }
nav.primary .primary-nav-container .nav-profile {
order: 6; } }
@media (min-width: 768px) {
nav.primary.menu {
background: transparent;
z-index: 1001; }
nav.primary.menu .nav-image {
opacity: 0; }
nav.primary.menu .nav-mobile p {
visibility: hidden; } }
@media (min-width: 768px) {
nav.primary .nav-settings {
display: block;
text-align: center;
padding: 20px 15px 10px 0;
position: relative; }
nav.primary .nav-settings span {
color: #ffffff;
font-size: 18px;
font-weight: 300;
line-height: 3;
margin: 0 4px; }
nav.primary .nav-settings span i {
font-size: 13px;
margin: 0 4px; }
nav.primary .nav-settings .selector-country {
font-weight: 600; }
nav.primary .nav-settings.search span {
color: #222632; }
nav.primary .nav-settings.search span:not(.selector-country) {
font-weight: 300; }
nav.primary .nav-settings.search .icon-close {
display: inline; }
nav.primary .nav-settings.search .hamburger-icon {
right: 20px; }
nav.primary .nav-settings.open {
padding: 20px 20px 0 20px; } }
@media (min-width: 1080px) {
nav.primary {
padding: 8px 0; }
nav.primary .primary-nav-container {
padding-left: 50px;
padding-right: calc(140px + var(--scrollbar-width) + 100% - 100vw); } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
nav.primary .primary-nav-container {
padding-right: calc(157px + 100% - 100vw); } }
@media (min-width: 1080px) {
@supports (-ms-ime-align: auto) {
nav.primary .primary-nav-container {
padding-right: calc(157px + 100% - 100vw); } }
nav.primary .primary-nav-container.profile-open {
padding-right: calc(110px + var(--scrollbar-width) - 15px + 100% - 100vw); } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
nav.primary .primary-nav-container.profile-open {
padding-right: calc(127px - 15px + 100% - 100vw); } }
@media (min-width: 1080px) {
@supports (-ms-ime-align: auto) {
nav.primary .primary-nav-container.profile-open {
padding-right: calc(127px - 15px + 100% - 100vw); } }
nav.primary .primary-nav-container .nav-image {
flex-basis: auto;
order: 1; }
nav.primary .primary-nav-container .nav-search {
margin: 0 20px;
order: 3; }
nav.primary .primary-nav-container .nav-search .search-outer-container > .icon-search {
display: none; }
nav.primary .primary-nav-container .nav-search .search-container {
max-width: 500px; }
nav.primary .primary-nav-container .nav-search .search-container i {
position: absolute;
right: 20px;
top: 0;
transition: color 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
nav.primary .primary-nav-container .nav-search .search-container i.focus {
color: #303030; }
nav.primary .primary-nav-container .nav-search .search-container input {
transform: scale(1);
opacity: 1;
padding-left: 20px;
padding-right: 50px; }
nav.primary .primary-nav-container .nav-mobile {
order: 2;
text-align: left; }
nav.primary .primary-nav-container .nav-mobile span {
display: inline; }
nav.primary .primary-nav-container .nav-settings {
order: 5;
display: block; }
nav.primary .primary-nav-container .nav-profile {
order: 6; } }
@media (min-width: 1080px) {
nav.primary .nav-settings {
display: block;
padding: 5px 10px 5px 10px; }
nav.primary .nav-settings.open {
width: 3em;
padding: 14px 30px 0 30px;
margin-left: calc(102px - 3em); }
nav.primary .nav-settings.profile-open {
padding-right: 15px; }
nav.primary .nav-settings.search span {
color: #222632; }
nav.primary .nav-settings.search span:not(.selector-country) {
font-weight: 300; }
nav.primary .nav-settings span {
color: #ffffff;
font-size: 16px;
font-weight: 300;
line-height: 3;
margin: 0 2px; }
nav.primary .nav-settings span i {
font-size: 13px;
margin: 0 4px; }
nav.primary .nav-settings .selector-country {
font-weight: 500; } }
@media (min-width: 1080px) {
nav.primary.menu {
z-index: 100;
background-color: transparent; }
nav.primary.menu .nav-image,
nav.primary.menu .nav-search,
nav.primary.menu .nav-settings,
nav.primary.menu .nav-profile {
opacity: 0;
pointer-events: none; }
nav.primary.menu .nav-mobile {
opacity: 0;
width: 0; } }
@media (max-width: 767px) {
nav.primary .nav-mobile {
margin-left: 0; }
nav.primary .mobile-seperator {
display: block;
margin: 0 15px;
width: 1px;
order: 2;
height: 50px;
background-color: #ffffff;
opacity: 0.5; }
nav.primary .nav-mobile > p {
display: none; } }
@media (max-width: 480px) {
nav.primary .nav-mobile > p {
display: none; } }
@media (min-width: 768px) and (max-width: 1024px) {
nav.primary .nav-mobile > p {
display: none; } }
.nav-search, .mobile-only.mobile-seperator, .nav-mobile, .nav-settings, .nav-profile {
opacity: 0; }
.on-section-change-animation:not(.ssr) .nav-search, .on-section-change-animation:not(.ssr) .mobile-only.mobile-seperator, .on-section-change-animation:not(.ssr) .nav-mobile, .on-section-change-animation:not(.ssr) .nav-settings, .on-section-change-animation:not(.ssr) .nav-profile {
-webkit-animation: slide-from-top 1s;
-moz-animation: slide-from-top 1s;
-ms-animation: slide-from-top 1s;
-o-animation: slide-from-top 1s;
animation: slide-from-top 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
.hamburger-icon {
width: 28px;
height: 21px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
opacity: 1;
z-index: 1001;
margin-top: 7px; }
.hamburger-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #ffffff;
border-radius: 3px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
.hamburger-icon span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
transform-origin: left center; }
.hamburger-icon span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
transform-origin: left center; }
.hamburger-icon span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
transform-origin: left center; }
.hamburger-icon.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px; }
.hamburger-icon.open span:nth-child(2) {
width: 0%;
opacity: 0; }
.hamburger-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 20px;
left: 8px; }
app-menu-desktop, app-menu-tablet {
display: block;
z-index: 1001; }
app-menu-desktop.open, app-menu-tablet.open {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(34, 38, 50, 0.75); }
app-menu-desktop.open .overlay, app-menu-tablet.open .overlay {
z-index: 1001 -2;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh; }
nav.primary .mobile-search-container {
position: fixed;
top: 0;
left: 0;
height: 70px;
padding-bottom: 50px;
width: 100%;
opacity: 0;
transform: scale(0);
transform-origin: center;
background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
nav.primary .mobile-search-container.open {
opacity: 1;
transform: scale(1); }
nav.primary .mobile-search-container .mobile-search-icon {
flex-basis: 20%;
text-align: center; }
nav.primary .mobile-search-container .mobile-search-icon i {
font-size: 20px;
color: #ffffff; }
nav.primary .mobile-search-container .mobile-search-input {
flex-basis: 80%;
text-align: center;
position: relative; }
nav.primary .mobile-search-container .mobile-search-input i {
position: absolute;
right: 8%;
top: 0;
line-height: 40px;
color: #222632;
font-size: 20px; }
nav.primary .mobile-search-container .mobile-search-input input {
border: none;
border-radius: 15px;
margin: 0 1vh;
padding: 10px 40px 10px 20px;
color: #909298;
width: 90%; }
@media (max-width: 767px) {
nav.primary .primary-nav-container {
padding: 0 20px; }
nav.primary .nav-image {
flex-basis: 30%; }
nav.primary .nav-search {
flex-basis: 40%;
text-align: right; }
nav.primary .nav-mobile {
flex-basis: 0; } }
.menu-mobile {
z-index: 1001;
position: fixed;
top: 70px;
left: 0;
background-color: #242834;
transform: translateX(-100%);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
width: 100%; }
.menu-mobile.open {
transform: translateX(0);
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden; }
.menu-mobile.open.site-selector-opened {
overflow: hidden; }
.menu-mobile .menu-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 12px; }
.menu-mobile .menu-top .menu-search {
flex-basis: 80%;
position: relative; }
.menu-mobile .menu-top .menu-search i {
position: absolute;
right: 0;
top: 0;
color: #eeeeee;
font-size: 20px;
line-height: 1.5; }
.menu-mobile .menu-top .menu-search input {
background-color: #444751;
border: none;
border-radius: 15px;
width: 100%;
margin: 0 1vh;
padding: 10px 40px 10px 20px;
color: #909298; }
.menu-mobile .menu-top .menu-close {
flex-basis: 20%;
text-align: center; }
.menu-mobile .menu-top .menu-close i {
color: #ffffff;
font-size: 20px; }
.menu-mobile .ui-accordion .ui-accordion-header a {
padding-left: 30px; }
.menu-mobile.open.scrolled {
top: 50px; }
.menu-settings {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.menu-settings ul {
margin: 20px 0;
background-color: white;
border-radius: 5px;
padding: 0; }
.menu-settings ul li {
list-style: none;
height: 50px;
border-bottom: 1px solid #909298;
line-height: 3;
padding: 0 0 0 20px;
color: #979797;
position: relative; }
.menu-settings ul li i {
float: right;
padding-right: 20px;
color: #222632; }
.menu-settings ul li i.icon-down {
line-height: 50px; }
.menu-settings ul li .profile-pic {
border-radius: 50%;
overflow: hidden;
width: 40px;
height: 40px;
float: right;
margin: 5px 10px; }
.menu-settings ul li .profile-pic img {
width: 40px;
height: 40px; }
.menu-settings ul li:last-child {
border: none; }
.menu-settings ul li select {
background: transparent;
width: 100%;
position: absolute;
z-index: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
line-height: 50px;
height: 50px;
left: 0;
padding-left: 20px; }
.menu-settings ul li select::-ms-expand {
display: none;
/* remove default arrow in IE 10 and 11 */ }
.menu-settings ul app-site-selector.open .mobile-site-selector-menu {
height: 100vh; }
.menu-social {
height: 12vh;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: #373a45; }
.menu-social a {
height: 100%;
flex-basis: 25%;
text-align: center;
border-right: 1px solid #6b6d75; }
.menu-social a:nth-last-child {
border-right: none; }
.menu-social a i {
color: #ffffff;
font-size: 4.5vh;
line-height: 2.5; }
app-menu-mobile .menu-accordion {
background-color: #222632; }
app-menu-mobile .menu-accordion sat-panel.multiple .panels {
padding-top: 0; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item > .body {
border-color: #6b6d75 !important;
opacity: 0;
transform: translateY(-100%);
border-bottom: 0 !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item > .body > .content {
border-color: #6b6d75 !important;
padding: 0 !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item > .title {
background-color: rgba(255, 255, 255, 0.1);
padding: 18px 30px;
border-color: #6b6d75 !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item > .title .icon-arrow {
margin-top: 4px;
font-size: 10px !important;
margin-right: 3px; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-menu.open {
background-color: #575a63; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-menu.open > .title {
background-color: #656870;
color: #909298; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-menu.open > .title i {
color: #ffffff; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-menu.open > .body {
border-bottom: 1px solid #6b6d75 !important;
transform: translateY(0);
opacity: 1; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu.open > .title {
background-color: rgba(255, 255, 255, 0.2); }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu.open > .body {
transform: translateY(0);
opacity: 1; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu > .title {
background-color: rgba(255, 255, 255, 0); }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu > .title:active, .app-container.show-hover app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu > .title:hover, app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu > .title:focus {
background-color: rgba(255, 255, 255, 0.3); }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu > .title {
border: none !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub-menu > .body {
border: none !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub2-menu:active > .title, .app-container.show-hover app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub2-menu:hover > .title, app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub2-menu:focus > .title {
background-color: rgba(255, 255, 255, 0.15); }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub2-menu > .title {
background-color: #909298;
border: none !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub2-menu > .title .icon {
display: none !important; }
app-menu-mobile .menu-accordion sat-panel > div > .panel-item.panel-sub2-menu > .body {
border: none !important;
padding: 0 25px; }
app-menu-mobile .menu-accordion sat-panel app-deck .deck-container {
margin-left: 25px;
margin-top: 15px; }
app-menu-mobile .menu-accordion sat-panel app-deck .deck-container .slider-controls {
display: block;
margin: 20px 0;
text-align: center; }
app-menu-mobile .menu-accordion sat-panel.opened > div > .panel-item:not(.open) > .title i {
color: #909298; }
@media (max-width: 767px) {
app-menu-mobile {
display: block; } }
@media (min-width: 768px) {
app-menu-mobile {
display: none; } }
app-menu-mobile .profile-pic {
border-radius: 50%;
overflow: hidden;
float: right;
height: 40px !important;
width: 40px !important; }
app-menu-mobile .profile-pic i {
display: inline-block;
font-size: 35px;
color: white;
margin-top: -33px;
margin-left: -5px;
padding-right: 1px !important; }
app-menu-mobile .profile-pic i:before {
margin-right: 0; }
app-menu-mobile .profile-pic img {
width: 40px;
height: 40px; }
app-menu-mobile .profile-pic .notification {
font-size: 10px;
border-radius: 20px;
text-align: center;
position: absolute;
line-height: 1.5;
height: 15px;
width: 20px;
top: 0;
right: 5px; }
nav.primary.search .primary-nav-container .nav-image,
nav.primary.search .primary-nav-container .nav-settings {
opacity: 0;
display: none;
transform: scale(0); }
@media (min-width: 768px) {
nav.primary.search .primary-nav-container .nav-settings,
nav.primary.search .primary-nav-container .nav-profile {
opacity: 0; }
nav.primary.search .primary-nav-container .nav-mobile {
order: 4; } }
@media (min-width: 768px) {
.mobile-search-container {
height: 7.5vh;
width: 90%; }
.mobile-search-container .mobile-search-input {
text-align: center; }
.mobile-search-container .mobile-search-input .icon-search {
line-height: 2; }
.mobile-search-container i {
font-size: 25px; }
.mobile-search-container.search {
height: 7vh; }
.mobile-search-container.menu {
visibility: hidden; } }
@media (min-width: 768px) {
.mobile-search-container {
height: 7.5vh;
width: 90%; }
.mobile-search-container .mobile-search-input {
text-align: center; }
.mobile-search-container .mobile-search-input .icon-search {
line-height: 2; }
.mobile-search-container i {
font-size: 25px; }
.mobile-search-container.search {
height: 7vh; }
.mobile-search-container.menu {
visibility: hidden; } }
@media (min-width: 1080px) {
.mobile-search-container {
height: 7.5vh;
width: 90%; }
.mobile-search-container .mobile-search-input {
text-align: center; }
.mobile-search-container .mobile-search-input .icon-search {
line-height: 2; }
.mobile-search-container i {
font-size: 25px; }
.mobile-search-container.search {
height: 7vh; }
.mobile-search-container.menu {
visibility: hidden; } }
.tablet-menu-container {
position: fixed;
top: 0px;
left: 0px;
width: 400px;
height: 100%;
background-color: #222632;
background: linear-gradient(to bottom, #222632 65%, #181b25 90%);
transform: translateX(-400px);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
z-index: 1000; }
.tablet-menu-container .scrollable-items {
overflow-y: scroll;
overflow-x: hidden;
height: calc(100vh - 140px - 105px - 62px); }
.tablet-menu-container.open {
transform: translateX(0px); }
.tablet-menu-container .menu-top {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 30px 55px; }
.tablet-menu-container .menu-top .menu-top-logo {
flex-basis: 50%;
width: 129px;
height: 65px;
margin-top: 15px; }
.tablet-menu-container .menu-top .menu-top-close {
flex-basis: 50%;
margin-right: 10px; }
.tablet-menu-container .menu-top .menu-top-close i {
font-size: 24px;
float: right;
color: #ffffff; }
.tablet-menu-container .menu-items {
margin-top: 4vh;
position: relative;
width: 800px;
padding-top: 4vh;
font-size: 16px;
font-weight: 400; }
.tablet-menu-container .menu-items .back {
position: absolute;
top: -3vh;
left: 20px;
line-height: 60px;
color: #909298; }
.tablet-menu-container .menu-items .back .icon-down {
display: inline-block;
transform: rotate(90deg); }
.tablet-menu-container .menu-items:after {
display: block;
clear: both;
content: "\A0"; }
.tablet-menu-container .menu-items .main-menu li, .tablet-menu-container .menu-items .sub-menu li {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 400px;
line-height: 60px;
border-bottom: 1px solid #6b6d75; }
.tablet-menu-container .menu-items .main-menu li.selected, .tablet-menu-container .menu-items .sub-menu li.selected {
background-color: #565962; }
.tablet-menu-container .menu-items .main-menu li:first-child, .tablet-menu-container .menu-items .sub-menu li:first-child {
border-top: 1px solid #6b6d75; }
.tablet-menu-container .menu-items .main-menu li a, .tablet-menu-container .menu-items .sub-menu li a {
padding-left: 30px;
color: #ffffff;
display: block; }
.tablet-menu-container .menu-items .main-menu li sup, .tablet-menu-container .menu-items .sub-menu li sup {
color: #909298; }
.tablet-menu-container .menu-items .main-menu {
float: left;
width: 400px;
transition: transform 250ms ease-in; }
.tablet-menu-container .menu-items .main-menu li {
position: relative; }
.tablet-menu-container .menu-items .main-menu li i {
font-size: 12px;
color: #909298;
display: block;
position: absolute;
right: 50px;
top: 0;
line-height: 60px; }
.tablet-menu-container .menu-items .main-menu li i.icon-down {
transform: rotate(-90deg); }
.tablet-menu-container .menu-items .main-menu li i.icon-arrow {
font-size: 8px;
right: 53px;
line-height: 55px; }
.tablet-menu-container .menu-items .main-menu.selected {
transform: translateX(-400px);
position: absolute; }
.tablet-menu-container .menu-items .main-menu.selected .sub-menu {
display: block; }
.tablet-menu-container .menu-items .sub-menu-container {
float: right;
width: 400px;
transition: transform 250ms ease-in; }
.tablet-menu-container .menu-items .sub-menu-container.selected {
transform: translateX(-400px); }
.tablet-menu-container .menu-items .sub-menu-container .sub-menu li {
border: none;
position: relative; }
.tablet-menu-container .menu-items .sub-menu-container .sub-menu li:first-child {
background-color: #1b1e28;
opacity: 0.5;
border-top: 1px solid #6b6d75;
border-bottom: 1px solid #6b6d75; }
.tablet-menu-container .menu-items .sub-menu-container .sub-menu li i {
font-size: 12px;
color: #909298;
display: block;
position: absolute;
right: 50px;
top: 0;
line-height: 60px;
transform: rotate(-90deg); }
.tablet-menu-container .tablet-menu-content {
padding: 20px; }
.desktop-menu-container {
position: fixed;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 0vw;
height: 100%;
background-color: #222632;
z-index: 1000;
transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1); }
.desktop-menu-container ::-webkit-scrollbar {
display: none; }
.desktop-menu-container .menu-left-container,
.desktop-menu-container .menu-right-container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 0px;
overflow: hidden; }
.desktop-menu-container.open {
width: 90vw; }
.desktop-menu-container.open .menu-left-container {
position: relative;
flex-basis: 36%;
overflow: hidden; }
.desktop-menu-container.open .menu-right-container {
position: relative;
flex-basis: 64%;
overflow: hidden; }
.desktop-menu-container .menu-left-container {
background-color: #222632;
height: 100%;
position: absolute;
display: flex;
flex-direction: column; }
.desktop-menu-container .menu-left-container .menu-top {
padding: 0px 30px 55px;
flex-shrink: 0;
position: relative; }
.desktop-menu-container .menu-left-container .menu-top .menu-fade {
background: linear-gradient(180deg, #222632, rgba(34, 38, 50, 0));
bottom: -18px; }
.desktop-menu-container .menu-left-container .menu-top .menu-top-logo {
cursor: pointer;
display: inline-block;
margin-right: 20px;
margin-top: 20px;
width: 129px;
height: 65px; }
.desktop-menu-container .menu-left-container .menu-top .site-selector {
margin: 20px 0px 15px 0px;
display: inline-block;
z-index: 2;
width: 300px; }
@media (max-width: 1079px) {
.desktop-menu-container .menu-left-container .menu-top .site-selector {
width: 200px; } }
.desktop-menu-container .menu-left-container .menu-items {
overflow-y: auto;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-top: 25px;
margin-left: 30px;
-ms-overflow-style: none; }
@media (min-width: 1680px) {
.desktop-menu-container .menu-left-container .menu-items {
margin-left: 210px; } }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu {
width: 100%;
margin: auto; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li {
overflow: hidden;
position: relative;
font-weight: 500;
font-size: 25px;
margin: auto;
list-style: none;
padding: 12px 0;
width: auto;
position: relative;
transition: max-height, font-size 250ms ease-in; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li sup {
min-width: 15px;
text-align: center;
color: #909298;
border: 1px solid #909298;
border-radius: 15px;
font-size: 12px;
font-weight: 300;
display: inline-block;
padding: 0 5px;
top: -20px;
right: 10px;
opacity: 0.8;
margin-left: 10px; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:before {
position: absolute;
right: 0;
top: 15px;
height: 30px;
width: 15px;
background-color: transparent;
transition: background-color 100ms ease-in;
content: "\A0"; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li a {
display: block;
width: 100%;
color: #ffffff;
box-sizing: border-box;
padding-right: 30px; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li ul.sub-menu.sub-menu-hidden {
max-height: 0;
opacity: 0; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li ul.sub-menu {
opacity: 1;
transition: max-height 250ms ease-in;
max-height: 2000px; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li {
position: relative;
transition: padding-left 250ms;
transition-delay: 150ms; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li a {
font-size: 18px;
display: inline-block;
width: 100%;
transition-delay: 0ms; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li i {
display: inline-block;
position: absolute;
left: 0px;
font-size: 12px;
padding: 10px 0;
color: #ffcb05;
transform: scale(0);
transition: transform 250ms; }
@media (min-width: 1680px) {
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li i {
padding: 18px 0; } }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li:hover, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li:active, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li.selected {
padding-left: 25px;
transition-delay: 0ms; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li:hover a, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li:active a, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li.selected a {
color: #ffcb05; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li:hover i, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li:active i, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li li.selected i {
transform: scale(1);
transition-delay: 150ms; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li > app-menu-link > a {
transition: color 100ms ease-in; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li > app-menu-link > a:before, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li > app-menu-link > a:after {
width: 30px;
position: absolute;
right: 0;
border-radius: 50%;
background-color: #222632;
height: 30px;
content: "\A0"; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li > app-menu-link > a:before {
top: 0; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li > app-menu-link > a:after {
top: 30px; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:hover, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:active {
cursor: pointer; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:hover > a, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:active > a {
color: #ffcb05; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:hover:before, .desktop-menu-container .menu-left-container .menu-items ul.main-menu > li:active:before {
background-color: #909298; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li.selected {
height: auto;
max-height: 100vh; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li.selected > a {
color: #ffcb05; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu > li.selected:before {
background-color: #909298; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected {
height: 100%; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected) {
font-size: 20px;
font-weight: 200; }
.desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected) > app-menu-link > a span, .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected) sup {
opacity: 0.4; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected):hover a, .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected):active a {
color: #ffffff; }
.app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected):hover a span, .app-container.show-hover .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected):hover a sup, .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected):active a span, .desktop-menu-container .menu-left-container .menu-items ul.main-menu.selected > li:not(.selected):active a sup {
opacity: 1; }
.desktop-menu-container .menu-left-container .menu-bottom {
height: 50px;
flex-shrink: 0;
position: relative; }
.desktop-menu-container .menu-left-container .menu-bottom .menu-fade {
background: linear-gradient(0deg, #222632, rgba(34, 38, 50, 0));
top: -18px; }
.desktop-menu-container .menu-left-container .menu-fade {
position: absolute;
z-index: 1;
height: 20px;
width: 100%;
pointer-events: none;
left: 0px; }
.desktop-menu-container .menu-right-container {
display: flex;
background-color: #909298;
height: 100%;
position: relative; }
.desktop-menu-container .menu-right-container .menu-close {
position: absolute;
right: 30px;
top: 30px;
font-size: 36px;
color: #ffffff; }
.desktop-menu-container .menu-right-container .menu-close .close-circle {
border: 3px solid transparent;
border-radius: 50%;
width: 42px;
height: 42px; }
.desktop-menu-container .menu-right-container .menu-close .close-circle .icon-close {
display: block;
font-size: 30px; }
.app-container.show-hover .desktop-menu-container .menu-right-container .menu-close:hover, .desktop-menu-container .menu-right-container .menu-close:active {
cursor: pointer;
color: #ffcb05; }
.app-container.show-hover .desktop-menu-container .menu-right-container .menu-close:hover .close-circle, .desktop-menu-container .menu-right-container .menu-close:active .close-circle {
border-color: #ffcb05; }
.desktop-menu-container .menu-right-container .menu-deck-title {
margin-top: 0px;
font-size: 16px;
font-weight: 300;
color: #ffffff;
position: relative;
min-width: 100px;
max-width: 300px;
padding: 10px 0; }
@media (min-width: 1080px) {
.desktop-menu-container .menu-right-container .menu-deck-title {
top: -50px; } }
.desktop-menu-container .menu-right-container .menu-deck-title:after {
content: "\A0";
display: block;
height: 2px;
width: 30px;
background-color: #ffffff;
position: absolute;
bottom: 0; }
.desktop-menu-container .menu-right-container app-deck .deck-container.slider-deck .slider-controls .controls-inner {
margin-right: 0; }
.desktop-menu-container .menu-right-container .deck-count {
position: absolute;
font-weight: 800;
letter-spacing: -5px;
font-size: 397px;
margin-top: -270px;
margin-left: -14px;
background-image: url(aa3b4576.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #eeeeee;
opacity: 0.25; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.desktop-menu-container .menu-right-container .deck-count {
background: none !important; } }
@media (min-width: 1680px) {
.desktop-menu-container .menu-right-container .deck-count {
font-size: 604px;
margin-top: -472px;
margin-left: -21px;
letter-spacing: -30px; } }
.desktop-menu-container .menu-right-container .deck-count.provinces {
margin: 0;
top: -10px;
font-size: 270px;
letter-spacing: -25px;
line-height: 220px;
position: absolute;
left: 160px; }
.desktop-menu-container .menu-right-container app-menu-map .map {
width: 100%;
height: 400px; }
.desktop-menu-container .menu-right-container app-menu-map svg {
width: 100%;
height: 100%; }
.desktop-menu-container .menu-right-container app-menu-map ul {
float: left;
width: 80%; }
@media (min-width: 1080px) {
.desktop-menu-container .menu-right-container app-menu-map ul {
width: 25%; } }
.desktop-menu-container .menu-right-cities .map {
filter: drop-shadow(-3px -3px 20px #64676f); }
.desktop-menu-container .menu-right-inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 35px;
width: 100%;
align-self: center;
align-items: center; }
@media (min-width: 1680px) {
.desktop-menu-container .menu-right-inner {
padding-left: 70px; } }
.desktop-menu-container .menu-right-inner .menu-right-deck {
padding-top: 135px; }
.desktop-menu-container .menu-right-inner .menu-right-deck .deck-slides {
margin-bottom: 65px; }
.desktop-menu-container .menu-right-inner .menu-right-deck .deck-slides .slider-controls {
margin-top: 0; }
.desktop-menu-container .menu-right-inner .menu-map-container {
position: relative;
width: 100%;
min-height: 500px; }
.desktop-menu-container .menu-right-inner .menu-right-cities {
min-height: 500px; }
.desktop-menu-container .menu-right-inner .menu-right-cities ul {
position: absolute;
bottom: 25px; }
.desktop-menu-container .menu-right-inner .menu-right-cities sat-map {
display: none;
width: 50%;
position: absolute;
right: 50px;
bottom: 0px; }
@media (min-width: 1080px) {
.desktop-menu-container .menu-right-inner .menu-right-cities sat-map {
display: block; } }
@media (min-width: 1680px) {
.desktop-menu-container .menu-right-inner .menu-right-cities sat-map {
bottom: 25px; } }
.desktop-menu-container .menu-right-container .menu-top-close {
width: 100%;
height: 70px; }
.desktop-menu-container .menu-right-container .menu-top-close i {
padding: 20px;
margin: 10px;
float: right;
color: #ffffff; }
@media (max-width: 1079px) {
app-menu-desktop {
display: none; } }
@media (min-width: 768px) {
app-menu-desktop {
display: block; } }
app-country-selector {
display: none;
/*_____ _ _ _
|_ _|_ _| |__| |___| |_
| |/ _` | '_ \ / -_) _|
|_|\__,_|_.__/_\___|\__|
*/
/*___ _ _
| \ ___ __| |_| |_ ___ _ __
| |) / -_|_-< / / _/ _ \ '_ \
|___/\___/__/_\_\\__\___/ .__/
|_| */ }
@media (min-width: 768px) {
app-country-selector {
display: flex;
flex-direction: column;
flex: 1;
z-index: 1001;
position: fixed;
transform: translateY(-500vh);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
left: 0;
right: 0;
bottom: 0;
margin-top: 8px; }
app-country-selector.open {
transform: translateY(0);
top: 70px; }
app-country-selector .head-board {
width: 20px;
height: 2px;
background-color: #cbcbcb; }
app-country-selector h3 {
font-size: 20px;
font-weight: 600;
margin-top: 70px;
margin-bottom: 30px; }
app-country-selector h4 {
margin: 0 0 15px 0;
color: #cbcbcb;
font-size: 22px;
font-weight: 600; }
app-country-selector .country-selector {
background-color: #ffffff;
height: 100vh;
overflow: auto; }
app-country-selector .country-selector .areas-container {
margin-top: 60px; }
app-country-selector .country-selector .areas-container .country-area ul {
padding: 0;
margin: 0; }
app-country-selector .country-selector .areas-container .country-area ul li {
list-style: none;
cursor: pointer;
font-size: 18px;
font-weight: 600;
padding: 3px 25px 3px 0;
line-height: 20px;
margin-bottom: 12px; }
app-country-selector .country-selector .areas-container .country-area ul li:hover, app-country-selector .country-selector .areas-container .country-area ul li.selected {
padding-right: 0; }
app-country-selector .country-selector .areas-container .country-area ul li:hover:before, app-country-selector .country-selector .areas-container .country-area ul li.selected:before {
font-size: 15px;
line-height: 15px;
vertical-align: middle; }
app-country-selector .country-selector .areas-container .country-area ul li.global {
position: absolute;
top: -65px; }
app-country-selector .country-selector .areas-container .country-area ul li:last-child {
margin-bottom: 20px; } }
@media (min-width: 1080px) {
app-country-selector {
top: 70px; }
app-country-selector h4 {
font-size: 30px; } }
@media (min-width: 768px) {
app-site-selector .mobile-site-selector, app-site-selector .mobile-site-selector-menu {
display: none; }
app-site-selector .site-selector {
margin: 0px 30px 55px;
border-radius: 4px;
height: 50px;
overflow: visible;
position: relative;
transition: overflow 250ms ease-in; }
app-site-selector .site-selector ul {
position: absolute;
width: 100%;
left: 0;
top: 0;
padding: 0px;
margin: 0px;
z-index: 1;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 4px;
max-height: 50px;
overflow: hidden;
transition: max-height 250ms ease-in, background-color 250ms ease-in; }
app-site-selector .site-selector ul li {
cursor: pointer;
list-style: none;
height: 50px;
padding: 0px 20px;
line-height: 50px;
position: relative;
transition: padding-left 250ms ease-in;
transition-delay: 150ms;
color: #909298;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
app-site-selector .site-selector ul li a {
display: inline-block;
width: 100%;
color: #909298; }
app-site-selector .site-selector ul li i {
display: inline-block;
position: absolute;
left: 20px;
font-size: 12px;
line-height: 50px;
transform: scale(0);
transition: transform 250ms ease-in;
transition-delay: 0ms; } }
@media (min-width: 768px) and (max-width: 1079px) {
app-site-selector .site-selector ul li i {
left: 10px; } }
@media (min-width: 768px) {
.app-container.show-hover app-site-selector .site-selector ul li:hover, app-site-selector .site-selector ul li:active {
padding-left: 45px;
transition-delay: 0ms; }
.app-container.show-hover app-site-selector .site-selector ul li:hover a, app-site-selector .site-selector ul li:active a {
color: #303030; }
.app-container.show-hover app-site-selector .site-selector ul li:hover i, app-site-selector .site-selector ul li:active i {
transform: scale(1);
transition-delay: 150ms; } }
@media (min-width: 768px) and (max-width: 1079px) {
.app-container.show-hover app-site-selector .site-selector ul li:hover, app-site-selector .site-selector ul li:active {
padding-left: 30px; } }
@media (min-width: 768px) {
app-site-selector .site-selector ul li:first-child {
padding-left: 20px !important; }
app-site-selector .site-selector ul li:first-child i {
display: none !important; }
app-site-selector .site-selector ul li:first-child:before {
font-family: 'fontello';
content: '\E80D';
float: right; }
app-site-selector.open .site-selector ul {
max-height: 500px;
background-color: #ffffff;
overflow: visible; }
app-site-selector.open .site-selector ul li {
border-top: 1px solid #e5e5e5; }
app-site-selector.open .site-selector ul li:first-child {
border-top: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #eeeeee; }
app-site-selector.open .site-selector ul li:first-child:before {
transform: rotate(180deg); } }
@media (max-width: 767px) {
app-site-selector .site-selector {
display: none; }
app-site-selector .mobile-site-selector a {
display: inline-block;
height: 50px;
width: 100%;
line-height: 50px;
padding-left: 20px;
color: #979797; }
app-site-selector .mobile-site-selector a i {
float: right;
margin-right: 40px;
color: #222632; }
app-site-selector .mobile-site-selector-menu {
bottom: 0;
top: 0;
left: 0;
padding-top: 60px;
width: 100vw;
position: fixed;
background-color: #242834;
color: #ffffff;
transform: translateY(-300vh);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
app-site-selector .mobile-site-selector-menu .back-button {
position: absolute;
top: 20px;
left: 20px;
color: #eeeeee; }
app-site-selector .mobile-site-selector-menu .back-button i {
display: inline-block;
transform: rotate(90deg); }
app-site-selector .mobile-site-selector-menu ul li a {
color: #222632; }
app-site-selector .mobile-site-selector-menu ul li.selected:before {
font-family: 'fontello';
font-size: 15px;
content: '\E805';
background-color: #ffcb05;
border-radius: 50%;
color: #f0f0f0;
padding: 4px;
margin-right: 5px; }
app-site-selector.open .mobile-site-selector-menu {
transform: translateY(0); } }
nav.secondary {
z-index: 1000;
height: 60px;
width: 100%;
position: fixed;
bottom: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center; }
nav.secondary.expanded-panel {
z-index: 1003; }
nav.secondary.expanded-panel .top-button {
display: none; }
nav.secondary .top-button {
-o-transition: 300ms;
-ms-transition: 300ms;
-moz-transition: 300ms;
-webkit-transition: 300ms;
transition: 300ms;
position: absolute;
left: 0;
bottom: 45px;
width: 100%;
text-align: center;
color: #909298;
cursor: pointer;
opacity: 0.55; }
@media (max-width: 1079px) {
nav.secondary .top-button {
display: none; } }
@media (min-width: 1080px) {
nav.secondary .top-button {
left: 25px;
width: 40px; } }
.app-container.show-hover nav.secondary .top-button:hover, nav.secondary .top-button:active {
opacity: 1; }
nav.secondary .top-button i {
font-size: 18px; }
nav.secondary .top-button p {
font-size: 13px;
font-weight: 600;
line-height: 1.0; }
.nb-content-container {
position: fixed;
-webkit-overflow-scrolling: touch;
top: 0;
margin-right: 1px;
height: 100%;
z-index: 1000;
overflow: hidden;
transition: all 300ms ease-out;
right: 100px;
width: calc(100% - 234px - 76px);
transform: translateY(100%); }
@media (min-width: 1080px) {
.nb-content-container {
transform: translateX(100%); } }
.nb-content-container .close-arrow {
opacity: 0;
position: absolute;
top: 75px;
left: -21px;
background-color: #ffffff;
border: none; }
.nb-content-container .close-arrow i {
color: #303030;
font-size: 20px; }
@media (max-width: 480px) {
.nb-content-container .close-arrow i {
font-size: 19px; } }
.nb-content-container .close-arrow i:before {
font-weight: bolder; }
.nb-content-container.open {
right: 234px;
z-index: 1002;
padding-top: 0;
overflow: visible;
transform: translateY(0); }
@media (min-width: 1080px) {
.nb-content-container.open {
transform: translateX(0); } }
.nb-content-container.open .nb-content-wrap {
overflow: hidden;
overflow-y: scroll;
-ms-overflow-style: none;
box-sizing: border-box;
border-left: 1px solid #121315;
height: 100%;
width: 100%;
position: static;
padding-bottom: 30px; }
@media (min-width: 1080px) {
.nb-content-container.open .nb-content-wrap {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start; } }
.nb-content-container.open .nb-content-wrap > * {
overflow: hidden; }
.nb-content-container.open .nb-content-wrap .tabbed-content {
position: relative;
margin: 0 auto;
padding-left: 2%;
padding-right: 2%; }
.nb-content-container.open .nb-content-wrap .tabbed-content sat-panel {
margin-bottom: 0; }
.nb-content-container.open .nb-content-wrap .tabbed-content sat-panel sat-panel-item body {
overflow: hidden; }
@media (max-width: 480px) {
.nb-content-container.open .nb-content-wrap .tabbed-content .panels {
background-color: transparent; }
.nb-content-container.open .nb-content-wrap .tabbed-content .panels .title {
color: #eeeeee; } }
.nb-content-container.open .nb-content-wrap .tabbed-content .panels .body {
overflow: visible; }
.nb-content-container.open ::-webkit-scrollbar {
width: 0;
background: transparent; }
.nb-content-container.open app-active-filters .cf-active-filters {
margin: 0 2%; }
.nb-content-container.open app-active-filters .cf-active-filters .clear-filters {
color: #ffffff; }
.nb-content-container.open .close-arrow {
opacity: 1; }
.nb-content-container.open app-loader-circle .load-container-circle .loader-circle {
margin: 17.5vh auto; }
@media (max-width: 1079px) {
nav.secondary {
height: 60px;
background-color: #222632;
right: 0;
bottom: 0;
width: 100%;
transition: 300ms all ease-in; } }
@media (max-width: 1079px) and (min-width: 768px) {
nav.secondary {
z-index: 1002; } }
@media (max-width: 1079px) {
nav.secondary.expanded-panel {
z-index: 1003; } }
@media (max-width: 1079px) {
.nb-content-container {
position: fixed;
bottom: 60px;
top: initial;
right: initial;
left: 0;
width: 100%;
height: 0;
transition-duration: 300ms; }
.nb-content-container.open {
height: calc(70%);
width: 100%;
border-left: 0;
padding-top: 25px;
padding-left: 0; }
.nb-content-container.open .nb-content-wrap {
padding-top: 50px;
border-left: 0;
overflow-y: scroll;
border-top: 1px solid #121315; }
.nb-content-container.open .close-arrow {
top: 6px;
left: 20px;
transform: rotate(90deg);
z-index: 1003; } }
@media (max-width: 767px) {
.nb-content-container.open .nb-content-wrap {
padding-bottom: 6%; } }
@-webkit-keyframes AnimateNavText {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes AnimateNavText {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes AnimateNavText {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes AnimateNavText {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@media (min-width: 1080px) {
nav.secondary {
width: calc(90px + var(--scrollbar-width) + 100% - 100vw);
background-color: #222632;
flex-direction: column;
right: 0;
bottom: 0;
height: 100vh;
max-height: none;
border-top: 1px solid #121315;
border-left: 1px solid #121315;
border-bottom: 1px solid #121315;
transition: 300ms all ease-in;
z-index: 1001; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
nav.secondary {
width: calc(107px + 100% - 100vw); } }
@media (min-width: 1080px) {
@supports (-ms-ime-align: auto) {
nav.secondary {
width: calc(107px + 100% - 100vw); } }
nav.secondary.expanded-panel {
width: 234px;
z-index: 1003; }
app-location-filter .location-filter .sat-map-container {
width: 186px; }
app-location-filter .location-filter .dropdown-controls {
margin-left: 95px; }
app-nav-bottom .nb-content-container.open .nb-content-wrap {
overflow: auto; }
app-nav-bottom .nb-content-container.open .nb-content-wrap .tabbed-content .content {
padding-top: 25px;
padding-bottom: 25px; }
app-nav-bottom .nb-content-container.open .nb-content-wrap .tabbed-content .content .location-filter {
margin-right: 0;
margin-left: 150px;
max-width: 100%; }
app-nav-bottom .nb-content-container.open .nb-content-wrap .tabbed-content .content .location-filter .dropdown-controls {
width: calc(100% - 281px - 50px); }
app-nav-bottom .nb-content-container.open .nb-content-wrap .tabbed-content .content .location-filter .dropdown-controls .controls {
display: inline-block; }
app-nav-bottom .nb-content-container.open .nb-content-wrap .tabbed-content .content .location-filter .dropdown-controls .controls .control, app-nav-bottom .nb-content-container.open .nb-content-wrap .tabbed-content .content .location-filter .dropdown-controls .controls .control-buttons {
display: inline-block; } }
.nav-dim {
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 1001; }
@keyframes heart-beat {
75% {
transform: scale(1.2);
color: #ffcb05; } }
@keyframes heart-jump {
75% {
transform: translateY(-50px);
color: #ffcb05; } }
@keyframes heart-beat-business {
75% {
transform: scale(1.2);
color: #034694; } }
@keyframes heart-jump-business {
75% {
transform: translateY(-50px);
color: #034694; } }
@media (min-width: 1080px) {
app-nav-bottom-tab:first-child > div {
border-top: 1px solid #121315; }
app-nav-bottom-tab:first-child > div.expanded:not(:hover) {
height: 98px; } }
app-nav-bottom-tab > div {
cursor: pointer;
position: relative;
height: 100%;
text-align: center;
border-left: 1px solid #121315;
border-right: 1px solid #121315;
background-color: #222632;
display: inline-block;
width: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
app-nav-bottom-tab > div i {
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #909298;
font-size: 20px; }
app-nav-bottom-tab > div i.heart-beat {
-webkit-animation: heart-beat 0.7s;
-moz-animation: heart-beat 0.7s;
-ms-animation: heart-beat 0.7s;
-o-animation: heart-beat 0.7s;
animation: heart-beat 0.7s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none; }
@media (max-width: 1079px) {
app-nav-bottom-tab > div i.heart-beat:before {
-webkit-animation: heart-jump 0.7s;
-moz-animation: heart-jump 0.7s;
-ms-animation: heart-jump 0.7s;
-o-animation: heart-jump 0.7s;
animation: heart-jump 0.7s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none; } }
app-nav-bottom-tab > div i p {
display: none; }
app-nav-bottom-tab > div p {
display: none; }
.app-container.show-hover app-nav-bottom-tab > div:hover:not(.expanded) .notification, app-nav-bottom-tab > div.active-tab .notification {
background-color: #ffffff; }
.app-container.show-hover app-nav-bottom-tab > div:hover i, app-nav-bottom-tab > div.active-tab i, app-nav-bottom-tab > div.expanded i {
padding: 10px; }
app-nav-bottom-tab .notification {
font-size: 15px;
text-align: center;
display: block;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
height: 0;
overflow: hidden;
-o-transition: all 0.15s ease-in;
-ms-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in; }
app-nav-bottom-tab .notification.visible {
height: 20px; }
@media (max-width: 1079px) {
app-nav-bottom-tab {
display: flex;
width: 100%; }
app-nav-bottom-tab > div {
width: 100%;
height: 58px;
justify-content: center;
align-items: center;
border-top: 1px solid #121315;
border-bottom: 1px solid #121315;
border-left: none; }
app-nav-bottom-tab > div i {
line-height: 2.5;
font-size: 25px; }
app-nav-bottom-tab > div .icon-accommodation:before {
font-size: 33px;
line-height: 2;
margin-top: -1px; }
app-nav-bottom-tab > div p {
text-decoration: none;
color: #909298;
font-size: 15px;
line-height: 60px; }
app-nav-bottom-tab > div .notification {
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
width: 30px; }
.app-container.show-hover app-nav-bottom-tab > div:hover:not(.expanded), app-nav-bottom-tab > div.active-tab {
border-radius: 5px 5px 0 0;
height: 77px; }
.app-container.show-hover app-nav-bottom-tab > div:hover:not(.expanded) p, app-nav-bottom-tab > div.active-tab p {
color: #303030; }
.app-container.show-hover app-nav-bottom-tab > div:hover:not(.expanded) i, app-nav-bottom-tab > div.active-tab i {
color: #222632; }
.app-container.show-hover app-nav-bottom-tab > div:hover:not(.expanded) .notification, app-nav-bottom-tab > div.active-tab .notification {
background-color: #ffffff; }
app-nav-bottom-tab > div:not(:hover):not(.expanded) .wl-container {
width: 100%;
height: 100%; }
app-nav-bottom-tab:first-child > div {
border-left: 1px solid #121315; } }
@media (min-width: 1080px) {
app-nav-bottom-tab {
height: 100px;
min-width: 100%; }
.app-container.show-hover app-nav-bottom-tab:hover, app-nav-bottom-tab:hover {
border: none; }
app-nav-bottom-tab > div {
display: flex;
align-items: center;
height: 98px;
flex-basis: 100px;
flex-direction: row-reverse;
justify-content: center;
vertical-align: middle;
text-align: right;
width: 100%;
border-right: none;
border-left: none;
border-bottom: 1px solid #121315;
transition: 250ms all ease-in; }
app-nav-bottom-tab > div .wl-container {
position: absolute;
left: 30px;
top: 0;
text-align: center; }
app-nav-bottom-tab > div .wl-container i {
display: block;
position: relative;
left: 0;
top: 23px;
line-height: 30px; }
app-nav-bottom-tab > div .wl-container.empty i {
top: 37px; }
app-nav-bottom-tab > div .wl-container div {
position: relative;
top: 26px; }
app-nav-bottom-tab > div i {
position: absolute;
left: 30px;
top: 37px;
transform: none; }
app-nav-bottom-tab > div p {
opacity: 0;
line-height: normal;
font-size: 16px;
width: 140px;
padding-left: 30px;
margin-bottom: 9px; }
app-nav-bottom-tab > div .icon-accommodation:before {
font-size: 23px; }
app-nav-bottom-tab > div .notification {
font-size: 10px;
text-align: center;
border-radius: 20px;
width: 20px;
height: 0;
line-height: 1.5; }
app-nav-bottom-tab > div .notification.visible {
height: 15px; }
app-nav-bottom-tab > div:hover:not(.expanded) {
width: 234px;
height: 99px;
border-radius: 5px 0 0 5px;
padding-right: 130px; }
app-nav-bottom-tab > div:hover:not(.expanded) .wl-container {
position: static;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: right;
top: auto; }
app-nav-bottom-tab > div:hover:not(.expanded) .wl-container p {
text-align: left; }
app-nav-bottom-tab > div:hover:not(.expanded) .wl-container i {
position: static;
left: auto;
transform: none;
top: auto;
display: table-cell;
vertical-align: middle;
word-wrap: normal; }
app-nav-bottom-tab > div:hover:not(.expanded) .wl-container .notification {
display: none; }
app-nav-bottom-tab > div:hover:not(.expanded) p {
display: block;
text-align: left;
color: #909298;
-webkit-animation-name: AnimateNavText;
-moz-animation-name: AnimateNavText;
-ms-animation-name: AnimateNavText;
-o-animation-name: AnimateNavText;
animation-name: AnimateNavText;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 250ms;
-moz-animation-duration: 250ms;
-ms-animation-duration: 250ms;
-o-animation-duration: 250ms;
animation-duration: 250ms;
-webkit-animation-delay: 350ms;
-moz-animation-delay: 350ms;
-ms-animation-delay: 350ms;
-o-animation-delay: 350ms;
animation-delay: 350ms; }
app-nav-bottom-tab > div:hover:not(.expanded) i {
position: static;
left: auto;
transform: none;
display: block;
top: auto; }
app-nav-bottom-tab > div.expanded {
width: 234px;
height: 99px;
border-radius: 5px 0 0 5px; }
app-nav-bottom-tab > div.expanded .wl-container {
position: static;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: right;
top: auto; }
app-nav-bottom-tab > div.expanded .wl-container p {
text-align: left; }
app-nav-bottom-tab > div.expanded .wl-container i {
position: static;
left: auto;
transform: none;
top: auto;
display: table-cell;
vertical-align: middle;
word-wrap: normal; }
app-nav-bottom-tab > div.expanded .wl-container .notification {
display: none; }
app-nav-bottom-tab > div.expanded p {
display: block;
text-align: left;
color: #909298;
-webkit-animation-name: AnimateNavText;
-moz-animation-name: AnimateNavText;
-ms-animation-name: AnimateNavText;
-o-animation-name: AnimateNavText;
animation-name: AnimateNavText;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 250ms;
-moz-animation-duration: 250ms;
-ms-animation-duration: 250ms;
-o-animation-duration: 250ms;
animation-duration: 250ms;
-webkit-animation-delay: 350ms;
-moz-animation-delay: 350ms;
-ms-animation-delay: 350ms;
-o-animation-delay: 350ms;
animation-delay: 350ms; }
app-nav-bottom-tab > div.expanded i {
position: static;
left: auto;
transform: none;
display: block;
top: auto; }
.app-container.show-hover app-nav-bottom-tab > div.expanded:hover, app-nav-bottom-tab > div.expanded:active, app-nav-bottom-tab > div.expanded.active-tab {
width: 254px; }
app-nav-bottom-tab .flying-heart {
position: fixed;
top: 0;
left: 0;
font-size: 12px;
color: white;
z-index: 1011; } }
app-nav-accommodation {
width: 100%;
padding-top: 105px;
padding-bottom: 25px;
padding-bottom: 0; }
@media (max-width: 1079px) {
app-nav-accommodation {
padding-top: 0; } }
@media (max-width: 767px) {
app-nav-accommodation {
padding-bottom: 0; } }
app-nav-accommodation .nav-accommodation {
width: 100%; }
app-nav-accommodation .find-buttons-container {
text-align: center; }
@media (max-width: 768px) {
app-nav-accommodation .find-buttons-container {
margin-top: 20px; } }
app-nav-accommodation .deck-container.slider-deck .slider-controls {
display: block; }
@media (max-width: 767px) {
app-nav-accommodation .deck-container.slider-deck .slider-controls {
display: none; } }
app-nav-travel-partners {
width: 100%;
padding-top: 105px;
padding-bottom: 25px; }
@media (max-width: 1079px) {
app-nav-travel-partners {
padding-top: 0; } }
@media (max-width: 767px) {
app-nav-travel-partners {
padding-bottom: 0; } }
app-nav-travel-partners .nav-travel-partners {
width: 100%; }
app-nav-travel-partners .deck-container.slider-deck .slider-controls {
display: block; }
@media (max-width: 767px) {
app-nav-travel-partners .deck-container.slider-deck .slider-controls {
display: none; } }
app-nav-travel-partners-contact-form-modal {
z-index: 1004;
user-select: none;
/*Form styles*/
/* Thank you styles */ }
app-nav-travel-partners-contact-form-modal .modal-container.sent {
height: 80%;
display: flex;
align-items: center; }
app-nav-travel-partners-contact-form-modal ::-webkit-input-placeholder {
color: #ffffff; }
app-nav-travel-partners-contact-form-modal .contacts-modal-form {
max-width: 600px;
margin: auto;
padding: 0px 10px 150px 10px; }
app-nav-travel-partners-contact-form-modal .contacts-modal-form .button-container .btn {
max-width: 100%;
width: 100%;
margin-bottom: 15px; }
app-nav-travel-partners-contact-form-modal .contacts-modal-form .terms {
margin-bottom: 30px; }
app-nav-travel-partners-contact-form-modal .contacts-modal-form .terms p-checkbox {
display: inline-block; }
app-nav-travel-partners-contact-form-modal .contact-form-title {
text-align: center;
font-size: 35px;
font-weight: 400; }
app-nav-travel-partners-contact-form-modal .contact-form-subtitle {
text-align: center;
font-size: 26px;
font-weight: 100;
margin-bottom: 50px; }
@media (max-width: 480px) {
app-nav-travel-partners-contact-form-modal .contact-form-subtitle {
margin-bottom: 30px; } }
app-nav-travel-partners-contact-form-modal .submit-button {
width: 100%;
margin-bottom: 18px; }
@media (max-width: 480px) {
app-nav-travel-partners-contact-form-modal .submit-button {
margin-top: 30px; } }
app-nav-travel-partners-contact-form-modal .cancel-button {
width: 100%; }
app-nav-travel-partners-contact-form-modal .date-control {
color: #ffffff;
text-align: center; }
app-nav-travel-partners-contact-form-modal .date-control label {
text-align: center;
font-size: 16px;
font-weight: 100; }
@media (min-width: 768px) {
app-nav-travel-partners-contact-form-modal .date-control .bar {
margin-top: 10px;
border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1; } }
app-nav-travel-partners-contact-form-modal .thank-you {
text-align: center;
margin: auto; }
app-nav-travel-partners-contact-form-modal .thank-you .title {
font-size: 32px;
font-weight: 600; }
@media (min-width: 768px) {
app-nav-travel-partners-contact-form-modal .thank-you .title {
font-size: 36px; } }
app-nav-travel-partners-contact-form-modal .thank-you .subtitle {
font-size: 16px; }
@media (min-width: 768px) {
app-nav-travel-partners-contact-form-modal .thank-you .subtitle {
font-size: 18px; } }
@media (min-width: 768px) {
app-nav-travel-partners-contact-form-modal .thank-you .check-email {
font-size: 16px; } }
app-nav-travel-partners-contact-form-modal .thank-you .btn {
margin-top: 30px; }
app-nb-partner-type .nb-partner-type {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center; }
app-nb-partner-type .nb-partner-type p-checkbox {
white-space: nowrap;
line-height: 40px;
margin-left: 2%;
margin-right: 2%; }
app-nav-useful-contacts {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 1079px) {
app-nav-useful-contacts {
position: relative;
transform: initial;
top: 0;
left: 0; } }
app-nav-useful-contacts p.txt-lrg {
margin: 0;
font-weight: 300; }
@media (min-width: 768px) {
app-nav-useful-contacts p.txt-lrg {
font-size: 16px; } }
@media (min-width: 1080px) {
app-nav-useful-contacts p.txt-lrg {
font-size: 18px; } }
@media (min-width: 1680px) {
app-nav-useful-contacts p.txt-lrg {
font-size: 20px; } }
app-nav-useful-contacts .contact-view-map {
margin-top: 25px; }
app-nav-useful-contacts .contact-view-map a {
margin-left: 4px;
border-bottom: 0; }
app-nav-useful-contacts .nav-useful-contacts-mobile {
display: none; }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts-mobile {
display: block;
margin: 24px 2%; } }
app-nav-useful-contacts .nav-useful-contacts-mobile .mobile-paragraph {
margin-top: 25px; }
app-nav-useful-contacts .nav-useful-contacts-mobile .emergency-contacts:first-child p span {
color: #ffcb05; }
app-nav-useful-contacts .nav-useful-contacts-mobile .emergency-contacts:first-child .mobile-paragraph:nth-of-type(1) {
margin-top: 0; }
app-nav-useful-contacts .nav-useful-contacts-mobile .links:first-child .mobile-paragraph:nth-of-type(1) {
margin-top: 0; }
app-nav-useful-contacts .nav-useful-contacts {
display: block;
color: #eeeeee;
padding-left: 5%;
font-size: 20px;
line-height: 31px; }
@media (max-width: 1079px) {
app-nav-useful-contacts .nav-useful-contacts {
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
width: 75%; } }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts {
display: none; } }
app-nav-useful-contacts .nav-useful-contacts h5 {
font-weight: 300; }
@media (max-width: 1079px) {
app-nav-useful-contacts .nav-useful-contacts .desktop-columns-only {
width: 100%;
margin-left: 0;
margin-bottom: 20px; } }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts .desktop-columns-only {
margin-bottom: 50px;
position: relative; } }
@media (max-width: 1079px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section {
margin-top: 20px;
margin-bottom: 20px; } }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section {
margin-top: 0;
margin-bottom: 0; } }
app-nav-useful-contacts .nav-useful-contacts .contact-section .column-title, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map {
max-width: 175px; }
app-nav-useful-contacts .nav-useful-contacts .contact-section .address, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .links, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts {
margin-top: 25px;
margin-left: 2px; }
@media (max-width: 1079px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section .address, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .links, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts {
margin-top: 15px; } }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section .address, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .links, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts {
margin-top: 20px;
margin-bottom: 20px; } }
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.links p {
margin-bottom: 16px; }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.links p, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.links p {
margin-bottom: 10px; } }
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.emergency-contacts, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.emergency-contacts, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.emergency-contacts, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.emergency-contacts, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.emergency-contacts {
padding-right: 60px; }
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.emergency-contacts p {
margin-bottom: 15px; }
@media (max-width: 1079px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.emergency-contacts p {
margin-bottom: 15px; } }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.emergency-contacts p, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.emergency-contacts p {
max-width: 200px; } }
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.emergency-contacts p span, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.emergency-contacts p span, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.emergency-contacts p span, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.emergency-contacts p span, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.emergency-contacts p span {
color: #ffcb05; }
@media (max-width: 767px) {
app-nav-useful-contacts .nav-useful-contacts .contact-section .address.contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-info.contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .contact-view-map.contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .links.contact-view-map, app-nav-useful-contacts .nav-useful-contacts .contact-section .emergency-contacts.contact-view-map {
position: absolute;
bottom: -50px; } }
app-nav-wishlist {
width: 100%;
padding-top: 105px;
padding-bottom: 25px;
overflow: visible; }
@media (max-width: 1079px) {
app-nav-wishlist {
padding-top: 0; } }
@media (max-width: 767px) {
app-nav-wishlist {
padding-bottom: 0; } }
app-nav-wishlist .nav-wishlist {
min-height: 600px;
width: 100%; }
app-nav-wishlist .nav-wishlist .wishlist-mobile-header {
font-size: 20px;
margin-top: 20px;
text-align: center; }
@media (min-width: 481px) {
app-nav-wishlist .nav-wishlist .wishlist-mobile-header {
display: none; } }
@media (min-width: 1080px) {
app-nav-wishlist .nav-wishlist .start-now-container {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%); } }
app-nav-wishlist .nav-wishlist .start-now-container .start-header {
text-align: center;
color: #eeeeee;
font-size: 16px;
max-width: 66%;
margin: 0 auto; }
app-nav-wishlist .nav-wishlist .start-now-container .start-main-text {
color: #eeeeee;
font-size: 27px;
text-align: center;
margin-top: 78px;
letter-spacing: 0.4px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
line-height: 31px; }
@media (max-width: 1079px) {
app-nav-wishlist .nav-wishlist .start-now-container .start-main-text {
font-size: 20px;
margin-top: 67px;
letter-spacing: 0;
max-width: 500px; } }
@media (max-width: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .start-main-text {
font-size: 16px;
max-width: 80%;
line-height: 17px;
margin-top: 35px; } }
@media (max-height: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .start-main-text {
font-size: 16px;
max-width: 80%;
line-height: 17px;
margin-top: 35px; } }
app-nav-wishlist .nav-wishlist .start-now-container .h9 {
color: #ffffff;
text-align: center;
margin-top: 36px; }
@media (max-width: 1079px) {
app-nav-wishlist .nav-wishlist .start-now-container .h9 {
font-size: 95px;
line-height: 95px;
margin-top: 12px; } }
@media (max-width: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .h9 {
font-size: 48px;
line-height: 36px; } }
@media (max-height: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .h9 {
font-size: 48px;
line-height: 36px; } }
app-nav-wishlist .nav-wishlist .start-now-container .h9:after {
content: "";
display: block;
position: relative;
background: none repeat scroll 0 0 #fff;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
height: 3px;
width: 210px; }
@media (max-width: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .h9:after {
width: 115px; } }
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container {
text-align: center;
margin-top: 167px;
display: flex;
flex-wrap: wrap;
overflow: hidden;
justify-content: center; }
@media (max-width: 1679px) {
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container {
margin-top: 37px; } }
@media (max-width: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container {
margin-top: 20px; } }
@media (max-height: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container {
margin-top: 20px; } }
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container .btn {
border-width: 1px;
width: 281px;
margin: 30px;
color: #909298; }
.app-container.show-hover app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container .btn:hover, app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container .btn:active {
color: #222632; }
@media (max-width: 1079px) {
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container .btn {
margin: 15px;
width: 260px;
height: 50px;
font-size: 17px;
display: flex; } }
@media (max-width: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container .btn {
margin: 7px; } }
@media (max-height: 480px) {
app-nav-wishlist .nav-wishlist .start-now-container .find-buttons-container .btn {
margin-top: 20px; } }
app-nav-wishlist .nav-wishlist .tabbed-content {
position: relative;
margin: 0 auto;
padding-left: 2%;
padding-right: 2%; }
app-nav-wishlist .nav-wishlist .tabbed-content .tabs {
margin-left: auto;
margin-right: auto;
white-space: nowrap; }
app-nav-wishlist .nav-wishlist .tabbed-content .tabs ul {
padding-left: 0; }
app-nav-wishlist .nav-wishlist .tabbed-content .tabs ul li {
width: initial; }
@media (min-width: 768px) {
app-nav-wishlist .nav-wishlist .tabbed-content .tabs ul li {
min-width: 100px;
font-size: 14px; } }
@media (min-width: 1366px) {
app-nav-wishlist .nav-wishlist .tabbed-content .tabs ul li {
min-width: 125px;
font-size: 15px; } }
@media (min-width: 1680px) {
app-nav-wishlist .nav-wishlist .tabbed-content .tabs ul li {
min-width: 158px; } }
app-nav-wishlist .nav-wishlist .tabbed-content .tabs ul li a {
padding-left: 5px;
padding-right: 5px; }
app-nav-wishlist .nav-wishlist .tabbed-content .tabs .panel-button {
display: none; }
@media (min-width: 768px) {
app-nav-wishlist .nav-wishlist .tabbed-content .tabs .panel-button {
display: inline-block; } }
app-nav-wishlist .nav-wishlist .tabbed-content .panels .panel-button {
display: block; }
@media (min-width: 768px) {
app-nav-wishlist .nav-wishlist .tabbed-content .panels .panel-button {
display: none; } }
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content {
padding-left: 0;
padding-right: 0; }
@media (min-width: 768px) {
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content {
padding-top: 43px;
padding-left: 4px;
min-height: 326px; } }
@media (min-width: 1080px) {
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content {
min-height: 426px; } }
@media (min-width: 1680px) {
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content {
min-height: 572px; } }
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content .slider-controls {
margin-top: 55px; }
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content .slider-controls .controls-inner {
margin-right: -13px; }
app-nav-wishlist .nav-wishlist .tabbed-content .panels .content .mobile-more-btn-wrap {
text-align: center;
margin-top: 30px; }
app-nav-wishlist .nav-wishlist .tabbed-content .button-share {
width: 212px;
height: 40px;
font-size: 14px;
display: inline-flex; }
@media (max-width: 1199px) {
app-nav-wishlist .nav-wishlist .tabbed-content .button-share {
width: 110px; } }
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel {
margin-top: 30px;
text-align: center; }
@media (min-width: 768px) {
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel {
margin-top: 0; } }
@media (min-width: 1080px) {
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel {
margin-top: -85px;
min-height: 100px; } }
@media (min-width: 1080px) {
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap {
position: absolute; } }
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn {
display: inline-block;
font-size: 18px; }
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:first-child {
margin-right: 15px; }
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn .button-print, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn .button-download {
display: inline-block;
margin-right: 10px; }
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn .button-print i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn .button-download i {
top: 5px;
font-size: 20px; }
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .button-find-more {
margin: 20px 10px 0; }
@media (min-width: 1080px) {
app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .button-find-more {
margin-top: -8px; } }
.nb-content-container.open .nb-content-wrap > app-nav-request-for-proposal {
overflow: visible; }
app-nav-request-for-proposal {
padding-top: 105px;
padding-bottom: 25px;
position: relative;
padding-bottom: 0;
width: 100%; }
@media (max-width: 1079px) {
app-nav-request-for-proposal {
padding-top: 0; } }
@media (max-width: 767px) {
app-nav-request-for-proposal {
padding-bottom: 0; } }
@media (max-width: 600px) {
app-nav-request-for-proposal .progress-container {
white-space: nowrap; }
app-nav-request-for-proposal .progress-container.first {
margin-left: 44%; }
app-nav-request-for-proposal .progress-container.second {
margin-left: calc(44% - 168px); }
app-nav-request-for-proposal .progress-container.third {
margin-left: calc(44% - (2 * 168px)); }
app-nav-request-for-proposal .progress-container.fourth {
margin-left: calc(44% - (3 * 168px)); } }
app-nav-request-for-proposal .progress-container {
text-align: center;
margin-bottom: 0; }
@media (min-width: 768px) {
app-nav-request-for-proposal .progress-container {
margin-bottom: 100px; } }
app-nav-request-for-proposal .form-step-one,
app-nav-request-for-proposal .form-step-two,
app-nav-request-for-proposal .form-step-three {
margin-top: 100px;
margin-bottom: 50px; }
@media (max-width: 767px) {
app-nav-request-for-proposal .form-step-one,
app-nav-request-for-proposal .form-step-two,
app-nav-request-for-proposal .form-step-three {
margin-top: 50px; }
.ios-safari app-nav-request-for-proposal .form-step-one, .ios-safari
app-nav-request-for-proposal .form-step-two, .ios-safari
app-nav-request-for-proposal .form-step-three {
padding-bottom: 30px; } }
app-nav-request-for-proposal .form-step-two .title {
margin-bottom: 50px; }
app-nav-request-for-proposal .form-step-two .row.dates-row {
margin-bottom: 75px; }
app-nav-request-for-proposal .thank-you-container {
text-align: center;
margin-bottom: 20px;
margin-top: 20px; }
app-nav-request-for-proposal .thank-you-container .thank-you-title {
color: #ffffff;
font-size: 32px;
margin-bottom: 10px; }
app-nav-request-for-proposal .thank-you-container .thank-you-message {
color: #eeeeee;
margin-bottom: 80px; }
app-nav-request-for-proposal .step-container {
display: inline-block; }
app-nav-request-for-proposal .step-container .step-number {
font-size: 45px;
color: #ffffff;
font-weight: 900; }
app-nav-request-for-proposal .step-container .step-number.step-active {
color: #81a2c9; }
@media (min-width: 1366px) {
app-nav-request-for-proposal .step-container .step-number {
font-size: 60px; } }
app-nav-request-for-proposal .step-container .step-subtitle {
font-size: 14px;
color: #ffffff; }
app-nav-request-for-proposal .step-container .step-subtitle.step-active {
color: #81a2c9; }
app-nav-request-for-proposal .step-container .step-divisor {
margin: 0 0 45px 0;
width: 100px;
border-top: 3px solid #ffffff; }
app-nav-request-for-proposal .step-container .step-divisor.step-active {
border-color: #81a2c9; }
@media (min-width: 1366px) {
app-nav-request-for-proposal .step-container .step-divisor {
margin: 0 0 55px 0;
width: 180px; } }
app-nav-request-for-proposal .nav-request-for-proposal {
height: 100%;
background-color: rgba(34, 38, 50, 0.7);
border-top: 1px solid rgba(144, 146, 152, 0.2); }
@media (max-width: 767px) {
app-nav-request-for-proposal .nav-request-for-proposal {
background: none;
border: none; } }
app-nav-request-for-proposal .rfp-form {
max-width: 815px;
width: 90%;
margin: auto; }
@media (max-width: 1079px) {
app-nav-request-for-proposal .rfp-form {
max-width: inherit; } }
app-nav-request-for-proposal .rfp-form .row {
margin-bottom: 10px; }
app-nav-request-for-proposal .rfp-form .title {
font-size: 40px;
text-align: center; }
@media (max-width: 767px) {
app-nav-request-for-proposal .rfp-form .title {
display: none; } }
app-nav-request-for-proposal .rfp-form .offers-checkbox-container {
text-align: center;
margin-top: 50px;
margin-bottom: 125px; }
app-nav-request-for-proposal .rfp-form .button-next-container {
text-align: center; }
@media (min-width: 1080px) {
app-nav-request-for-proposal .rfp-form .button-next-container {
text-align: right; } }
app-nav-request-for-proposal .rfp-form .button-prev-container {
min-height: 30px; }
@media (max-width: 1079px) {
app-nav-request-for-proposal .rfp-form .button-prev-container {
text-align: center;
margin-bottom: 10px; } }
app-nav-request-for-proposal .rfp-form .proposal-container {
text-align: center;
line-height: 40px; }
app-nav-request-for-proposal .rfp-form .proposal-container .ui-radiobutton {
margin-left: 20px; }
app-nav-request-for-proposal .rfp-form .proposal-container p-radiobutton {
display: inline-block; }
app-nav-request-for-proposal .rfp-form .proposal-container .proposal-text {
font-style: italic; }
@media (max-width: 767px) {
app-nav-request-for-proposal .rfp-form .proposal-container .proposal-text {
display: block;
margin-bottom: 20px; } }
@media (max-width: 767px) {
app-nav-request-for-proposal sat-dropdown.bordered {
text-align: left; } }
app-nav-request-for-proposal sat-dropdown.bordered .dropdown {
max-width: 80%; }
@media (max-width: 767px) {
app-nav-request-for-proposal sat-dropdown.bordered .dropdown {
max-width: 100%;
width: 100%; } }
@media (max-width: 767px) {
app-nav-request-for-proposal sat-dropdown .dropdown .dropdown-input.select {
padding-left: 0; } }
app-nav-request-for-proposal .datepicker-container .ui-calendar {
border-color: #909298;
padding: 10px 0 9px 10px; }
@media (max-width: 767px) {
app-nav-request-for-proposal .datepicker-container .ui-calendar {
display: block;
box-sizing: border-box;
height: 48px; } }
app-nav-request-for-proposal .datepicker-container .ui-calendar input {
line-height: normal;
cursor: pointer;
border-color: #909298; }
@media (max-width: 767px) {
app-nav-request-for-proposal .datepicker-container .ui-calendar input {
display: block;
position: absolute;
width: 50%;
left: 25%;
box-sizing: border-box; } }
app-nav-request-for-proposal .datepicker-container.no-date input::-webkit-datetime-edit {
color: transparent; }
app-nav-request-for-proposal .datepicker-container.no-date input:focus::-webkit-datetime-edit {
color: #ffffff; }
@media (max-width: 1079px) {
app-nav-request-for-proposal .datepicker-container.no-date input::before {
position: absolute;
left: calc(50% - 43px); } }
@media (max-width: 767px) {
app-nav-request-for-proposal .datepicker-container.no-date input {
max-height: 30px; } }
app-nav-request-for-proposal .datepicker-container.no-date input::-webkit-input-placeholder {
text-align: center; }
app-nav-request-for-proposal .datepicker-container.no-date input:-moz-placeholder {
/* Firefox 18- */
text-align: center; }
app-nav-request-for-proposal .datepicker-container.no-date input::-moz-placeholder {
/* Firefox 19+ */
text-align: center; }
app-nav-request-for-proposal .datepicker-container.no-date input:-ms-input-placeholder {
text-align: center; }
app-nav-subscribe {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
@media (max-height: 768px) {
app-nav-subscribe {
height: initial; } }
app-nav-subscribe .nav-subscribe {
width: 805px;
z-index: 1001;
text-align: center; }
@media (max-width: 767px) {
app-nav-subscribe .nav-subscribe {
width: initial;
min-width: 80vw;
max-width: 90vw; } }
app-nav-subscribe .nav-subscribe > h3 {
font-weight: 600;
text-align: center;
margin-bottom: 80px; }
@media (max-width: 1079px) {
app-nav-subscribe .nav-subscribe > h3 {
margin-bottom: 25px; } }
app-nav-subscribe .nav-subscribe .h5 {
font-style: italic;
text-align: center;
margin-bottom: 30px; }
app-nav-subscribe .nav-subscribe .checkbox-container {
display: flex;
justify-content: space-around;
flex-flow: row wrap;
margin-bottom: 12px; }
app-nav-subscribe .nav-subscribe .checkbox-container p-checkbox {
margin-bottom: 15px;
margin-left: 5px;
margin-right: 5px; }
@media (max-width: 767px) {
app-nav-subscribe .nav-subscribe .checkbox-container {
justify-content: space-between; } }
app-nav-subscribe .nav-subscribe .controls {
margin-bottom: 25px; }
app-nav-subscribe .nav-subscribe .controls .control.input {
margin-bottom: 4px; }
app-nav-subscribe .nav-subscribe .controls .input-active label {
color: #909298; }
app-nav-subscribe .nav-subscribe .agree-button-container {
margin-top: 50px;
display: flex;
justify-content: space-between;
align-items: center; }
app-nav-subscribe .nav-subscribe .agree-button-container > div p-checkbox {
display: inline-block;
margin-bottom: 0; }
@media (max-width: 767px) {
app-nav-subscribe .nav-subscribe .agree-button-container {
flex-direction: column;
height: 100px; } }
@media (max-width: 480px) {
app-nav-subscribe .nav-subscribe .agree-button-container {
height: 110px; }
app-nav-subscribe .nav-subscribe .agree-button-container button {
width: 260px; } }
app-nav-toolkits {
width: 100%;
height: 100%;
display: flex; }
app-nav-toolkits .nav-toolkits {
z-index: 1001;
overflow: scroll;
width: 100%;
max-width: 1168px;
height: 100%;
margin: auto; }
app-nav-toolkits .nav-toolkits > h3, app-nav-toolkits .nav-toolkits > h4, app-nav-toolkits .nav-toolkits > p {
text-align: center; }
app-nav-toolkits .nav-toolkits > h3 {
font-size: 25px;
line-height: 22px;
margin-bottom: 20px; }
@media (min-width: 1080px) {
app-nav-toolkits .nav-toolkits > h3 {
padding-top: 15vh; } }
@media (min-width: 1680px) {
app-nav-toolkits .nav-toolkits > h3 {
font-size: 40px;
line-height: 26px;
font-weight: 600; } }
@media (min-width: 768px) {
app-nav-toolkits .nav-toolkits > h3 {
line-height: 28px; } }
app-nav-toolkits .nav-toolkits > h4 {
margin-bottom: 15px;
font-size: 19px;
line-height: 1; }
@media (min-width: 768px) {
app-nav-toolkits .nav-toolkits > h4 {
margin: 25px auto 15px;
max-width: 66%; } }
@media (min-width: 1680px) {
app-nav-toolkits .nav-toolkits > h4 {
font-size: 30px;
line-height: 1;
max-width: initial; } }
@media screen and (min-width: 1680px) and (-ms-high-contrast: active), (min-width: 1680px) and (-ms-high-contrast: none) {
app-nav-toolkits .nav-toolkits > h4 {
min-width: auto; } }
app-nav-toolkits .nav-toolkits > p {
margin-top: 0;
font-size: 14px;
max-width: 66%;
margin-left: auto;
margin-right: auto; }
@media (min-width: 1680px) {
app-nav-toolkits .nav-toolkits > p {
max-width: initial; } }
@media screen and (min-width: 1680px) and (-ms-high-contrast: active), (min-width: 1680px) and (-ms-high-contrast: none) {
app-nav-toolkits .nav-toolkits > p {
min-width: auto; } }
@media (min-width: 1680px) {
app-nav-toolkits .nav-toolkits .link-blocks-container {
margin-top: 95px; } }
app-nav-toolkits .nav-toolkits .link-blocks-container .link-block {
display: table-cell;
width: 25%;
padding-right: 30px; }
@media (min-width: 1680px) {
app-nav-toolkits .nav-toolkits .link-blocks-container .link-block {
width: auto; } }
app-nav-toolkits .nav-toolkits .link-blocks-container .link-block h5 {
margin-bottom: 0;
margin-top: 40px;
font-size: 25px;
line-height: 28px; }
app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link {
display: inline-flex;
align-items: center;
cursor: pointer;
margin-top: 15px;
padding: 5px 5px 5px 15px;
width: calc(100% - 20px); }
@media (min-width: 768px) {
app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link {
padding-left: 5px;
width: calc(100% - 10px); } }
app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link i {
color: #034694; }
app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link a {
color: #ffffff;
border: none;
font-size: 16px;
line-height: 22px;
margin-left: 12px; }
.app-container.show-hover app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link:hover, app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link:active {
background-color: #034694; }
.app-container.show-hover app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link:hover i, app-nav-toolkits .nav-toolkits .link-blocks-container .link-container .inner-link:active i {
color: #ffffff; }
app-nav-toolkits .nav-toolkits .link-blocks-container.mobile-links {
display: table;
margin: auto;
max-width: 400px; }
@media (min-width: 768px) {
app-nav-toolkits .nav-toolkits .link-blocks-container.mobile-links {
display: none; } }
app-nav-toolkits .nav-toolkits .link-blocks-container.mobile-links sat-dropdown {
width: 290px;
margin: 40px auto 10px;
display: block; }
app-nav-toolkits .nav-toolkits .link-blocks-container.mobile-links sat-dropdown .dropdown {
min-width: 270px; }
app-nav-toolkits .nav-toolkits .link-blocks-container.mobile-links sat-dropdown select {
border: none; }
app-nav-toolkits .nav-toolkits .link-blocks-container.mobile-links .link-container {
text-align: left; }
app-nav-toolkits .nav-toolkits .link-blocks-container.desktop-links {
display: none; }
@media (min-width: 768px) {
app-nav-toolkits .nav-toolkits .link-blocks-container.desktop-links {
display: table;
margin: 25px 25px 0; } }
@media (min-width: 1680px) {
app-nav-toolkits .nav-toolkits .link-blocks-container.desktop-links {
margin: 25px auto auto; } }
app-user-area {
display: flex;
flex-direction: column;
flex: 1;
position: fixed;
height: 100vh;
left: 0;
right: 0;
top: 0;
z-index: 1002;
transform: translateY(-500vh);
transition: transform 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000), opacity 350ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
overflow-x: hidden;
overflow-y: auto;
background-color: #242834;
-webkit-overflow-scrolling: touch; }
@media (min-width: 768px) {
app-user-area {
margin-top: 8px;
top: 70px;
max-height: calc(100vh - 70px - 8px); } }
app-user-area.open {
transform: translateY(0); }
app-user-area .user-area {
background-color: #ffffff;
padding-top: 49px;
padding-bottom: 49px; }
@media (max-width: 767px) {
app-user-area .user-area {
padding: 0 20px 65px;
background-color: initial; } }
@media (max-width: 767px) {
app-user-area .user-area .user-content {
position: relative;
margin-top: 60px;
background-color: #ffffff;
border-radius: 4px;
padding: 10px;
margin-bottom: 20px; } }
@media (max-width: 480px) {
app-user-area .user-area .user-content.transparent {
background-color: transparent;
padding: 0; } }
app-user-area .user-area .back-button {
display: none; }
@media (max-width: 767px) {
app-user-area .user-area .back-button {
display: block;
position: absolute;
top: 20px;
left: 20px;
color: #eeeeee; }
app-user-area .user-area .back-button i {
display: inline-block;
transform: rotate(90deg); } }
app-user-area .user-area i.icon-arrow_left {
display: none; }
@media (min-width: 768px) {
app-user-area .user-area i.icon-arrow_left {
display: block;
position: absolute;
left: 30px;
top: 30px;
opacity: 0.5;
font-size: 30px; } }
.app-container.show-hover app-user-area .user-area i.icon-arrow_left:hover, app-user-area .user-area i.icon-arrow_left:active {
cursor: pointer;
opacity: 1; }
app-user-area .row {
width: 100%; }
app-menu-map ul {
margin-left: 25px; }
app-menu-map ul li {
position: relative;
padding: 10px 0;
transition: padding-left 250ms; }
app-menu-map ul li a {
font-size: 18px;
color: #ffffff; }
app-menu-map ul li a i {
display: inline-block;
position: absolute;
left: 0;
padding: 5px 0;
font-size: 12px;
transform: scale(0);
transition: transform 250ms; }
.app-container.show-hover app-menu-map ul li:hover, app-menu-map ul li:active, app-menu-map ul li.hovered {
padding-left: 25px; }
.app-container.show-hover app-menu-map ul li:hover a i, app-menu-map ul li:active a i, app-menu-map ul li.hovered a i {
transform: scale(1); }
app-menu-map sat-map {
display: block; }
.app-container.show-hover app-menu-map li:hover a, app-menu-map li:active a, app-menu-map li.hovered a {
color: #ffffff; }
.app-container.show-hover app-menu-map li:hover a .icon-arrow, app-menu-map li:active a .icon-arrow, app-menu-map li.hovered a .icon-arrow {
color: #ffcb05; }
.app-container.show-hover .business app-menu-map li:hover a, .business app-menu-map li:active a, .business app-menu-map li.hovered a {
color: #034694; }
app-portal-menu {
position: fixed;
top: 75px;
background-color: #fff;
z-index: 1000;
width: 100%;
height: 60px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row; }
app-portal-menu .logo-container {
box-sizing: border-box;
padding: 0 50px;
z-index: 2;
text-align: center;
background-color: white;
height: 57px; }
@media (max-width: 1079px) {
app-portal-menu .logo-container {
padding: 0 30px; } }
@media (max-width: 767px) {
app-portal-menu .logo-container {
padding: 0 20px; } }
app-portal-menu .logo-container img {
margin: 5px 0;
max-height: 47px;
max-width: 25vw; }
app-portal-menu .logo-container .logo {
display: none; }
@media (min-width: 1080px) {
app-portal-menu .logo-container {
height: auto;
width: 240px;
margin: 0 50px;
padding: 0;
align-self: flex-start; }
.scrolled-state app-portal-menu .logo-container {
height: 57px; }
.scrolled-state app-portal-menu .logo-container .logo {
background-size: contain;
height: 47px; }
app-portal-menu .logo-container .logo {
margin-top: 5px;
display: inline-block;
width: 100%;
height: 104px;
transition: height .3s ease-in-out;
background: white no-repeat center;
background-size: contain; }
app-portal-menu .logo-container img {
display: none; } }
app-portal-menu ul {
display: none;
justify-content: space-between;
flex: 1; }
@media (min-width: 1080px) {
app-portal-menu ul {
display: flex; } }
app-portal-menu ul li {
flex-grow: 1; }
app-portal-menu ul li a {
height: 57px;
display: flex;
width: 100%;
text-align: center;
align-items: center;
justify-content: center; }
app-portal-menu ul li a.featured-link {
padding: 0; }
app-portal-menu ul li:last-child:not(.featured) {
padding-right: 50px; }
app-portal-menu .select-container {
flex: 1;
display: flex;
justify-content: space-between; }
app-portal-menu .select-container label {
font-size: 18px;
font-weight: 700; }
@media (min-width: 768px) {
app-portal-menu .select-container label {
width: 100%;
text-align: center; } }
app-portal-menu .select-container select {
z-index: 1;
-webkit-appearance: none;
appearance: none;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
border: none;
background-color: transparent;
height: 57px;
padding-left: 20px;
color: transparent;
font-size: 16px; }
app-portal-menu .select-container select option {
color: #222632; }
app-portal-menu .select-container i {
margin-top: 4px;
z-index: 0;
padding: 0 50px; }
@media (max-width: 1079px) {
app-portal-menu .select-container i {
padding: 0 30px; } }
@media (max-width: 767px) {
app-portal-menu .select-container i {
padding: 0 20px; } }
app-portal-menu .featured-link {
display: none;
z-index: 2; }
@media (min-width: 768px) {
app-portal-menu .featured-link {
display: block;
line-height: 57px;
padding: 0 50px; } }
@media (min-width: 768px) and (max-width: 1079px) {
app-portal-menu .featured-link {
padding: 0 30px; } }
@media (min-width: 768px) and (max-width: 767px) {
app-portal-menu .featured-link {
padding: 0 20px; } }
@media (min-width: 768px) {
app-portal-menu {
top: 83px; } }
@media (min-width: 1080px) {
app-portal-menu {
top: 91px;
padding-right: calc(90px + var(--scrollbar-width) + 100% - 100vw); } }
@media (min-width: 1080px) {
app-portal-menu .select-container, app-portal-menu .mobile.featured-link {
display: none; } }
/*
#Search
____ _
/ ___| ___ __ _ _ __ ___| |__
\___ \ / _ \/ _` | '__/ __| '_ \
___) | __/ (_| | | | (__| | | |
|____/ \___|\__,_|_| \___|_| |_|
All search files are linked here
*/
.search-container .search-icon {
cursor: pointer; }
.search-page.main-container {
background-color: #eeeeee; }
.search-page .header-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-size: cover;
overflow: visible;
height: 350px; }
@media (min-width: 768px) {
.search-page .header-container {
height: 350px; } }
@media (min-width: 1080px) {
.search-page .header-container {
height: 400px; } }
.search-page .header-container app-search {
width: 100%;
color: #303030;
margin-top: 67px; }
.search-page .search-container {
margin: 0 auto;
width: 100%; }
@media (min-width: 768px) {
.search-page .search-container {
width: 80%; } }
@media (min-width: 1080px) {
.search-page .search-container {
width: 50%; } }
.search-page .search-tags-container {
position: relative;
width: 100%;
margin-top: 35px; }
@media (min-width: 768px) {
.search-page .search-tags-container {
width: 80%; } }
@media (min-width: 1080px) {
.search-page .search-tags-container {
width: 55%; } }
.search-page .search-tags-container .search-tags {
text-align: center; }
.search-page .search-tags-container .search-tags .tag {
margin: 10px; }
.mobile-search-section {
display: block;
margin-bottom: 30px; }
@media (min-width: 768px) {
.mobile-search-section {
display: none; } }
.mobile-search-section .mobile-search-wrapper {
display: flex; }
.mobile-search-section .mobile-search-wrapper .mobile-search-in {
z-index: 0;
padding: 12px;
color: #ffffff;
flex: 4;
text-align: right; }
.mobile-search-section .mobile-search-wrapper .mobile-search-section-dropdown {
flex: 6; }
.mobile-search-section .mobile-search-wrapper .mobile-search-section-dropdown sat-dropdown {
text-align: left;
font-weight: bold; }
.mobile-search-section .mobile-search-wrapper .mobile-search-section-dropdown sat-dropdown .dropdown-input {
padding-right: 20px;
width: 130px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; }
.mobile-search-section .mobile-search-wrapper .mobile-search-section-dropdown sat-dropdown .dropdown-icon {
right: 32px; }
.search-container {
width: 100%; }
.search-container .load-container-circle {
position: absolute;
top: 12px;
right: 25px;
margin: 0px;
padding: 0px; }
.search-container .load-container-circle .loader-circle {
z-index: 1;
width: 13px;
height: 13px;
font-size: 4px;
margin: 0px; }
.search-container.extended {
background-color: #ffffff;
border-radius: 30px;
height: 50px;
position: relative; }
.search-container.extended .completer {
width: 100%;
margin: 0;
position: absolute;
top: 0;
left: 0; }
.search-container.extended .completer input[type="search"] {
background-color: transparent;
width: calc(100%);
padding-right: 70px; }
@media (min-width: 768px) {
.search-container.extended .completer input[type="search"] {
width: calc(100% - 150px); } }
@media (min-width: 768px) {
.search-container.extended .completer .completer-dropdown-holder {
width: calc(100% - 150px - 38px); } }
.search-container.extended .search-section,
.search-container.extended .search-icon {
height: 50px;
position: absolute;
top: 0;
border-left: 1px solid #909298;
text-align: center;
cursor: pointer; }
.search-container.extended .icon-down, .search-container.extended .icon-up {
display: block;
position: absolute;
right: 10px;
line-height: 50px; }
.search-container.extended .search-section {
cursor: pointer;
right: 60px;
width: 150px;
display: none; }
.search-container.extended .search-section.with-portal {
right: 210px; }
@media (min-width: 768px) {
.search-container.extended .search-section {
display: block; } }
.search-container.extended .search-section .search-section-container {
width: 150px;
height: 50px;
position: relative; }
.search-container.extended .search-section .search-section-container .search-in {
display: block;
position: absolute;
top: 8px;
font-size: 13px;
color: #909298;
font-weight: 300;
left: 10px; }
.search-container.extended .search-section .search-section-container .selected-section {
font-weight: bold;
display: block;
position: absolute;
top: 23px;
left: 10px; }
.search-container.extended .search-section .search-section-container ul {
background-color: #ffffff;
width: 149px;
z-index: 1;
position: absolute;
top: 50px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.search-container.extended .search-section .search-section-container ul li {
text-align: left;
line-height: 50px;
color: #909298;
padding-left: 10px;
transition: padding-left 250ms ease-in;
border-top: 1px solid #e5e5e5; }
.search-container.extended .search-section .search-section-container ul li.section-active {
background: #ebebeb; }
.search-container.extended .search-section .search-section-container ul li i {
line-height: 50px;
display: inline-block;
position: absolute;
left: 10px;
font-size: 12px;
transform: scale(0);
transition: transform 250ms ease-in; }
.search-container.extended .search-section .search-section-container ul li:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.app-container.show-hover .search-container.extended .search-section .search-section-container ul li:not(.section-active):hover, .search-container.extended .search-section .search-section-container ul li:not(.section-active):active {
padding-left: 30px;
color: #303030; }
.app-container.show-hover .search-container.extended .search-section .search-section-container ul li:not(.section-active):hover i, .search-container.extended .search-section .search-section-container ul li:not(.section-active):active i {
transform: scale(1); }
.search-container.extended .search-icon {
line-height: 50px;
width: 50px;
right: 10px; }
.search-container.extended .search-icon i {
font-size: 22px; }
.search-results {
padding: 40px 50px; }
@media (max-width: 1079px) {
.search-results {
padding: 40px 30px; } }
@media (max-width: 767px) {
.search-results {
padding: 40px 20px; } }
.search-results .results {
margin: 0 auto 40px auto;
text-align: center;
font-weight: bold;
color: #909298; }
.completer {
position: relative;
display: block;
width: 100%;
margin: 0 auto; }
.completer input[type="search"] {
box-sizing: border-box;
width: 100%;
border-radius: 30px;
padding: 0 20px;
border: 0;
text-align: left;
height: 50px;
background-color: #ffffff;
color: #ffcb05;
text-shadow: 0px 0px 0px #222632;
-webkit-text-fill-color: transparent; }
.completer input[type="search"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
.completer input[type="search"]::-moz-placeholder {
/* Firefox 19+ */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
.completer input[type="search"]:-ms-input-placeholder {
/* IE 10+ */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
.completer input[type="search"]:-moz-placeholder {
/* Firefox 18- */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.completer input[type="search"] {
text-shadow: none !important; } }
.completer .completer-dropdown-holder {
width: 100%;
position: absolute;
top: 56px;
z-index: 11004; }
.completer .completer-dropdown-holder .completer-dropdown-holder {
height: 100%;
width: 100%;
overflow: hidden;
max-height: 200px; }
.completer .completer-dropdown-holder .completer-dropdown {
text-align: center;
box-sizing: border-box;
width: calc(100% - 46px);
max-height: 200px;
border: none;
background-color: #eeeeee;
border-radius: 0 0 15px 15px;
padding: 0;
overflow-y: auto;
margin-left: 23px;
font-size: 16px;
font-weight: 600;
color: #909298;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3), inset 0 7px 9px -7px rgba(0, 0, 0, 0.7); }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper {
line-height: 20px; }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row {
width: 100%;
padding: 15px 0;
border-top: 1px solid #cecece;
margin: 0;
color: #909298; }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row.completer-selected-row {
background-color: #ffcb05;
color: #303030; }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper:first-child .completer-row {
border-top: 0; }
.completer {
position: relative;
display: block;
width: 100%;
margin: 0 auto; }
.completer input[type="search"] {
box-sizing: border-box;
width: 100%;
border-radius: 30px;
padding: 0 20px;
border: 0;
text-align: left;
height: 50px;
background-color: #ffffff;
color: #ffcb05;
text-shadow: 0px 0px 0px #222632;
-webkit-text-fill-color: transparent; }
.completer input[type="search"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
.completer input[type="search"]::-moz-placeholder {
/* Firefox 19+ */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
.completer input[type="search"]:-ms-input-placeholder {
/* IE 10+ */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
.completer input[type="search"]:-moz-placeholder {
/* Firefox 18- */
color: #909298;
text-shadow: none;
-webkit-text-fill-color: initial; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.completer input[type="search"] {
text-shadow: none !important; } }
.completer .completer-dropdown-holder {
width: 100%;
position: absolute;
top: 56px;
z-index: 11004; }
.completer .completer-dropdown-holder .completer-dropdown-holder {
height: 100%;
width: 100%;
overflow: hidden;
max-height: 200px; }
.completer .completer-dropdown-holder .completer-dropdown {
text-align: center;
box-sizing: border-box;
width: calc(100% - 46px);
max-height: 200px;
border: none;
background-color: #eeeeee;
border-radius: 0 0 15px 15px;
padding: 0;
overflow-y: auto;
margin-left: 23px;
font-size: 16px;
font-weight: 600;
color: #909298;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3), inset 0 7px 9px -7px rgba(0, 0, 0, 0.7); }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper {
line-height: 20px; }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row {
width: 100%;
padding: 15px 0;
border-top: 1px solid #cecece;
margin: 0;
color: #909298; }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row.completer-selected-row {
background-color: #ffcb05;
color: #303030; }
.completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper:first-child .completer-row {
border-top: 0; }
/*
#Users
_ _
| | | |___ ___ _ __ ___
| | | / __|/ _ \ '__/ __|
| |_| \__ \ __/ | \__ \
\___/|___/\___|_| |___/
All User imports are linked here
*/
app-user-crop-photo .crop-photo {
text-align: center; }
app-user-crop-photo .crop-photo h5 {
font-size: 23px; }
app-user-crop-photo .crop-photo .h7 {
margin-top: 3px;
margin-bottom: 26px; }
app-user-crop-photo .crop-photo .hide-cropper {
display: none; }
app-user-crop-photo .crop-photo .selector-container {
width: 465px;
text-align: left;
margin: 0 auto; }
@media (max-width: 529px) {
app-user-crop-photo .crop-photo .selector-container {
width: 90%; } }
app-user-crop-photo .crop-photo .selector-container .right-label {
float: right;
margin-right: 16px;
margin-top: 4px;
color: #909298; }
app-user-crop-photo .crop-photo .selector-container .left-label {
float: left;
margin-left: 11px;
margin-top: 4px;
color: #909298; }
app-user-crop-photo .crop-photo .profile-pic {
margin: 0 auto; }
app-user-crop-photo .crop-photo .file-upload {
margin-bottom: 30px; }
app-user-crop-photo .crop-photo .file-upload #pic-input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
app-user-crop-photo .crop-photo .file-upload span.tertiary {
border-bottom: none !important;
padding-right: 15px; }
app-user-crop-photo .crop-photo .buttons-wrap .btn {
width: 280px;
margin-left: 14px;
margin-right: 14px; }
@media (max-width: 767px) {
app-user-crop-photo .crop-photo .buttons-wrap .btn {
display: block;
margin: 20px auto; } }
app-user-area .email-message, app-user-area app-user-resend-email .resend-email, app-user-resend-email app-user-area .resend-email, app-user-area app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content app-user-area .verify-password {
text-align: center; }
app-user-area .email-message h4, app-user-area app-user-resend-email .resend-email h4, app-user-resend-email app-user-area .resend-email h4, app-user-area app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password h4, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content app-user-area .verify-password h4 {
font-weight: 600;
letter-spacing: 0.2px;
margin-bottom: 27px; }
@media (max-width: 767px) {
app-user-area .email-message h4, app-user-area app-user-resend-email .resend-email h4, app-user-resend-email app-user-area .resend-email h4, app-user-area app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password h4, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content app-user-area .verify-password h4 {
margin-bottom: 15px; } }
app-user-area .email-message p, app-user-area app-user-resend-email .resend-email p, app-user-resend-email app-user-area .resend-email p, app-user-area app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password p, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content app-user-area .verify-password p {
font-size: 15px; }
app-user-area .email-message .email-address, app-user-area app-user-resend-email .resend-email .email-address, app-user-resend-email app-user-area .resend-email .email-address, app-user-area app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-address, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content app-user-area .verify-password .email-address {
font-size: 20px;
font-weight: 600;
margin-top: 6px;
word-break: break-all; }
@media (max-width: 480px) {
app-user-area .email-message .email-address, app-user-area app-user-resend-email .resend-email .email-address, app-user-resend-email app-user-area .resend-email .email-address, app-user-area app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-address, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content app-user-area .verify-password .email-address {
font-size: 18px; } }
app-user-area .image-sizing-proto, app-user-area .profile-pic-proto, app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo app-user-area .profile-pic, app-user-area .user-profile .profile-pic, .user-profile app-user-area .profile-pic, app-user-area .profile-pic-proto img, app-user-area app-user-crop-photo .crop-photo .profile-pic img, app-user-crop-photo .crop-photo app-user-area .profile-pic img, app-user-area .user-profile .profile-pic img, .user-profile app-user-area .profile-pic img {
width: 300px;
height: 300px; }
@media (max-width: 767px) {
app-user-area .image-sizing-proto, app-user-area .profile-pic-proto, app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo app-user-area .profile-pic, app-user-area .user-profile .profile-pic, .user-profile app-user-area .profile-pic, app-user-area .profile-pic-proto img, app-user-area app-user-crop-photo .crop-photo .profile-pic img, app-user-crop-photo .crop-photo app-user-area .profile-pic img, app-user-area .user-profile .profile-pic img, .user-profile app-user-area .profile-pic img {
width: 120px;
height: 120px; } }
app-user-area .profile-pic-proto, app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo app-user-area .profile-pic, app-user-area .user-profile .profile-pic, .user-profile app-user-area .profile-pic {
background-color: #eee;
position: relative;
margin: 0 auto 35px auto;
border-radius: 50%;
overflow: hidden;
box-shadow: 0px 1px 2.7px 0.3px rgba(0, 0, 0, 0.5); }
app-user-area .profile-pic-proto i.icon-profile, app-user-area app-user-crop-photo .crop-photo .profile-pic i.icon-profile, app-user-crop-photo .crop-photo app-user-area .profile-pic i.icon-profile, app-user-area .user-profile .profile-pic i.icon-profile, .user-profile app-user-area .profile-pic i.icon-profile {
color: #fff;
position: absolute;
top: 57%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 255px; }
@media (max-width: 767px) {
app-user-area .profile-pic-proto i.icon-profile, app-user-area app-user-crop-photo .crop-photo .profile-pic i.icon-profile, app-user-crop-photo .crop-photo app-user-area .profile-pic i.icon-profile, app-user-area .user-profile .profile-pic i.icon-profile, .user-profile app-user-area .profile-pic i.icon-profile {
font-size: 100px; } }
@media (max-width: 480px) {
app-user-area .phone-form form, app-user-area .simple-form form, app-user-area app-user-password-change .password-container form, app-user-password-change app-user-area .password-container form, app-user-area app-user-password-forgot .password-forgot form, app-user-password-forgot app-user-area .password-forgot form, app-user-area app-user-password-reset .password-reset form, app-user-password-reset app-user-area .password-reset form, app-user-area app-user-resend-email .resend-email form, app-user-resend-email app-user-area .resend-email form, app-user-area .user-profile .profile-right form, .user-profile app-user-area .profile-right form {
width: 100%;
padding-left: 2px;
padding-right: 2px;
box-sizing: border-box; } }
app-user-area .simple-form, app-user-area app-user-password-change .password-container, app-user-password-change app-user-area .password-container, app-user-area app-user-password-forgot .password-forgot, app-user-password-forgot app-user-area .password-forgot, app-user-area app-user-password-reset .password-reset, app-user-password-reset app-user-area .password-reset, app-user-area app-user-resend-email .resend-email, app-user-resend-email app-user-area .resend-email {
text-align: center;
max-width: 390px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px; }
app-user-area .simple-form .controls, app-user-area app-user-password-change .password-container .controls, app-user-password-change app-user-area .password-container .controls, app-user-area app-user-password-forgot .password-forgot .controls, app-user-password-forgot app-user-area .password-forgot .controls, app-user-area app-user-password-reset .password-reset .controls, app-user-password-reset app-user-area .password-reset .controls, app-user-area app-user-resend-email .resend-email .controls, app-user-resend-email app-user-area .resend-email .controls {
margin-bottom: 38px;
margin-top: 18px; }
@media (max-width: 767px) {
app-user-area .tablet-content, app-user-area app-user-password-change .password-container, app-user-password-change app-user-area .password-container, app-user-area app-user-password-forgot .password-forgot, app-user-password-forgot app-user-area .password-forgot, app-user-area app-user-password-reset .password-reset, app-user-password-reset app-user-area .password-reset, app-user-area app-user-profile-delete .profile-delete, app-user-profile-delete app-user-area .profile-delete, app-user-area app-user-resend-email .resend-email, app-user-resend-email app-user-area .resend-email {
margin-bottom: 0; }
app-user-area .tablet-content > div, app-user-area app-user-password-change .password-container > div, app-user-password-change app-user-area .password-container > div, app-user-area app-user-password-forgot .password-forgot > div, app-user-password-forgot app-user-area .password-forgot > div, app-user-area app-user-password-reset .password-reset > div, app-user-password-reset app-user-area .password-reset > div, app-user-area app-user-profile-delete .profile-delete > div, app-user-profile-delete app-user-area .profile-delete > div, app-user-area app-user-resend-email .resend-email > div, app-user-resend-email app-user-area .resend-email > div {
display: flex;
flex-direction: column;
align-items: center; }
app-user-area .tablet-content form, app-user-area app-user-password-change .password-container form, app-user-password-change app-user-area .password-container form, app-user-area app-user-password-forgot .password-forgot form, app-user-password-forgot app-user-area .password-forgot form, app-user-area app-user-password-reset .password-reset form, app-user-password-reset app-user-area .password-reset form, app-user-area app-user-profile-delete .profile-delete form, app-user-profile-delete app-user-area .profile-delete form, app-user-area app-user-resend-email .resend-email form, app-user-resend-email app-user-area .resend-email form {
max-width: 588px; }
app-user-area .tablet-content h4, app-user-area app-user-password-change .password-container h4, app-user-password-change app-user-area .password-container h4, app-user-area app-user-password-forgot .password-forgot h4, app-user-password-forgot app-user-area .password-forgot h4, app-user-area app-user-password-reset .password-reset h4, app-user-password-reset app-user-area .password-reset h4, app-user-area app-user-profile-delete .profile-delete h4, app-user-profile-delete app-user-area .profile-delete h4, app-user-area app-user-resend-email .resend-email h4, app-user-resend-email app-user-area .resend-email h4 {
font-size: 18px;
font-weight: 600; } }
app-user-password-reset .forgot-text {
margin-bottom: 20px; }
.user-profile {
display: flex;
justify-content: center; }
@media (max-width: 767px) {
.user-profile {
flex-direction: column; } }
@media (min-width: 768px) {
.user-profile {
min-height: 565px; } }
.user-profile .profile-left {
width: 330px; }
@media (max-width: 767px) {
.user-profile .profile-left {
width: 100%; } }
@media (min-width: 768px) {
.user-profile .profile-left .profile-content {
align-items: flex-start; }
.user-profile .profile-left .profile-content h5 {
max-width: 375px;
word-wrap: break-word; } }
@media (min-width: 768px) {
.user-profile .profile-left, .user-profile .profile-right {
min-height: 565px; } }
.user-profile .profile-content {
display: flex;
flex-direction: column;
align-items: center;
position: relative; }
@media (max-width: 767px) {
.user-profile .profile-content h5 {
order: 1; } }
.user-profile .profile-right {
text-align: center;
width: 50%; }
@media (max-width: 767px) {
.user-profile .profile-right {
width: 100%; } }
@media (min-width: 768px) {
.user-profile .profile-right .control {
text-align: left; } }
.user-profile .profile-right form {
max-width: 588px;
width: 64%; }
.user-profile .profile-right .profile-content {
width: 100%; }
.user-profile .profile-right .profile-content .profile-country {
margin-top: 40px;
margin-bottom: 40px; }
.user-profile .profile-right .profile-content .profile-language {
margin-bottom: 40px; }
.user-profile h5 {
font-size: 30px;
font-weight: 600;
margin-bottom: 5px; }
@media (max-width: 767px) {
.user-profile h5 {
font-size: 18px;
line-height: 1.3;
margin-bottom: 17px;
text-align: center; }
.user-profile h5 span {
display: block;
font-weight: normal; } }
.user-profile .user-link {
text-align: left;
margin-bottom: 12px; }
@media (max-width: 767px) {
.user-profile .user-link {
order: 3; } }
.user-profile .profile-pic .upload-text {
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.user-profile .profile-pic .upload-text > div {
text-align: center; }
.user-profile .profile-pic .upload-text p {
font-size: 15px; }
@media (max-width: 767px) {
.user-profile .profile-pic {
order: 2;
margin-bottom: 0; } }
@media (min-width: 768px) {
.app-container.show-hover .user-profile .profile-pic:hover, .user-profile .profile-pic:active {
cursor: pointer; }
.app-container.show-hover .user-profile .profile-pic:hover img, .user-profile .profile-pic:active img {
opacity: 0; }
.app-container.show-hover .user-profile .profile-pic:hover i.icon-profile, .user-profile .profile-pic:active i.icon-profile {
opacity: 0; }
.app-container.show-hover .user-profile .profile-pic:hover .upload-text, .user-profile .profile-pic:active .upload-text {
opacity: 1; } }
.user-profile .mobile-edit-image {
display: none;
color: #ffffff;
z-index: 1001;
margin-bottom: 20px;
order: 3;
align-items: center;
justify-content: center;
left: 50%;
transform: translateX(-50%);
position: absolute; }
@media (max-width: 1079px) {
.user-profile .mobile-edit-image {
display: flex;
width: 52px;
height: 52px;
border-radius: 26px;
font-size: 24px;
top: 276px; } }
@media (max-width: 767px) {
.user-profile .mobile-edit-image {
display: flex;
width: 37px;
height: 37px;
border-radius: 20px;
font-size: 18px;
top: 177px; } }
app-user-profile-delete .profile-delete {
max-width: 580px;
text-align: center;
margin: auto; }
app-user-profile-delete .profile-delete .description {
margin-bottom: 30px; }
app-user-profile-delete .profile-delete .btn:first-child {
margin-bottom: 15px; }
@media (min-width: 768px) {
app-user-profile-delete .profile-delete .btn:first-child {
margin-bottom: 0;
margin-right: 15px; } }
app-user-signin .user-signin {
min-height: 50vh;
width: 100%;
max-width: 817px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 767px) {
app-user-signin .user-signin {
width: 460px; } }
@media (max-width: 767px) {
app-user-signin .user-signin {
box-sizing: border-box;
width: 100%; } }
@media (min-width: 768px) {
app-user-signin .user-signin .tabs ul {
height: 70px; } }
@media (min-width: 768px) {
app-user-signin .user-signin .tabs ul li {
max-width: initial;
width: 170px; } }
app-user-signin .user-signin .tabs ul li a {
font-size: 24px;
padding: 4px 0px; }
@media (max-width: 767px) {
app-user-signin .user-signin .tabs ul li a {
font-size: 16px;
font-weight: 600; } }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel {
margin-top: 0; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content {
padding-top: 42px; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content {
padding-top: 22px;
padding-bottom: 22px; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-wrap {
display: flex;
justify-content: space-between;
padding: 0 15px; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-wrap {
flex-direction: column; } }
@media (max-width: 480px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-wrap {
padding: 0; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-left-column, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-right-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-left-column {
width: 100%; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-left-column form {
align-self: stretch; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-left-column .submit-btn-wrap {
text-align: center; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-right-column {
align-items: flex-end; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .social-alternative-text {
display: none;
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
font-size: 15px;
font-weight: 600;
color: #909298; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .social-alternative-text {
display: inline-block; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-right-column {
padding-top: 15px;
width: 100%; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-right-column {
display: flex;
flex-direction: row;
justify-content: center;
padding-top: 0; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-right-column .btn.social {
margin: 9px 0;
float: right; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .signin-right-column .btn.social {
margin: 0 12px; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .control .btn.primary {
margin-top: 22px;
width: 280px; }
@media (max-width: 479px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .control .btn.primary {
min-width: 220px;
width: auto; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .create-terms {
text-align: center;
margin-top: 42px; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .forgot-password-link {
text-align: center;
margin-top: 23px; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .forgot-password-link p {
display: inline-block; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .forgot-password-link p:first-child {
padding-left: 10px; }
@media (max-width: 767px) {
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .forgot-password-link p {
display: block;
padding-left: 0; } }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-explanation {
margin-top: 6px; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-missing {
margin-top: 18px; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-resend, app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-change {
margin-top: -1px; }
app-user-signin .user-signin sat-panel .panels sat-panel-item .body .content .verify-password .email-wrong {
margin-top: 17px; }
app-accommodation-content app-gallery {
margin-top: 50px;
display: block; }
app-accommodation-content .tabbed-content-container {
padding-bottom: 20px; }
app-accommodation-content .tabbed-content-container sat-panel.tab .panels.narrow-tabs .body .content {
padding-bottom: 0px; }
app-accommodation-content .header, app-accommodation-content .spectators-wish-list-page .header, .spectators-wish-list-page app-accommodation-content .header {
overflow: hidden; }
app-accommodation-content .header-overlay {
background-size: cover;
filter: blur(15px);
transform: scale(1.2);
opacity: 1; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-accommodation-content .header-overlay {
pointer-events: none; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-accommodation-content .header-container {
background: #222632;
opacity: 0.8; } }
app-accordion sat-panel > div > .panel-item > .title {
position: relative;
padding-right: 40px;
font-size: 17px;
line-height: 30px; }
@media (min-width: 768px) {
app-accordion sat-panel > div > .panel-item > .title {
font-size: 17px;
line-height: 30px; } }
@media (min-width: 1080px) {
app-accordion sat-panel > div > .panel-item > .title {
font-size: 20px;
line-height: 30px; } }
app-accordion sat-panel > div > .panel-item > .title i {
position: absolute;
top: 10px;
right: 5px;
padding-right: 0; }
app-accordion sat-panel > div > .panel-item > .body > .content p, app-accordion sat-panel > div > .panel-item > .body > .content ul > li {
font-size: 16px;
line-height: 24px; }
app-accordion sat-panel > div > .panel-item > .body > .content ul > li > ul > li {
font-size: 16px;
line-height: 26px; }
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel {
margin: 20px -15px 0; }
@media (min-width: 768px) {
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel {
margin-top: 30px; } }
@media (min-width: 1080px) {
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel {
margin-top: 40px; } }
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel > div > .panel-item > .title {
font-size: 16px;
line-height: 18px; }
@media (min-width: 768px) {
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel > div > .panel-item > .title {
font-size: 17px;
line-height: 30px; } }
@media (min-width: 1080px) {
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel > div > .panel-item > .title {
font-size: 17px;
line-height: 30px; } }
@media (min-width: 1080px) {
app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel > div > .panel-item > .body > .content p, app-accordion sat-panel > div > .panel-item > .body > .content > sat-panel > div > .panel-item > .body > .content ul > li {
font-size: 17px;
line-height: 32px; } }
.cookie-notice-wrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000000; }
@media (min-width: 768px) {
.cookie-notice-wrapper {
width: calc(100% - 150px);
bottom: 35px;
left: 75px;
height: 445px; } }
@media (min-width: 1080px) {
.cookie-notice-wrapper {
width: calc(100% - 90px);
top: initial;
bottom: 0;
left: initial;
height: auto;
text-align: center;
right: 90px; } }
.cookie-notice-wrapper .cookie-notice-container {
display: flex;
flex-direction: column;
text-align: center;
padding: 20px; }
@media (min-width: 768px) {
.cookie-notice-wrapper .cookie-notice-container {
padding: 20px 80px; } }
@media (min-width: 1080px) {
.cookie-notice-wrapper .cookie-notice-container {
flex-direction: row;
justify-content: center;
width: auto;
align-items: center;
padding: 20px 90px;
text-align: left; } }
.cookie-notice-wrapper .cookie-notice-container .icon-cookies {
display: none; }
@media (min-width: 768px) {
.cookie-notice-wrapper .cookie-notice-container .icon-cookies {
display: block;
margin-top: 100px;
font-size: 50px; } }
@media (min-width: 1080px) {
.cookie-notice-wrapper .cookie-notice-container .icon-cookies {
margin-top: 0; } }
.cookie-notice-wrapper .cookie-notice-container .copy {
font-size: 15px;
line-height: 22px;
font-weight: 500; }
@media (min-width: 768px) {
.cookie-notice-wrapper .cookie-notice-container .copy {
font-size: 18px;
font-weight: 600; } }
@media (min-width: 1080px) {
.cookie-notice-wrapper .cookie-notice-container .copy {
font-size: 14px;
max-width: 350px;
margin-left: 20px; } }
@media (min-width: 1680px) {
.cookie-notice-wrapper .cookie-notice-container .copy {
max-width: 600px;
line-height: 20px; } }
.cookie-notice-wrapper .cookie-notice-container .copy a {
color: #303030;
border-color: #303030; }
.cookie-notice-wrapper .cookie-notice-container .copy a:hover {
color: #909298;
border-color: #909298;
background-color: transparent; }
.cookie-notice-wrapper .cookie-notice-container .copy br {
display: none; }
@media (min-width: 768px) {
.cookie-notice-wrapper .cookie-notice-container .copy br {
display: block; } }
.cookie-notice-wrapper .cookie-notice-container .btn {
margin: 20px auto 0; }
@media (min-width: 768px) {
.cookie-notice-wrapper .cookie-notice-container .btn {
margin-top: 55px;
margin-bottom: 20px; } }
@media (min-width: 1080px) {
.cookie-notice-wrapper .cookie-notice-container .btn {
margin: auto 50px; } }
@media (min-width: 1680px) {
.cookie-notice-wrapper .cookie-notice-container .btn {
margin: auto 40px; } }
app-error .error-container {
min-height: 100vh;
background-size: cover;
background-position: 100% 100%;
position: relative; }
app-error .error-container-pattern-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, #222632 0%, rgba(34, 38, 50, 0.75) 60%, rgba(34, 38, 50, 0) 100%), url(aa3b4576.png);
opacity: 0.15;
z-index: 3; }
app-error .error-container-darkened-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 38, 50, 0.5);
z-index: 2; }
app-error .error-container-wrapper {
z-index: 5;
padding-top: 200px;
text-align: center;
max-width: 1200px;
margin: 0 auto;
position: relative; }
app-error .error-container-wrapper .title_box {
color: #ffffff;
display: inline-block; }
app-error .error-container-wrapper .title_box .h1 {
font-size: 120px;
line-height: 120px;
font-weight: 700;
color: #ffffff; }
@media (max-width: 1079px) {
app-error .error-container-wrapper .title_box .h1 {
font-size: 120px;
line-height: 120px; } }
@media (max-width: 767px) {
app-error .error-container-wrapper .title_box .h1 {
font-size: 80px;
line-height: 80px; } }
@media (max-width: 480px) {
app-error .error-container-wrapper .title_box .h1 {
font-size: 55px;
line-height: 55px; } }
app-error .error-container-wrapper .title_box hr {
border: 0;
border-bottom: 2px solid #ffffff;
margin-top: 10px;
margin-bottom: 15px;
width: 60%; }
app-error .error-container-wrapper .expl {
color: #ffffff;
margin-top: 10px;
font-weight: 100;
padding: 0 20px;
font-size: 15px; }
app-error .error-container-wrapper .descr-box {
color: #ffffff;
margin: 30px 0; }
app-error .error-container-wrapper .descr-box .code {
margin: 0; }
app-error .error-container-wrapper .descr-box .sub {
margin: 0;
font-weight: 400; }
@media (max-width: 1079px) {
app-error .error-container-wrapper .descr-box {
padding: 0 40px; } }
app-error .error-container-wrapper .ie-block {
color: #ffffff; }
app-error .error-container-wrapper .ie-block .less-bold {
font-weight: 500; }
app-error .error-container-wrapper .ie-block .custom-hr {
width: 195px;
height: 4px;
margin: 0 auto; }
app-error .error-container-wrapper .ie-block img {
margin: 0 auto;
margin-bottom: 20px;
display: block; }
app-error .error-container-wrapper .ie-block .icon-ie {
font-size: 40px; }
app-error .error-container-wrapper .ie-block h6 {
margin-top: 0; }
@media (max-width: 1079px) {
app-error .error-container-wrapper {
padding-top: 150px; } }
@media (max-width: 480px) {
app-error .error-container-wrapper {
padding-top: 100px; } }
app-error .error-container-wrapper .btn {
z-index: 2;
margin-bottom: 60px; }
@media (max-width: 1079px) {
app-error .error-container.null-bg {
background-position: 0; }
app-error .error-container.askies-bg {
background-position: 50%; } }
.featurette-quote-box {
background-size: cover;
background-position: center center;
height: 400px;
display: flex;
align-items: center;
justify-content: center; }
@media (min-width: 768px) {
.featurette-quote-box {
height: 500px; } }
@media (min-width: 1080px) {
.featurette-quote-box {
justify-content: flex-end;
padding: 40px 50px; } }
@media (min-width: 1080px) and (max-width: 1079px) {
.featurette-quote-box {
padding: 40px 30px; } }
@media (min-width: 1080px) and (max-width: 767px) {
.featurette-quote-box {
padding: 40px 20px; } }
@media (min-width: 1680px) {
.featurette-quote-box {
height: 900px; } }
app-featurette-content .content-box {
padding: 40px 50px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
background-size: cover;
background-repeat: no-repeat;
height: 60vh;
text-align: center;
position: relative; }
@media (max-width: 1079px) {
app-featurette-content .content-box {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-featurette-content .content-box {
padding: 40px 20px; } }
@media (max-width: 768px) {
app-featurette-content .content-box {
height: auto; } }
app-featurette-content .content-box p {
position: relative;
text-align: center;
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin: 20px 10px 0; }
@media (min-width: 768px) {
app-featurette-content .content-box p {
margin: 10px 60px 0; } }
@media (min-width: 1080px) {
app-featurette-content .content-box p {
font-size: 20px;
max-width: 600px; } }
@media (min-width: 1366px) {
app-featurette-content .content-box p {
margin: 20px 100px 0;
max-width: 800px; } }
app-featurette-content .content-box h2 {
text-align: center;
color: #ffffff;
margin: 0;
max-width: 600px;
line-height: 45px;
font-weight: 500; }
@media (min-width: 1080px) {
app-featurette-content .content-box h2 {
line-height: 60px; } }
@media (min-width: 1366px) {
app-featurette-content .content-box h2 {
max-width: 800px; } }
app-featurette-content .content-box .content-subtitle {
color: #ffffff; }
app-featurette-content .content-box * {
z-index: 1; }
app-featurette-content .content-box .content-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(rgba(34, 38, 50, 0.7), rgba(34, 38, 50, 0.4));
z-index: 0; }
app-featurette-content .control-btns {
text-align: center;
margin-top: 30px; }
.footer {
padding: 40px 50px;
background-color: #eeeeee;
position: relative;
margin-top: 0;
border-top: 1px dashed #909298; }
@media (max-width: 1079px) {
.footer {
padding: 40px 30px; } }
@media (max-width: 767px) {
.footer {
padding: 40px 20px; } }
@media (max-width: 767px) {
.footer.shot-left {
padding-bottom: 60px; } }
.footer h4 {
margin: 0 0 1.3rem;
font-size: 25px; }
@media (max-width: 480px) {
.footer .social {
max-width: 178px;
margin: 0 auto; } }
.footer .social.holder {
max-width: 177px; }
.footer .social.holder img {
max-width: 177px; }
@media (max-width: 767px) {
.footer .social.holder {
margin: 0 auto;
margin-bottom: 50px;
border: none; }
.footer .social.holder img {
width: 100%; } }
@media (max-width: 480px) {
.footer .social.holder {
max-width: 100% !important;
margin-bottom: 20px;
text-align: center; }
.footer .social.holder img {
height: 88px;
width: auto; } }
.footer .social .social {
display: flex;
padding-top: 1.5rem;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.footer .social .social a {
font-size: 25px;
text-align: center;
color: #303030; }
.footer .social .social a.youtube {
font-size: 28px;
margin-top: -4px; }
@media (max-width: 480px) {
.footer .social .social a i {
display: block;
margin: 0 auto; } }
.footer .menu a {
text-decoration: none;
color: #303030; }
@media (max-width: 767px) {
.footer .newsletter {
width: 100%;
text-align: center; } }
.footer sat-panel.multiple .panels {
clear: both; }
@media (min-width: 768px) and (max-width: 1079px) {
.footer .columns.md-four {
width: 30.66666667%; } }
@media (min-width: 768px) and (max-width: 1079px) {
.footer .columns.md-twelve {
display: block;
width: 100%;
margin-left: 0;
float: left; } }
@media (max-width: 767px) {
.footer .columns.s-twelve {
width: 100%; } }
@media (max-width: 767px) {
.footer .columns.signup-desktop {
display: none; } }
@media (min-width: 768px) and (max-width: 1079px) {
.footer .columns.signup-desktop {
text-align: center;
margin-top: 50px;
padding-top: 50px;
border-top: 1px dashed #909298; } }
.footer .brought-to-you-by {
position: absolute;
left: 0;
bottom: 0;
width: auto;
max-height: 40px; }
.useful-links-mobile {
display: none; }
@media (max-width: 767px) {
.useful-links-mobile {
display: block; }
.useful-links-mobile a.link {
line-height: 45px;
border: none; } }
.useful-links-desktop {
display: block; }
@media (max-width: 767px) {
.useful-links-desktop {
display: none; } }
.useful-links-desktop ul {
margin-top: 20px; }
.useful-links-desktop ul li {
margin: 5px 0;
line-height: 20px; }
@media (min-width: 1680px) {
.useful-links-desktop ul li {
margin: 10px 0; } }
.useful-links-desktop ul li:last-child {
margin-bottom: 0px; }
.useful-links-desktop h5 {
margin: 0; }
@media (min-width: 1680px) {
.useful-links-desktop a {
font-size: 20px; } }
@media (max-width: 1079px) {
.signup-desktop .email-input .control.input {
width: 500px;
margin: auto; }
.signup-desktop .email-input .control.input label {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto; } }
@media (max-width: 1079px) {
.signup-desktop {
text-align: center;
width: 70%;
margin: 0 15%;
margin-top: 30px; }
.signup-desktop .btn.primary {
margin: 0 auto;
margin-top: 20px; } }
@media (max-width: 480px) {
.signup-desktop {
display: none; } }
.signup-mobile {
display: none; }
@media (max-width: 480px) {
.signup-mobile {
display: block; } }
.policy {
text-decoration: none;
background-color: #303030;
color: #909298;
padding: 10px 50px; }
@media (max-width: 1079px) {
.policy {
padding: 10px 30px 70px; } }
@media (max-width: 767px) {
.policy {
padding: 30px 20px 80px;
text-align: center; } }
.policy .float.right {
float: right; }
.policy .float.left {
float: left; }
@media (max-width: 480px) {
.policy .float.right, .policy .float.left {
float: none; } }
.policy .dpl {
padding: 12px 0 8px 0; }
@media (max-width: 767px) {
.policy .dpl {
display: flex;
justify-content: center;
flex-wrap: wrap; } }
.policy .dpl a {
color: #909298; }
.app-container.show-hover .policy .dpl a:hover, .policy .dpl a:focus, .policy .dpl a:active {
text-decoration: underline; }
.policy .dpl span {
padding: 0 3px; }
.policy .dpl br + span {
display: none; }
.policy img {
max-width: 125px;
display: block;
padding: 5px; }
@media (max-width: 480px) {
.policy img {
margin: 0 auto; } }
.gallery-wrapper {
position: relative;
overflow: hidden;
background-color: #303030;
color: #ffffff; }
@media (min-width: 768px) {
.gallery-wrapper {
background-color: #eeeeee;
color: #222632; } }
.gallery-wrapper .gallery-slider {
overflow: visible;
padding: 0; }
.gallery-wrapper .swiper-container {
overflow: visible; }
@media (max-width: 767px) {
.gallery-wrapper .swiper-container .swiper-slide {
margin: 22px 0 0 !important; } }
@media (min-width: 768px) {
.gallery-wrapper .swiper-container .swiper-slide.portrait {
width: 24.55%; } }
.gallery-wrapper .credits-container {
position: absolute; }
@media (max-width: 480px) {
.gallery-wrapper .credits-container {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
position: relative;
font-weight: 500;
font-size: 14px;
padding: 5px 0 15px;
color: #ffffff;
z-index: 100;
width: 100%;
left: 50%;
top: 10px; }
.gallery-wrapper .credits-container .content {
display: block; } }
.gallery-wrapper .video-wrapper {
position: relative;
padding-bottom: 100%;
height: 0; }
@media (min-width: 768px) {
.gallery-wrapper .video-wrapper {
padding-bottom: 49.5%; } }
.gallery-wrapper .video-wrapper iframe, .gallery-wrapper .video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.gallery-wrapper .slider-controls {
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
border-color: #ffffff;
color: #ffffff; }
@media (min-width: 768px) {
.gallery-wrapper .slider-controls {
margin: 30px 30px 0 0;
text-align: right; }
.gallery-wrapper .slider-controls .tag-circle {
border-color: #222632;
color: #222632; } }
@media (min-width: 1080px) {
.gallery-wrapper .slider-controls {
margin-right: 50px; } }
.loader-container {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 99999;
background-color: #222632; }
.loader-container-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
background: radial-gradient(ellipse at center, #222632 0%, #222632 40%, rgba(34, 38, 50, 0.9) 60%, rgba(34, 38, 50, 0) 100%), url(aa3b4576.png);
z-index: 1;
opacity: 0.1; }
.page-loader, .loader-container .loader {
border-radius: 50%;
color: #ffcb05;
font-size: 11px;
text-indent: -99999em;
width: 100px;
height: 100px;
box-shadow: inset 0 0 0 1em;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%); }
.page-loader:before, .loader-container .loader:before {
position: absolute;
content: '';
width: 60px;
height: 110px;
background: #222632;
border-radius: 110px 0 0 110px;
top: -2px;
left: -4px;
-webkit-transform-origin: 55px 55px;
transform-origin: 55px 55px;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s; }
.page-loader:after, .loader-container .loader:after {
position: absolute;
content: '';
width: 60px;
height: 110px;
background: #222632;
border-radius: 0px 110px 110px 0px;
top: -2px;
left: 49px;
-webkit-transform-origin: 0px 55px;
transform-origin: 0px 55px;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease; }
.loader-container .loader-text {
position: absolute;
left: 49%;
top: 50%;
color: #ffcb05; }
@-webkit-keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.load-container-circle {
margin-top: 65px; }
.load-container-circle .loader-circle,
.load-container-circle .loader-circle:after {
border-radius: 50%;
width: 30px;
height: 30px; }
.load-container-circle .loader-circle {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(34, 38, 50, 0.2);
border-right: 1.1em solid rgba(34, 38, 50, 0.2);
border-bottom: 1.1em solid rgba(34, 38, 50, 0.2);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loadCircle 1.1s infinite linear;
animation: loadCircle 1.1s infinite linear; }
@-webkit-keyframes loadCircle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loadCircle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.bck-black .load-container-circle .loader-circle {
border-top: 1.1em solid rgba(255, 255, 255, 0.1);
border-right: 1.1em solid rgba(255, 255, 255, 0.1);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.1); }
app-map {
display: block;
position: relative; }
app-map:after {
background: url(4ebe0e3b.png) center top;
position: absolute;
height: 47px;
content: "";
width: 100%;
top: 100%;
left: 0; }
app-map .map-container {
position: relative;
overflow: hidden; }
app-map .map-container #map-0, app-map .map-container #map-1, app-map .map-container #map-2, app-map .map-container #map-3, app-map .map-container #map-4, app-map .map-container #map-5 {
height: 515px; }
@media (max-width: 480px) {
app-map .map-container #map-0, app-map .map-container #map-1, app-map .map-container #map-2, app-map .map-container #map-3, app-map .map-container #map-4, app-map .map-container #map-5 {
height: 384px; } }
@media (min-width: 1080px) {
app-map .map-container #map-0, app-map .map-container #map-1, app-map .map-container #map-2, app-map .map-container #map-3, app-map .map-container #map-4, app-map .map-container #map-5 {
height: 700px; } }
app-map .map-container sat-card {
z-index: 1000;
position: absolute;
left: 200px;
top: calc(50% + 2px);
transform: translate(-300%, -50%); }
@media (max-width: 767px) {
app-map .map-container sat-card {
left: 140px; } }
@media (max-width: 767px) {
app-map .map-container sat-card {
left: 50%; } }
app-map .map-container sat-card .card-content ul {
list-style-type: none;
padding: 0; }
app-map .map-container .map-overlay {
background-color: #222632;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
sat-panel-item app-map {
border-top: none; }
sat-panel-item app-map:after {
display: none; }
@media (max-width: 480px) {
sat-panel-item app-map {
margin-bottom: 0; } }
app-photo img {
width: 100%; }
app-photo .credits-container {
padding-top: 5px;
padding-left: 15px;
font-size: 14px; }
app-photo .credits-container .content {
display: inline-block; }
app-points-of-interest .poi-container {
background: #eeeeee;
overflow: hidden;
padding: 40px 50px; }
@media (max-width: 1079px) {
app-points-of-interest .poi-container {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-points-of-interest .poi-container {
padding: 40px 20px; } }
@media (max-width: 767px) {
app-points-of-interest .poi-container {
padding-top: 0;
padding-bottom: 0; }
app-points-of-interest .poi-container:before {
content: none; } }
@media (min-width: 768px) {
app-points-of-interest .poi-container {
background-image: linear-gradient(to right top, #034694, #81a2c9); } }
app-points-of-interest .poi-container h3 {
display: none;
color: #ffffff;
font-size: 30px;
font-weight: 400;
text-align: center;
margin-bottom: 50px; }
@media (min-width: 768px) {
app-points-of-interest .poi-container h3 {
display: block; } }
app-points-of-interest .poi-container .tabbed-content {
overflow: visible; }
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body {
overflow: visible; }
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body .deck-slides {
overflow: visible; }
@media (max-width: 767px) {
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body {
margin-left: -7.5vw;
margin-right: -7.5vw;
padding: 0 7.5vw;
background-image: linear-gradient(to right top, #034694, #81a2c9);
position: relative; }
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(aa3b4576.png);
opacity: 0.1; }
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body .content {
padding: 20px 15px; }
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body .poi-food-container {
margin: -20px -40px -21px; } }
@media (max-width: 479px) {
app-points-of-interest .poi-container .tabbed-content sat-panel .panels sat-panel-item .body {
padding: 0 30px;
margin-left: -30px;
margin-right: -30px; } }
@media (min-width: 768px) {
app-points-of-interest .poi-container .swiper-wrapper {
justify-content: center; } }
app-quick-facts-slider .quick-facts-wrapper {
position: relative;
overflow: hidden; }
app-quick-facts-slider .background-img {
position: absolute;
top: 0;
left: 0;
width: 110%;
height: 110%;
background-size: cover;
background-repeat: no-repeat;
filter: blur(7px);
transition: opacity 0.5s ease;
opacity: 1; }
app-quick-facts-slider .background-img.fadeOutImage {
opacity: 0; }
app-quick-facts-slider .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 38, 50, 0.8); }
app-quick-facts-slider .facts-pagination {
margin-top: 10px;
text-align: center; }
@media (min-width: 768px) {
app-quick-facts-slider .facts-pagination {
display: none; } }
app-quick-facts-slider .tabbed-content {
padding: 40px 50px; }
@media (max-width: 1079px) {
app-quick-facts-slider .tabbed-content {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-quick-facts-slider .tabbed-content {
padding: 40px 20px; } }
app-quick-facts-slider .tabbed-content img {
display: none; }
app-quick-facts-slider .tabbed-content h3 {
text-align: center;
margin: 0;
padding-bottom: 30px;
font-size: 24px; }
@media (min-width: 1080px) {
app-quick-facts-slider .tabbed-content h3 {
font-size: 38px;
padding-bottom: 50px; } }
app-quick-facts-slider .tabbed-content .swiper-container {
overflow: visible; }
app-quick-facts-slider .tabbed-content .swiper-container .swiper-wrapper .swiper-slide {
text-align: center; }
app-quick-facts-slider .tabbed-content .panels .body {
overflow: visible; }
@media (min-width: 768px) {
app-quick-facts-slider .tabbed-content .swiper-wrapper .swiper-slide > img {
display: block;
width: 100%;
height: 375px; }
app-quick-facts-slider .tabbed-content .swiper-wrapper .swiper-slide .quick-fact-cards {
position: absolute;
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: flex-end;
align-items: stretch; }
app-quick-facts-slider .tabbed-content .swiper-wrapper .swiper-slide .quick-fact-cards sat-card, app-quick-facts-slider .tabbed-content .swiper-wrapper .swiper-slide .quick-fact-cards .card {
height: 100%; }
app-quick-facts-slider .tabbed-content .swiper-wrapper .swiper-slide .quick-fact-cards .card-container {
display: flex;
height: 100%; } }
@media (min-width: 768px) {
app-quick-facts-slider .tabbed-content .tab .tabs ul {
height: 40px; }
app-quick-facts-slider .tabbed-content .tab .tabs ul li {
height: 40px;
font-size: 12px; }
app-quick-facts-slider .tabbed-content .tab .tabs ul li a {
padding-left: 12px;
padding-right: 12px;
line-height: normal;
display: inline-block;
word-break: break-word;
white-space: initial;
max-height: 100%;
overflow: hidden; } }
@media (min-width: 1366px) {
app-quick-facts-slider .tabbed-content .swiper-wrapper .swiper-slide img {
height: auto; }
app-quick-facts-slider .tabbed-content .tab .tabs ul {
height: 55px; }
app-quick-facts-slider .tabbed-content .tab .tabs ul li {
height: 55px;
font-size: 14px; }
app-quick-facts-slider .tabbed-content .tab .tabs ul li a {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1366px) {
app-quick-facts-slider .tabbed-content .tab .tabs ul li a {
padding-left: 10px;
padding-right: 10px; } }
app-quick-facts-slider sat-swiper-controls .slider-controls {
text-align: right; }
app-quick-facts-slider sat-swiper-controls .slider-controls .controls-inner {
margin-top: 25px; }
@media (max-width: 1365px) {
app-quick-facts-slider sat-swiper-controls .slider-controls {
display: none; } }
@media (min-width: 768px) {
app-quick-facts-slider .btn.quick-fact-btn {
position: absolute;
left: 15px;
bottom: 15px; } }
@media (min-width: 1366px) {
app-quick-facts-slider .btn.quick-fact-btn {
position: absolute;
left: 0;
bottom: -80px; } }
app-reasons .swiper-container {
height: 100%; }
app-reasons .reason-pagination {
position: relative;
width: 100%;
bottom: 48px;
z-index: 2; }
app-reasons .reason-pagination.hide {
display: none; }
@media (min-width: 768px) {
app-reasons .reason-pagination {
bottom: 75px; } }
@media (min-width: 1080px) {
app-reasons .reason-pagination {
display: none; } }
app-reasons .reasons-wrapper {
overflow: hidden;
position: relative;
padding-top: 1px;
margin-top: -1px;
text-align: center;
height: 458px;
background-size: cover;
background-position: 70% 0; }
@media (min-width: 768px) {
app-reasons .reasons-wrapper {
height: 700px;
background-size: cover;
background-position: 60% 0; } }
@media (min-width: 1080px) {
app-reasons .reasons-wrapper {
height: 500px;
background-size: cover;
background-position: 0 0; } }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper {
height: 900px;
background-size: cover;
background-position: center; } }
app-reasons .reasons-wrapper .reasons-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 2;
transition: opacity 1s ease; }
app-reasons .reasons-wrapper .reasons-bg .reasons-bg-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
background: linear-gradient(180deg, transparent 0%, transparent 10%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.75) 100%); }
app-reasons .reasons-wrapper i.icon-gallery {
position: absolute;
cursor: pointer;
color: #ffffff;
z-index: 4;
top: 16px;
right: 16px;
font-size: 35px;
transition: opacity 1s ease;
opacity: 0; }
@media (max-width: 1079px) {
app-reasons .reasons-wrapper i.icon-gallery {
display: none; } }
app-reasons .reasons-wrapper i.icon-gallery.show {
opacity: 1; }
.app-container.show-hover app-reasons .reasons-wrapper i.icon-gallery.show:hover, app-reasons .reasons-wrapper i.icon-gallery.show:active {
color: #ffcb05; }
app-reasons .reasons-wrapper i.icon-close {
position: absolute;
color: #ffffff;
cursor: pointer;
z-index: 4;
transition: opacity 1s ease;
top: 19px;
right: 19px;
font-size: 25px;
opacity: 0; }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper i.icon-close {
top: 24px;
right: 24px;
font-size: 26px; } }
app-reasons .reasons-wrapper i.icon-close.show {
opacity: 1; }
.app-container.show-hover app-reasons .reasons-wrapper i.icon-close.show:hover, app-reasons .reasons-wrapper i.icon-close.show:active {
color: #ffcb05; }
app-reasons .reasons-wrapper > h2 {
position: relative;
color: #ffcb05;
font-weight: bold;
margin-bottom: 0;
z-index: 2;
transition: transform 1s ease;
transform: translateY(900px);
font-size: 45px;
margin-top: 112px;
line-height: 48px; }
@media (min-width: 768px) {
app-reasons .reasons-wrapper > h2 {
font-size: 104px;
margin-top: 193px;
line-height: 94px; } }
@media (min-width: 1080px) {
app-reasons .reasons-wrapper > h2 {
font-size: 104px;
margin-top: 104px;
line-height: 94px; } }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper > h2 {
font-size: 153px;
margin-top: 212px;
line-height: 139px; } }
@media (min-width: 768px) {
app-reasons .reasons-wrapper .reason-mobile-break {
display: none; } }
app-reasons .reasons-wrapper > h5 {
position: relative;
font-weight: 300;
color: white;
margin-bottom: 0;
z-index: 2;
transition: transform 1s ease 0.2s;
transform: translateY(900px);
font-size: 24px;
margin-top: 0;
line-height: 25px; }
@media (min-width: 768px) {
app-reasons .reasons-wrapper > h5 {
font-size: 55px;
line-height: 50px; } }
@media (min-width: 1080px) {
app-reasons .reasons-wrapper > h5 {
font-size: 55px;
line-height: 50px; } }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper > h5 {
font-size: 85px;
line-height: 76px; } }
app-reasons .reasons-wrapper > .control-btns {
margin-top: 34px;
transition: transform 1s ease 0.4s;
transform: translateY(900px); }
@media (min-width: 768px) {
app-reasons .reasons-wrapper > .control-btns {
margin-top: 52px; } }
@media (min-width: 1080px) {
app-reasons .reasons-wrapper > .control-btns {
margin-top: 44px; } }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper > .control-btns {
margin-top: 80px; } }
app-reasons .reasons-wrapper .btn {
min-width: 260px;
margin: 0 auto;
z-index: 2; }
@media (min-width: 768px) {
app-reasons .reasons-wrapper .btn {
min-width: 280px; } }
app-reasons .reasons-wrapper .reasons-slider {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
z-index: 1; }
app-reasons .reasons-wrapper .reasons-slider > sat-swiper-controls .slider-controls .controls-inner {
display: none;
transform: translateY(900px);
transition: transform 1s ease 0.6s; }
@media (min-width: 1080px) {
app-reasons .reasons-wrapper .reasons-slider > sat-swiper-controls .slider-controls .controls-inner {
display: inline-block;
position: absolute;
margin-left: -53px;
bottom: 35px;
z-index: 2; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
app-reasons .reasons-wrapper .reasons-slider > sat-swiper-controls .slider-controls .controls-inner {
margin-left: 0; } }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper .reasons-slider > sat-swiper-controls .slider-controls .controls-inner {
bottom: 45px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-reasons .reasons-wrapper .reasons-slider > sat-swiper-controls .slider-controls .controls-inner {
width: 100%; } }
app-reasons .reasons-wrapper .reasons-slider > sat-swiper-controls.hide {
display: none; }
app-reasons .reasons-wrapper .reasons-slider .reasons-slide {
width: 100% !important; }
app-reasons .reasons-wrapper.animated > h2, app-reasons .reasons-wrapper.animated > h5, app-reasons .reasons-wrapper.animated > .control-btns {
transform: initial; }
app-reasons .reasons-wrapper.closed > .reasons-bg {
opacity: 0;
pointer-events: none; }
app-reasons .reasons-wrapper.closed > h2 {
transform: translateX(-100%); }
app-reasons .reasons-wrapper.closed > h5 {
transition: transform 1s ease;
transform: translateX(100%); }
app-reasons .reasons-wrapper.closed > .control-btns {
transition: transform 1s ease;
transform: translateX(-100%); }
app-reasons .reasons-wrapper.closed .reasons-slider > sat-swiper-controls .slider-controls .controls-inner {
transform: translateY(0); }
app-reasons .reasons-wrapper.closed .swiper-slide:first-child .reason-number-wrapper {
transform: translateY(0); }
app-reasons .reasons-wrapper.closed .swiper-slide .reason-text-wrapper, app-reasons .reasons-wrapper.closed .swiper-slide .control-btns {
transform: translateY(0); }
app-reasons .reasons-wrapper .reasons-grid {
display: none; }
@media (min-width: 1080px) {
app-reasons .reasons-wrapper .reasons-grid {
display: flex;
flex-wrap: wrap;
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 100%;
background-color: #ffffff;
z-index: 2;
transition: all 0.5s ease; } }
app-reasons .reasons-wrapper .reasons-grid.open {
left: 0; }
app-reasons .reasons-wrapper .reasons-grid .grid-item {
position: relative;
flex: 1 0 20%;
box-sizing: border-box;
background: #e0ddd5;
height: auto;
display: flex;
align-items: center;
cursor: pointer; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-reasons .reasons-wrapper .reasons-grid .grid-item {
height: auto;
margin-top: -1px; } }
app-reasons .reasons-wrapper .reasons-grid .grid-item .overflow-hidden {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
app-reasons .reasons-wrapper .reasons-grid .grid-item .overflow-hidden .grid-item-bg {
position: absolute;
transition: filter 0.3s linear;
width: calc(100% + 2 * 20px);
height: calc(100% + 2 * 20px);
margin: -20px;
background-size: cover !important;
background-position: center !important;
filter: blur(15px); }
app-reasons .reasons-wrapper .reasons-grid .grid-item .overflow-hidden .grid-item-bg-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s linear;
background-color: #000;
opacity: 0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-reasons .reasons-wrapper .reasons-grid .grid-item .overflow-hidden .grid-item-bg-overlay {
opacity: 0.65; } }
.app-container.show-hover app-reasons .reasons-wrapper .reasons-grid .grid-item:hover .overflow-hidden .grid-item-bg, app-reasons .reasons-wrapper .reasons-grid .grid-item:active .overflow-hidden .grid-item-bg {
background: -moz-linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, black 100%);
/* ff3.6+ */
background: -webkit-linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, black 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, black 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, black 100%);
/* ie10+ */
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
/* w3c */
background-color: black;
filter: blur(0px); }
.app-container.show-hover app-reasons .reasons-wrapper .reasons-grid .grid-item:hover .overflow-hidden .grid-item-bg .grid-item-bg-overlay, app-reasons .reasons-wrapper .reasons-grid .grid-item:active .overflow-hidden .grid-item-bg .grid-item-bg-overlay {
opacity: 0.55; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.app-container.show-hover app-reasons .reasons-wrapper .reasons-grid .grid-item:hover .overflow-hidden .grid-item-bg .grid-item-bg-overlay, app-reasons .reasons-wrapper .reasons-grid .grid-item:active .overflow-hidden .grid-item-bg .grid-item-bg-overlay {
opacity: 0.45; } }
app-reasons .reasons-wrapper .reasons-grid .grid-item .grid-item-content {
z-index: 3;
width: 100%; }
app-reasons .reasons-wrapper .reasons-grid .grid-item .reason-number {
display: block;
font-weight: bold;
color: white;
font-size: 156px;
line-height: 140px;
padding-top: 15px; }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper .reasons-grid .grid-item .reason-number {
font-size: 277px;
line-height: 249px;
padding-top: 0; } }
app-reasons .reasons-wrapper .reasons-grid .grid-item .reason-text {
display: block;
color: white;
height: 57px;
font-size: 21px;
margin-top: 4px;
line-height: 23px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-width: 100%; }
@media (min-width: 1680px) {
app-reasons .reasons-wrapper .reasons-grid .grid-item .reason-text {
height: 72px;
font-size: 34px;
line-height: 36px; } }
app-reason-slide .reason-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
app-reason-slide .reason-slide .reason-slide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover;
background-position: center; }
app-reason-slide .reason-slide .reason-slide-bg .reason-slide-bg-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.95;
background: linear-gradient(180deg, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.75) 100%); }
app-reason-slide .reason-slide .reason-slide-bg.exploring {
width: calc(100% + 2 * 20px);
height: calc(100% + 2 * 20px);
margin: -20px;
filter: blur(15px); }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-reason-slide .reason-slide .reason-slide-bg.exploring .reason-slide-bg-overlay {
background: #222632;
opacity: 0.8; } }
app-reason-slide .reason-slide .deck-container {
padding-left: 16px;
padding-right: 16px;
margin-top: 195px; }
@media (min-width: 321px) {
app-reason-slide .reason-slide .deck-container {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide .deck-container {
margin-top: -44px;
padding-left: 30px;
padding-right: 30px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .deck-container {
padding-left: 50px;
padding-right: 50px;
margin-top: -139px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .deck-container {
margin-top: 0; } }
app-reason-slide .reason-slide .deck-container sat-swiper-controls .slider-controls {
display: block; }
app-reason-slide .reason-slide .deck-container sat-swiper-controls .slider-controls .controls-inner {
position: absolute; }
@media (min-width: 768px) {
app-reason-slide .reason-slide .deck-container sat-swiper-controls .slider-controls .controls-inner {
margin-top: -25px;
right: 30px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .deck-container sat-swiper-controls .slider-controls .controls-inner {
margin-top: -437px;
right: -21px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .deck-container sat-swiper-controls .slider-controls .controls-inner {
margin-top: -580px; } }
app-reason-slide .reason-slide .deck-container .swiper-slide {
pointer-events: initial; }
app-reason-slide .reason-slide .reason-number {
position: relative;
transition: all 0.5s ease;
font-weight: bold;
letter-spacing: -2px;
margin-bottom: 0;
background-image: url(aa3b4576.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffffff;
background-size: cover;
background-position: center;
background-position-y: 10px;
font-size: 220px;
line-height: 168px;
margin-top: 44px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-reason-slide .reason-slide .reason-number {
background: none !important; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide .reason-number {
font-size: 370px;
margin-top: -11px;
line-height: 451px;
letter-spacing: -8px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .reason-number {
font-size: 280px;
margin-top: -87px;
line-height: 451px;
letter-spacing: -6px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .reason-number {
letter-spacing: -15px;
font-size: 600px;
margin-top: 35px;
line-height: 523px; } }
app-reason-slide .reason-slide .reason-number-wrapper {
transition: transform 0.5s ease; }
app-reason-slide .reason-slide .reason-text-wrapper {
position: absolute;
color: white;
transition: top 0.5s ease, transform 1s ease 0.2s;
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 2 * 20px);
top: 229px;
height: 70px;
left: 20px;
right: 20px; }
@media (min-width: 768px) {
app-reason-slide .reason-slide .reason-text-wrapper {
width: calc(100% - 2 * 30px);
top: 372px;
height: 120px;
left: 30px;
right: 30px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .reason-text-wrapper {
width: calc(100% - 2 * 50px);
top: 238px;
height: 100px;
left: 50px;
right: 50px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .reason-text-wrapper {
top: 518px;
height: 128px; } }
app-reason-slide .reason-slide .reason-text {
position: relative;
color: white;
margin-bottom: 0;
margin-top: 0;
transition: font-weight 0.5s ease;
font-size: 29px;
font-weight: 400;
line-height: 35px; }
@media (min-width: 768px) {
app-reason-slide .reason-slide .reason-text {
font-size: 50px;
line-height: 60px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .reason-text {
font-size: 40px;
line-height: 44px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .reason-text {
font-size: 90px;
line-height: 128px; } }
app-reason-slide .reason-slide .reason-description {
visibility: hidden;
position: absolute;
left: 100%;
top: 127px;
padding-right: 16px;
text-align: left;
color: white;
font-size: 14px;
line-height: 22px;
width: calc(100% - 2 * 26px);
transition: left 0.5s ease; }
@media (min-width: 321px) {
app-reason-slide .reason-slide .reason-description {
padding-right: 26px; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide .reason-description {
font-size: 16px;
font-weight: 300;
top: 125px;
width: 460px;
line-height: 23px;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 92px;
font-size: 16px;
line-height: 1.4375; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .reason-description {
top: 61px;
width: 650px;
line-height: 18px;
font-weight: initial; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .reason-description {
font-size: 20px;
line-height: 32px;
top: 212px;
width: 800px; } }
app-reason-slide .reason-slide .reason-description p {
margin: 0;
font-size: 14px; }
@media (min-width: 768px) {
app-reason-slide .reason-slide .reason-description p {
font-size: 16px;
line-height: 23px;
font-weight: 300; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .reason-description p {
line-height: 18px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .reason-description p {
font-size: 20px;
line-height: 32px; } }
app-reason-slide .reason-slide .control-btns {
transition: transform 1s ease 0.4s;
margin-top: 100px; }
@media (min-width: 768px) {
app-reason-slide .reason-slide .control-btns {
margin-top: 70px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide .control-btns {
margin-top: -26px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide .control-btns {
margin-top: 107px; } }
app-reason-slide .reason-slide .reason-number-wrapper, app-reason-slide .reason-slide .reason-text-wrapper, app-reason-slide .reason-slide > .control-btns {
transform: translateY(900px); }
app-reason-slide .reason-slide.open .reason-number-wrapper {
transform: translateY(0); }
@keyframes roll-out {
0% {
transform: translateY(0); }
99% {
transform: translateY(-900px); }
100% {
transform: translateY(900px); } }
app-reason-slide .reason-slide.closed .reason-number-wrapper {
-webkit-animation: roll-out 1s;
-moz-animation: roll-out 1s;
-ms-animation: roll-out 1s;
-o-animation: roll-out 1s;
animation: roll-out 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none; }
app-reason-slide .reason-slide.exploring .reason-number {
font-size: 80px;
font-weight: 800;
line-height: 53px;
margin-top: 51px;
margin-left: 10px;
width: 80px;
background: none;
-webkit-text-fill-color: initial;
-webkit-background-clip: initial; }
@media (min-width: 321px) {
app-reason-slide .reason-slide.exploring .reason-number {
margin-left: 23px; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide.exploring .reason-number {
font-size: 272px;
line-height: 422px;
margin-top: -91px;
margin-left: -87px;
width: 384px;
background-image: url(aa3b4576.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffffff; } }
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
app-reason-slide .reason-slide.exploring .reason-number {
background: none !important; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide.exploring .reason-number {
font-size: 137px;
line-height: 451px;
margin-top: -154px;
margin-left: 11px;
width: 200px;
background: none;
-webkit-text-fill-color: initial;
-webkit-background-clip: initial; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide.exploring .reason-number {
font-size: 400px;
line-height: 463px;
margin-top: -64px;
margin-left: -263px;
width: 840px;
background-image: url(aa3b4576.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffffff; } }
@media screen and (min-width: 1680px) and (-ms-high-contrast: active), (min-width: 1680px) and (-ms-high-contrast: none) {
app-reason-slide .reason-slide.exploring .reason-number {
background: none !important; } }
app-reason-slide .reason-slide.exploring .reason-text-wrapper {
width: auto;
top: 52px;
left: 100px;
right: 10px;
height: 56px;
justify-content: flex-start;
transition: top 0.5s ease; }
@media (min-width: 321px) {
app-reason-slide .reason-slide.exploring .reason-text-wrapper {
top: 46px;
left: 119px;
height: 64px;
right: 20px; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide.exploring .reason-text-wrapper {
top: 36px;
left: 268px;
height: 92px;
right: 30px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide.exploring .reason-text-wrapper {
top: 1px;
left: 213px;
right: 50px;
height: 60px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide.exploring .reason-text-wrapper {
top: 55px;
height: 160px;
left: 379px; } }
app-reason-slide .reason-slide.exploring .reason-text {
font-weight: 200;
font-size: 24px;
line-height: 28px;
text-align: left; }
@media (min-width: 321px) {
app-reason-slide .reason-slide.exploring .reason-text {
font-size: 30px;
line-height: 32px; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide.exploring .reason-text {
font-size: 46px;
line-height: 46px;
position: absolute;
bottom: 0; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide.exploring .reason-text {
font-size: 40px;
line-height: 30px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide.exploring .reason-text {
font-size: 80px;
line-height: 80px; } }
app-reason-slide .reason-slide.exploring .reason-description {
visibility: visible;
left: 16px; }
@media (min-width: 321px) {
app-reason-slide .reason-slide.exploring .reason-description {
left: 26px; } }
@media (min-width: 768px) {
app-reason-slide .reason-slide.exploring .reason-description {
left: 272px; } }
@media (min-width: 1080px) {
app-reason-slide .reason-slide.exploring .reason-description {
left: 216px; } }
@media (min-width: 1680px) {
app-reason-slide .reason-slide.exploring .reason-description {
left: 386px; } }
app-reason-slide .reason-slide.exploring .control-btns {
display: none; }
.text-align-row .eight .richText-container {
margin-top: 0; }
@media (min-width: 1080px) {
.text-align-row .eight .richText-container {
margin-top: 65px; } }
.retweet-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
position: relative;
word-break: break-word; }
@media (max-width: 1079px) {
.retweet-container {
background-color: #ffffff;
padding: 115px 30px 55px 30px; } }
.retweet-container .icon-twitter, .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social, .card-container .card sat-social-feed-card.twitter .card-back .card-top .retweet-container .social, .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .retweet-container .social {
position: absolute;
top: 0;
left: 15px;
display: block;
font-size: 180px;
line-height: 150px; }
@media (max-width: 1079px) {
.retweet-container .icon-twitter, .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social, .card-container .card sat-social-feed-card.twitter .card-back .card-top .retweet-container .social, .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .retweet-container .social {
left: -45px;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 75px; } }
.retweet-container .icon-twitter:before, .retweet-container .btn.social.twitter:before, .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .retweet-container .social:before, .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .retweet-container .social:before {
background-image: url(7d46d7af.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffe582;
position: static;
margin: 0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.retweet-container .icon-twitter:before, .retweet-container .btn.social.twitter:before, .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .retweet-container .social:before, .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .retweet-container .social:before {
background: none !important; } }
.retweet-container .retweet {
width: 100%;
padding: 25px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media (max-width: 1079px) {
.retweet-container .retweet {
padding: 0; } }
.retweet-container .retweet p {
z-index: 1;
font-size: 20px;
position: relative;
margin: 0; }
@media (max-width: 1079px) {
.retweet-container .retweet p {
font-size: 18px; } }
.retweet-container .retweet p.author {
margin-top: 20px;
color: #909298; }
.retweet-container .retweet p a {
font-size: 14px; }
.retweet-container .retweet p a.btn {
font-size: 18px; }
.retweet-container .retweet .btn.btn-retweet {
margin-right: auto;
margin-left: auto;
margin-top: 20px;
max-width: 280px;
width: 100%;
min-width: 100px;
min-height: 50px;
display: block; }
@media (max-width: 1079px) {
.retweet-container .retweet .btn.btn-retweet {
margin-right: auto;
margin-left: auto;
line-height: 45px;
max-width: 260px;
margin-top: 30px;
height: 50px;
padding-top: 0px; } }
app-rich-text .richText-container h2 {
font-size: 30px;
line-height: 40px;
margin: 40px 0 30px;
font-weight: 400; }
@media (min-width: 1680px) {
app-rich-text .richText-container h2 {
font-size: 40px;
line-height: 44px; } }
app-rich-text .richText-container h2:after {
content: "";
display: block;
position: relative;
background: none repeat scroll 0 0 #303030;
bottom: -5px;
left: 1px;
height: 3px;
width: 70px; }
@media (max-width: 767px) {
app-rich-text .richText-container h2:after {
bottom: -11px; } }
app-rich-text .richText-container h2:last-child {
margin-bottom: 0; }
app-rich-text .richText-container h3 {
font-size: 22px;
margin: 30px 0 15px;
font-weight: 400; }
app-rich-text .richText-container .first-letter {
display: none; }
app-rich-text .text-area {
font-size: 20px;
line-height: 32px; }
app-rich-text .text-area p, app-rich-text .text-area ul > li {
font-size: 20px;
line-height: 32px; }
app-rich-text .text-area ul > li > ul > li {
font-size: 16px;
line-height: 26px; }
app-rich-text .text-area ol > li > ol > li {
font-size: 16px;
line-height: 26px; }
app-rich-text .quote {
font-size: 25px; }
@media (max-width: 767px) {
app-rich-text .quote {
font-size: 20px; } }
app-rich-text .quote-underline {
display: block;
margin-left: 50px; }
@media (max-width: 1079px) {
app-rich-text .quote-underline {
margin-left: 30px; } }
@media (max-width: 767px) {
app-rich-text .quote-underline {
margin: 0; } }
app-rich-text .richText-author {
font-size: 14px;
font-weight: 800;
padding-left: 50px; }
@media (max-width: 1079px) {
app-rich-text .richText-author {
padding-left: 30px; } }
@media (max-width: 767px) {
app-rich-text .richText-author {
padding: 0; } }
app-rich-text .DYK {
text-align: center; }
@media (min-width: 1080px) {
app-rich-text .DYK {
padding-right: 40px;
text-align: left; } }
app-rich-text .DYK .dyk-title {
display: inline;
font-size: 26px;
line-height: 24px;
font-weight: bold; }
@media (min-width: 768px) {
app-rich-text .DYK .dyk-title {
font-weight: normal; } }
app-rich-text .DYK.richText-container {
font-weight: bold;
font-style: italic; }
@media (min-width: 768px) {
app-rich-text .DYK.richText-container {
font-weight: normal; } }
.slide-menu-container {
margin-top: 90px; }
.slide-menu-container li {
list-style: none; }
.slide-menu-container .ui-slidemenu-backward {
color: #ffffff;
padding-left: 15px;
font-weight: 600;
font-size: 16px; }
.slide-menu-container .ui-slidemenu-backward:active {
background-color: #4b4e58; }
.slide-menu-container .ui-slidemenu-backward .fa:before {
font-family: 'fontello';
content: '\E803';
transform: rotate(180deg);
float: right;
margin-right: 14px; }
.slide-menu-container .ui-slidemenu-content ul {
padding: 0px; }
.slide-menu-container .ui-slidemenu .ui-slidemenu-wrapper {
position: relative; }
.slide-menu-container .ui-slidemenu .ui-slidemenu-content {
overflow-x: hidden;
overflow-y: auto;
position: relative; }
.slide-menu-container .ui-slidemenu .ui-menu-list {
position: absolute;
top: 0; }
.slide-menu-container .ui-slidemenu .ui-menu-parent {
position: static; }
.slide-menu-container .ui-slidemenu .ui-menu-child {
box-shadow: none;
border: 0 none;
background: none repeat scroll 0 0 transparent; }
.slide-menu-container .ui-slidemenu-backward {
position: absolute;
top: 0;
width: 100%;
height: 60px;
cursor: pointer;
display: none; }
.slide-menu-container .ui-menu {
width: 100%;
position: relative; }
.slide-menu-container .ui-menu.ui-menu-dynamic {
position: absolute;
display: none;
z-index: 100000; }
.slide-menu-container .ui-menu-list {
position: static;
margin: 0px;
padding: 0px; }
.slide-menu-container .ui-menu .ui-menu-list .ui-widget-header {
clear: both;
float: left;
width: 98%;
margin: 1px 0; }
.slide-menu-container .ui-menu .ui-menu-list .ui-menuitem {
height: 60px;
background-color: #222632;
border: 0;
width: 100%;
float: left;
clear: both;
margin: 0;
padding: 0;
line-height: 3.5; }
.slide-menu-container .ui-menu .ui-menu-list .ui-menuitem:active {
background-color: #4b4e58; }
.slide-menu-container .ui-menu .ui-menu-list .ui-menuitem a {
width: 100%;
height: 100%;
display: block; }
.slide-menu-container .ui-menu .ui-menu-list .ui-menuitem a span {
margin-left: 10%; }
.slide-menu-container .ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover {
display: block;
background-color: #4b4e58; }
.slide-menu-container .ui-menu .ui-menuitem-parent {
width: 100%;
float: left;
clear: both;
margin: 0;
padding: 0; }
.slide-menu-container .ui-menu .ui-menuitem-link {
display: inline;
font-weight: 600;
border: solid 1px transparent;
cursor: pointer; }
.slide-menu-container .ui-menu .ui-menuitem-text {
float: left;
color: #ffffff;
font-weight: 600;
font-size: 16px; }
.slide-menu-container .ui-menu .ui-menu-parent .ui-menu-child {
display: none;
position: absolute;
margin: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: none; }
.slide-menu-container .ui-menu .ui-menu-parent {
position: relative; }
.slide-menu-container .ui-menu .ui-menu-parent .ui-submenu-icon {
float: right;
margin-right: -5px; }
.slide-menu-container .ui-menubutton {
padding: 0; }
.slide-menu-container .ui-menubutton .ui-button {
margin: 0; }
.slide-menu-container .ui-menubar {
width: auto; }
.slide-menu-container .ui-menubar .ui-menuitem {
width: auto;
clear: none;
list-style: none; }
.slide-menu-container .ui-menubar .ui-menu-child .ui-menuitem {
width: 100%; }
.slide-menu-container .ui-menubar .ui-menu-child {
top: 25px;
left: 0; }
.slide-menu-container .ui-menubar .ui-menuitem-link {
width: auto; }
.slide-menu-container .ui-menubar .ui-widget-header {
clear: none;
width: auto;
margin: 0 3px 0 0; }
.slide-menu-container .ui-menubar .ui-menubar-options {
float: right; }
.slide-menu-container .ui-slidemenu .ui-slidemenu-wrapper {
position: relative; }
.slide-menu-container .ui-slidemenu .ui-slidemenu-content {
overflow-x: hidden;
overflow-y: auto;
position: relative; }
.slide-menu-container .ui-slidemenu .ui-menu-list {
position: absolute;
top: 0; }
.slide-menu-container .ui-slidemenu .ui-menu-parent {
position: static; }
.slide-menu-container .ui-slidemenu .ui-menu-child {
box-shadow: none;
border: 0 none;
background: none repeat scroll 0 0 transparent; }
.slide-menu-container .ui-slidemenu-backward {
position: absolute;
top: -60px;
width: 80%;
padding: 0px 10%;
cursor: pointer;
display: none;
line-height: 3.5; }
.slide-menu-container .ui-fluid .ui-menu {
width: 100%; }
.slide-menu-container .ui-megamenu .ui-megamenu-panel.ui-menu-child {
width: auto; }
.slide-menu-container .ui-megamenu .ui-megamenu-panel .ui-menu-list {
width: 12.5em; }
.slide-menu-container .ui-megamenu-vertical {
width: 12.5em; }
.slide-menu-container .ui-megamenu-vertical .ui-menuitem-link,
.slide-menu-container .ui-megamenu-vertical .ui-menu-list .ui-menuitem {
width: 100%;
box-sizing: border-box; }
.slide-menu-container .ui-panelmenu {
width: auto; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-panel {
padding: 0;
margin: 0; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-header {
cursor: pointer;
position: relative;
margin: 0;
zoom: 1; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-header a {
display: block;
padding: .5em .5em .5em 2.2em; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-header .fa {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-header .ui-menuitem-icon.fa {
left: 1.5em; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-content {
padding: .2em 0;
border-top: 0;
overflow: auto;
zoom: 1;
outline: 0;
margin-bottom: 1px; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-content-wrapper {
box-sizing: border-box; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-content-wrapper-overflown {
overflow: hidden; }
.slide-menu-container .ui-panelmenu .ui-panelmenu-header.ui-state-disabled,
.slide-menu-container .ui-panelmenu .ui-panelmenu-header.ui-state-disabled a {
cursor: default; }
.slide-menu-container .ui-panelmenu .ui-menu-list {
position: static; }
.slide-menu-container .ui-menuitem-active > .ui-submenu > ul,
.slide-menu-container .ui-menuitem-active > .ui-megamenu-panel {
display: block !important; }
app-social-share .modal-cover .modal-container {
top: 100px;
text-align: center; }
@media (min-width: 1080px) {
app-social-share .modal-cover .modal-container {
top: 180px; } }
app-social-share .share-heading {
font-size: 40px;
line-height: 40px;
font-weight: 500; }
@media (max-width: 1079px) {
app-social-share .share-heading {
font-size: 26px; } }
@media (max-width: 480px) {
app-social-share .share-heading {
font-size: 22px;
margin: 0 auto;
width: 70%; } }
app-social-share .share-social-row {
margin: 155px 16% 0;
display: flex; }
@media (max-width: 1079px) {
app-social-share .share-social-row {
flex-direction: column; } }
app-social-share .share-social-row .share-item {
flex: 1;
display: flex;
justify-content: center; }
@media (max-width: 1079px) {
app-social-share .share-social-row {
margin-top: 1rem; } }
app-social-share .share-social-btn {
display: inline-block;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff !important;
text-decoration: none; }
app-social-share .share-social-btn i {
display: block;
margin-bottom: 0;
font-size: 100px; }
@media (max-width: 1079px) {
app-social-share .share-social-btn i {
margin-bottom: 20px;
line-height: 100px;
font-size: 100px; }
app-social-share .share-social-btn i.icon-twitter, app-social-share .share-social-btn .card-container .card sat-social-feed-card.twitter .card-back .card-top i.social, .card-container .card sat-social-feed-card.twitter .card-back .card-top app-social-share .share-social-btn i.social, app-social-share .share-social-btn .card-container .card sat-social-feed-card.twitter .card-flipped .card-top i.social, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top app-social-share .share-social-btn i.social {
font-size: 86px;
line-height: 86px; }
app-social-share .share-social-btn i.icon-email {
font-size: 80px;
line-height: 80px; } }
@media (max-width: 480px) {
app-social-share .share-social-btn i {
font-size: 50px;
line-height: 50px; }
app-social-share .share-social-btn i.icon-twitter, app-social-share .share-social-btn .card-container .card sat-social-feed-card.twitter .card-back .card-top i.social, .card-container .card sat-social-feed-card.twitter .card-back .card-top app-social-share .share-social-btn i.social, app-social-share .share-social-btn .card-container .card sat-social-feed-card.twitter .card-flipped .card-top i.social, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top app-social-share .share-social-btn i.social {
font-size: 45px;
line-height: 45px; }
app-social-share .share-social-btn i.icon-email {
font-size: 40px;
line-height: 40px; } }
@media (max-width: 1079px) {
app-social-share .share-social-btn {
margin-top: 60px;
font-size: 18px; } }
@media (max-width: 480px) {
app-social-share .share-social-btn {
margin-bottom: 20px;
margin-top: 20px;
font-size: 15px; } }
app-social-share .share-social-btn i:before {
cursor: pointer;
background-image: url(332c4f05.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(332c4f05.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(332c4f05.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(332c4f05.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(332c4f05.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffcb05;
position: static;
background-position: 100px 160px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-social-share .share-social-btn i:before {
background: none !important; } }
app-social-share .share-social-btn:not(:hover):not(:active) i:before {
-webkit-text-fill-color: initial;
-moz-text-fill-color: initial;
-ms-text-fill-color: initial;
-o-text-fill-color: initial;
color: #ffffff; }
app-thank-you {
background: url(aa3b4576.png), linear-gradient(to right top, #034694, #81a2c9); }
app-thank-you h2 {
text-align: center;
color: #ffffff;
margin-top: 0;
font-size: 6em; }
@media (max-width: 1080px) {
app-thank-you h2 {
line-height: 45px;
font-size: 6em; } }
@media (max-width: 480px) {
app-thank-you h2 {
line-height: 45px;
font-size: 4em; } }
app-thank-you h4 {
text-align: center;
color: #ffffff;
margin-top: 0;
font-size: 2em; }
@media (max-width: 480px) {
app-thank-you h4 {
line-height: 45px;
font-size: 1.5em; } }
app-thank-you p {
text-align: center;
color: #ffffff;
font-size: 20px; }
@media (max-width: 1080px) {
app-thank-you p {
font-size: 1.5em; } }
@media (max-width: 480px) {
app-thank-you p {
line-height: 45px;
font-size: 1em; } }
app-thank-you .content-box {
padding: 40px 50px;
background: url(a1774d23.jpg), linear-gradient(to right top, #034694, #81a2c9);
background-size: cover !important;
padding-bottom: 0 !important;
padding-top: 20vh !important;
height: calc(900px - 40px); }
@media (max-width: 1079px) {
app-thank-you .content-box {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-thank-you .content-box {
padding: 40px 20px; } }
@media (max-width: 1080px) {
app-thank-you .content-box {
height: calc(900px - 40px); } }
@media (max-width: 480px) {
app-thank-you .content-box {
height: calc(70vh - 100px); } }
app-thank-you .content-box p {
margin-right: auto;
margin-left: auto;
max-width: 700px; }
app-thank-you .control-btns {
text-align: center;
margin-top: 4rem; }
app-thank-you .control-btns .btn {
margin: 0 auto; }
app-meeting-planner {
display: block; }
app-meeting-planner .meeting-planner-section {
width: auto;
height: 345px;
padding-top: 15px;
margin: 40px 50px;
background-image: url(bd2e3601.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media (max-width: 1079px) {
app-meeting-planner .meeting-planner-section {
margin: 40px 30px; } }
@media (max-width: 767px) {
app-meeting-planner .meeting-planner-section {
margin: 40px 20px; } }
@media (min-width: 768px) {
app-meeting-planner .meeting-planner-section {
height: 600px; } }
app-meeting-planner .venue-search-container {
margin: 0 auto;
text-align: center;
padding-left: 10px;
padding-right: 10px; }
@media (min-width: 481px) {
app-meeting-planner .venue-search-container {
margin-top: 50px; } }
@media (min-width: 768px) {
app-meeting-planner .venue-search-container {
margin-top: 120px; } }
app-meeting-planner .venue-search-container .dropdown-container {
max-width: 425px;
margin: 50px auto 0 auto; }
@media (min-width: 481px) {
app-meeting-planner .venue-search-container .dropdown-container {
margin: 25px auto; } }
app-meeting-planner .venue-search-container .dropdown-container .dropdown {
width: 130px; }
app-meeting-planner .venue-search-container .dropdown-container .dropdown .dropdown-input {
border-color: #ffffff; }
@media (min-width: 768px) {
app-meeting-planner .venue-search-container .dropdown-container.mobile-only {
display: none; } }
app-meeting-planner .venue-search-container .dropdown-container.non-mobile-only {
display: none; }
@media (min-width: 768px) {
app-meeting-planner .venue-search-container .dropdown-container.non-mobile-only {
margin: 50px auto 0 auto;
display: block; } }
app-meeting-planner .venue-search-container .search-btn {
margin-top: 30px; }
@media (min-width: 768px) {
app-meeting-planner .venue-search-container .search-btn {
margin-top: 45px; } }
#toast-container {
margin-left: 10px;
margin-right: 10px;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center; }
#toast-container * {
vertical-align: middle; }
#toast-container .toast-close-button {
right: 14px;
top: 4px;
color: #222632;
position: absolute; }
#toast-container > div.toast-custom .toast-close-button {
color: #222632 !important; }
#toast-container .toast {
border-radius: 5px;
width: 100%;
max-width: 768px;
min-height: 120px;
color: #222632;
background-image: none !important;
padding: 20px;
box-shadow: none; }
@media (min-width: 1080px) {
#toast-container .toast {
max-width: 550px; } }
.app-container.show-hover #toast-container .toast:hover, #toast-container .toast:active {
box-shadow: none; }
#toast-container .toast .toast-title {
font-size: 18px;
font-weight: 600;
text-align: center; }
#toast-container .toast .toast-message {
font-size: 18px;
text-align: center;
margin-top: 10px;
display: block; }
#toast-container .toast-warning {
position: absolute;
right: 128px;
top: 70px;
height: 80px;
width: 246px;
min-height: initial;
padding-top: 17px;
padding-left: 50px;
padding-right: 16px;
color: #303030 !important;
background-image: none !important; }
@media (max-width: 1079px) {
#toast-container .toast-warning {
right: 17px; } }
@media (max-width: 767px) {
#toast-container .toast-warning {
right: 9px;
top: 65px; } }
#toast-container .toast-warning .toast-title {
font-size: 12px;
text-align: left;
font-weight: bold; }
#toast-container .toast-warning .toast-message {
font-size: 12px;
text-align: left;
line-height: 1.2;
margin-top: 0; }
#toast-container .toast-warning:before {
content: "";
position: fixed;
top: 59px;
right: 151px;
z-index: 1;
border: solid 6px transparent;
border-bottom-color: #ffe582; }
@media (max-width: 1079px) {
#toast-container .toast-warning:before {
right: 42px; } }
@media (max-width: 767px) {
#toast-container .toast-warning:before {
right: 29px;
top: 54px; } }
#toast-container .toast-warning:after {
content: '\E802';
font-family: "fontello";
position: absolute;
color: #fff;
font-size: 55px;
left: -13px;
top: 50%;
transform: translateY(-50%);
opacity: 0.5; }
#toast-container div.toast {
padding: 12px; }
#toast-container div.toast .toast-message.action {
font-size: 18px;
font-weight: 600;
border: 2px solid #222632;
padding: 10px 0;
max-width: 260px;
margin: 5px auto 0; }
app-trip-time {
display: block; }
#trip-time {
position: relative;
padding: 4%;
height: 385px;
overflow: hidden; }
@media (min-width: 768px) {
#trip-time {
height: 480px; } }
@media (min-width: 768px) {
#trip-time:before {
content: none; } }
@media (min-width: 1080px) {
#trip-time {
height: 500px; } }
@media (min-width: 1680px) {
#trip-time {
height: 900px; } }
.trip-time-map {
display: none; }
@media (min-width: 768px) {
.trip-time-map {
display: block;
position: relative; } }
@media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) {
.trip-time-map {
height: 100%; } }
.countless-moments {
font-size: 40px; }
#map-interior-area {
position: relative;
user-select: none; }
#map-interior-area img {
display: block;
width: 100%; }
#map-interior-area svg {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1; }
#map-interior-area svg circle {
z-index: 4; }
#map-interior-area svg circle.map-point-outer {
z-index: 4;
fill: #ffffff;
opacity: 0.1; }
#map-interior-area svg circle.map-point-outer.with-pointer {
cursor: pointer; }
#map-interior-area svg circle.map-point-inner {
z-index: 4;
fill: #ffcb05; }
#map-interior-area svg circle.map-point-inner.with-pointer {
cursor: pointer; }
#map-interior-area svg .map-point:hover circle.map-point-outer {
opacity: 0.7; }
#flight-path-elm {
stroke: rgba(238, 238, 238, 0.3);
stroke-width: 2px;
fill: none;
stroke-dasharray: 6 4;
transition-duration: 400ms; }
#trip-plane-image {
z-index: 1; }
#trip-plane-image, #trip-shadow-image {
display: block;
width: auto !important;
position: absolute;
will-change: transform; }
#trip-shadow-image {
z-index: 0; }
#local-map-interior-area {
margin: 0 auto;
position: relative; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#local-map-interior-area {
height: 100%; }
#local-map-interior-area .map-block {
height: 100%; } }
@media (min-width: 768px) {
#local-map-interior-area {
margin-top: 80px;
width: 420px; } }
@media (min-width: 1080px) {
#local-map-interior-area {
margin-top: 20px;
width: 550px; } }
@media (min-width: 1680px) {
#local-map-interior-area {
margin-top: 100px;
width: 850px; } }
#local-map-interior-area .map-symbols-hidden {
display: none !important; }
#local-map-interior-area svg {
top: 0;
right: -80px;
position: absolute;
z-index: 0;
max-width: 100%; }
#local-map-interior-area svg image {
transform-origin: center center; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#local-map-interior-area svg image {
display: none; } }
@supports (-ms-ime-align: auto) {
#local-map-interior-area svg image {
display: none; } }
@-moz-document url-prefix() {
#local-map-interior-area svg image {
display: none; } }
#local-map-interior-area svg .cls-1 {
fill: none; }
#local-map-interior-area svg .cls-2 {
fill: #022c74; }
#local-map-interior-area svg .cls-3 {
opacity: 0.1; }
#local-map-interior-area svg .cls-4, #local-map-interior-area svg .cls-6 {
fill: #ffffff; }
#local-map-interior-area svg .cls-6 {
opacity: 0.5; }
#local-map-interior-area svg .cls-7 {
fill: #ffcb05; }
#local-map-interior-area .map-point-outer, #local-map-interior-area .map-point-inner {
z-index: 4;
transition-duration: 400ms; }
#local-map-interior-area .map-point-outer.map-point-outer, #local-map-interior-area .map-point-inner.map-point-outer {
z-index: 4;
fill: #ffffff;
opacity: 0.1; }
#local-map-interior-area .map-point-outer.map-point-outer.with-pointer, #local-map-interior-area .map-point-inner.map-point-outer.with-pointer {
cursor: pointer; }
#local-map-interior-area .map-point-outer.map-point-inner, #local-map-interior-area .map-point-inner.map-point-inner {
z-index: 4;
fill: #ffcb05; }
#local-map-interior-area .map-point-outer.map-point-inner.with-pointer, #local-map-interior-area .map-point-inner.map-point-inner.with-pointer {
cursor: pointer; }
#local-map-interior-area .map-ufo {
z-index: 4;
fill: #ffffff;
display: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#local-map-interior-area .map-ufo {
display: block; } }
@supports (-ms-ime-align: auto) {
#local-map-interior-area .map-ufo {
display: block; } }
@-moz-document url-prefix() {
#local-map-interior-area .map-ufo {
display: block; } }
#local-map-interior-area .map-ufo.force-ufo {
display: block !important; }
#local-map-interior-area .map-point:hover circle.map-point-outer {
opacity: 0.7; }
.moments-block {
display: block;
position: absolute;
left: 5%;
z-index: 2; }
.moments-block .moments-block-wow-text {
display: inline-block;
color: #ffffff; }
@media (max-width: 767px) {
.moments-block .moments-block-wow-text {
line-height: 20px; } }
.moments-block .device-plane {
display: inline-block;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute; }
@media (min-width: 768px) {
.moments-block .device-plane {
display: none; } }
.moments-block #trip-time-mobile-plane, .moments-block #trip-time-mobile-shadow {
width: 55px;
-ms-transform: rotate(116deg);
-webkit-transform: rotate(116deg);
transform: rotate(116deg); }
@media (min-width: 768px) {
.moments-block #trip-time-mobile-plane, .moments-block #trip-time-mobile-shadow {
display: none; } }
.moments-block #trip-time-tablet-plane, .moments-block #trip-time-tablet-shadow {
width: 93px; }
@media (max-width: 767px) {
.moments-block #trip-time-tablet-plane, .moments-block #trip-time-tablet-shadow {
display: none; } }
.moments-block #trip-time-mobile-plane {
left: -102px;
top: -90px;
transition: 4s ease;
z-index: 1; }
.moments-block #trip-time-mobile-plane.animated {
left: 484px;
top: 200px; }
.moments-block #trip-time-mobile-shadow {
left: -92px;
top: -96px;
transition: 4s ease;
z-index: -1; }
.moments-block #trip-time-mobile-shadow.animated {
left: 494px;
top: 206px; }
.moments-block #trip-time-tablet-plane {
right: -60px;
top: -45px; }
.moments-block #trip-time-tablet-shadow {
right: -70px;
top: -35px; }
.moments-block.top {
top: 5%; }
.moments-block.bottom {
bottom: 5%; }
.moments-block .hour {
position: relative;
display: inline-block; }
@media (min-width: 481px) {
.moments-block .hour {
margin-top: -15px; } }
@media (min-width: 768px) {
.moments-block .hour {
display: block; } }
@media (max-width: 320px) {
.moments-block .hour {
letter-spacing: -1px; } }
.moments-block .travel-partner {
cursor: pointer;
display: flex;
margin-top: 35px; }
@media (max-width: 767px) {
.moments-block .travel-partner {
margin: 10px 0; } }
.moments-block .travel-map-icon {
color: #ffcb05;
margin-right: 10px;
font-size: 18px; }
.weather-block {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: absolute;
border-radius: 400px;
background-color: #ffffff;
padding: 30px 0;
z-index: 3;
transform: translateX(-50%) translateY(-50%);
width: 0;
height: 0;
opacity: 0;
transition-duration: 400ms;
box-sizing: border-box; }
.weather-block:before {
display: block;
content: "";
position: absolute;
height: calc(100% + 20px);
width: calc(100% + 20px);
background-color: #ffffff;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
opacity: 0.3;
z-index: -1;
border-radius: 200px; }
.weather-block > * {
opacity: 0;
transition-duration: 200ms; }
.weather-block.active {
opacity: 1;
width: 300px;
height: 300px; }
.weather-block.active > * {
opacity: 1;
transition-delay: 200ms; }
.weather-block .location {
display: block;
text-align: center; }
.weather-block .temperature-text {
display: block;
font-size: 80px;
margin-top: 9px;
font-weight: 300; }
.weather-block .blurb {
display: block;
margin-bottom: 18px; }
.weather-block .travel-location-map {
color: #ffcb05; }
.weather-block .travel-map-line {
width: 50%;
height: 1px;
background-color: #ffcb05; }
app-quick-links .quick-link-wrapper {
white-space: nowrap;
user-select: none; }
@media (max-width: 1079px) {
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn:not(.open) + .links > .quick-link-item,
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn:not(.open) + .links > .spacer {
height: 0;
border: none; } }
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
width: calc(100% - 60px);
min-height: 45px;
line-height: 45px;
float: left;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
margin: 20px 0 20px 30px;
padding-right: 0;
font-size: 14px;
text-align: center;
text-decoration: none;
font-weight: 600;
border: none;
transition: all 450ms;
cursor: pointer; }
@media (min-width: 768px) {
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
width: calc(100% - 80px);
margin-left: 40px; } }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
min-width: 200px;
max-width: 17%;
cursor: default;
pointer-events: none; } }
@media (max-width: 1079px) {
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn.open i#big-arrow {
transform: rotate(135deg);
margin-left: 8px;
margin-top: -6px; } }
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn .circle {
background: #ffffff;
color: #222632;
width: 115px;
height: 100px;
border-radius: 100%;
position: absolute;
left: -60px;
top: -26px; }
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn i#big-arrow {
transform: rotate(45deg);
font-size: 36px;
color: #222632;
position: absolute;
left: -8px;
transition: all 450ms; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn i#big-arrow {
top: 0; } }
app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn span {
color: #ffffff;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 60px;
padding-right: 5px; }
app-quick-links .quick-link-wrapper .quick-link-container .links {
transition: all 450ms; }
@media (min-width: 768px) {
app-quick-links .quick-link-wrapper .quick-link-container .links {
display: block;
padding-top: 79px; } }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links {
display: flex;
padding-top: 0;
flex-direction: row;
align-items: stretch;
margin-right: 40px; } }
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item {
height: 45px;
width: calc(100% - 68px);
margin-left: 30px;
flex-grow: 1;
padding: 0 4px;
background-color: #ffffff;
position: relative;
cursor: pointer;
display: flex;
line-height: 45px;
color: #303030;
font-weight: bold;
top: -21px;
transition: all 250ms linear;
overflow: hidden; }
@media (min-width: 768px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item {
width: calc(100% - 88px);
margin-left: 40px; } }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item {
width: auto;
top: 20px;
margin: 0;
text-align: center; } }
.app-container.show-hover app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item:hover, app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item.active {
background: #909298;
border-color: transparent;
color: #222632; }
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item:not(:last-of-type) {
border-bottom: 1px dotted #909298; }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item:not(:last-of-type) {
border-bottom: none;
border-right: 1px dotted #909298; } }
.app-container.show-hover app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item:not(:last-of-type):hover, app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item:not(:last-of-type).active {
border-color: transparent; }
@media (min-width: 768px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item .item-body {
width: 100%; } }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item .item-body {
padding-left: 0;
text-overflow: ellipsis;
overflow: hidden; } }
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item .item-body .icon {
font-size: 10px;
line-height: 2.2em;
padding: 1px 5px 1px 20px; }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item .item-body .icon {
padding-left: 0; } }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .quick-link-item .item-body span {
font-size: 14px; } }
app-quick-links .quick-link-wrapper .quick-link-container .links .spacer {
display: flex;
width: calc(100% - 60px);
height: 10px;
top: -21px;
margin-left: 30px;
position: relative;
transition: all 250ms linear; }
@media (min-width: 768px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .spacer {
width: calc(100% - 80px);
margin-left: 40px; } }
@media (min-width: 1080px) {
app-quick-links .quick-link-wrapper .quick-link-container .links .spacer {
width: 10px;
min-width: 10px;
height: 45px;
margin-left: 0;
top: 20px; } }
app-quick-links .quick-link-wrapper .quick-link-container .clear {
clear: both; }
app-social-feed sat-swiper-controls .slider-controls .controls-inner .tag-circle.swiper-button-disabled {
border-color: rgba(48, 48, 48, 0.5); }
app-social-feed sat-swiper-controls .slider-controls .controls-inner .tag-circle.swiper-button-disabled i {
color: rgba(48, 48, 48, 0.5); }
sat-pane-expansion .pane-expansion-container {
display: inline-block;
width: 100%;
top: 5px;
padding-top: 15px; }
sat-pane-expansion .pane-expansion-container * {
z-index: 1; }
sat-pane-expansion .pane-expansion-container:before {
background-size: 15%;
opacity: 0.05; }
@media (min-width: 768px) {
sat-pane-expansion .pane-expansion-container {
padding-top: 0px;
top: 0px; } }
.expansion-wrapper:not(:last-child) sat-pane-expansion .pane-expansion-container.open {
margin-bottom: 45px; }
sat-pane-expansion .pane-expansion-container .icon-close {
float: right;
position: inherit;
padding: 10px; }
sat-pane-expansion .pane-expansion-container .tipWrapper {
position: relative;
top: -15px; }
@media (min-width: 768px) {
sat-pane-expansion .pane-expansion-container .tipWrapper {
top: 0px; } }
sat-pane-expansion .pane-expansion-container .tipWrapper:after, sat-pane-expansion .pane-expansion-container .tipWrapper:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
sat-pane-expansion .pane-expansion-container .tipWrapper:after {
border-bottom-color: #303030;
border-width: 19px;
margin-left: -19px; }
sat-pane-expansion .pane-expansion-container .tipWrapper:before {
border-bottom-color: #303030;
border-width: 25px;
margin-left: -25px; }
sat-pane-expansion .pane-expansion-container .pane-expansion-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none; }
@media (min-width: 768px) {
sat-pane-expansion .pane-expansion-container .pane-expansion-header {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
left: 0;
height: 110px;
margin: 5% 7%;
width: 100%;
line-height: 1.3; } }
sat-pane-expansion .pane-expansion-container .pane-expansion-header h3 {
text-align: left;
font-size: 24px;
max-width: 322px;
max-height: 60px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
margin-top: 0px; }
sat-pane-expansion .pane-expansion-container .pane-expansion-header .subtitle {
font-weight: 600;
font-size: 14px; }
sat-pane-expansion .pane-expansion-container .pane-expansion-header .pane-header-footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding-top: 10px;
width: 100%;
height: 15px; }
sat-pane-expansion .pane-expansion-container .pane-expansion-header .pane-header-footer:before {
position: absolute;
top: 0;
left: 0;
content: "\A0";
height: 3px;
width: 80px;
background-color: #222632; }
sat-pane-expansion .pane-expansion-container .pane-expansion-header .pane-header-footer:before {
background-color: white;
height: 2px;
width: 40px; }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper {
display: block;
margin-left: 7%;
margin-right: 7%;
margin-bottom: 5%; }
@media (min-width: 768px) {
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper {
display: flex; } }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .pane-expansion-content {
text-align: left;
font-weight: 300;
font-size: 16px;
width: 90%; }
@media (min-width: 1366px) {
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .pane-expansion-content {
width: 50%; } }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .pane-expansion-description {
margin-left: 20px;
margin-top: 20px; }
@media (min-width: 768px) {
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .pane-expansion-description {
flex: 1 0 0; } }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .pane-header-photo {
display: none;
border-radius: 50%;
margin-right: 7%;
background-size: cover;
width: 217px;
height: 217px;
max-width: 50%;
background-position-x: -30px; }
@media (min-width: 1366px) {
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .pane-header-photo {
display: block; } }
@media (min-width: 768px) {
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper sat-pane-expansion-media {
flex: 2 0 0; } }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper video {
width: 100% !important;
height: auto !important; }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .video-embed-container {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .video-embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
sat-pane-expansion .pane-expansion-container .pane-expansion-content-wrapper .gallery-image {
max-height: 1120px;
height: 100%;
width: 100%;
object-fit: contain; }
app-disclaimer .content .inner-content {
padding: 40px 50px; }
@media (max-width: 1079px) {
app-disclaimer .content .inner-content {
padding: 40px 30px; } }
@media (max-width: 767px) {
app-disclaimer .content .inner-content {
padding: 40px 20px; } }
app-umbraco-form {
background: #e5e5e5; }
app-umbraco-form .umbraco-form {
min-height: 200px;
padding-bottom: 80px;
padding-top: 40px; }
app-umbraco-form .umbraco-form .title {
text-align: center;
font-weight: bold; }
app-umbraco-form .umbraco-form .form-step {
max-width: 840px;
margin: auto; }
app-umbraco-form .umbraco-form .form-step .agree-cbox {
display: inline-block; }
app-umbraco-form .umbraco-form .thank-you-step {
max-width: 840px;
margin: auto; }
app-umbraco-form .umbraco-form .thank-you-step .btn {
margin: auto;
display: block; }
app-umbraco-form .umbraco-form .thank-you-step .body-text {
text-align: center;
margin-top: 20px;
margin-bottom: 50px; }
app-umbraco-form .umbraco-form .controls {
margin-bottom: 25px; }
app-umbraco-form .radio-group {
padding: 10px 0 25px 10px; }
app-umbraco-form .radio-group .radio-title {
color: #909298;
margin-bottom: 10px; }
app-umbraco-form .radio-group p-radiobutton {
margin-left: 5px; }
app-umbraco-form .checkbox-multiple {
color: #909298;
margin-bottom: 15px; }
app-umbraco-form .checkbox-multiple p-checkbox {
display: inline-block;
margin-right: 23px;
margin-top: 20px;
margin-bottom: 20px; }
app-umbraco-form .checkbox-multiple p-checkbox .ui-chkbox .ui-chkbox-box {
margin-right: 13px; }
app-tab-config-picker sat-panel {
margin: auto 50px; }
@media (max-width: 1079px) {
app-tab-config-picker sat-panel {
margin: auto 30px; } }
@media (max-width: 767px) {
app-tab-config-picker sat-panel {
margin: auto 20px; } }
@media (max-width: 320px) {
app-tab-config-picker sat-panel sat-panel-item.card-deck .body {
margin: 0 -20px; } }
app-kayak-widget {
background: url(fc696eb0.jpg) center center no-repeat;
background-size: cover;
display: block;
padding: 50px 0;
min-height: 450px; }
app-kayak-widget .kayak-widget {
display: block;
min-height: 300px;
position: relative;
margin: 0 auto;
opacity: 0.9;
max-width: 90vw; }
@media (min-width: 1081px) {
app-kayak-widget .kayak-widget {
max-width: 500px; } }
.beta-container {
width: 100%;
z-index: 1000;
padding: 10px 0;
text-align: center; }
.beta-container.fixed {
position: fixed;
left: 0;
bottom: 60px; }
@media (min-width: 1080px) {
.beta-container.fixed {
bottom: 0; } }
@media (min-width: 768px) {
.beta-container {
width: auto;
padding: 10px 29px; } }
german-video iframe {
height: 433px;
width: 100%; }
@media (min-width: 1080px) {
german-video iframe {
height: 782px; } }
german-video .more-info {
padding: 40px 0; }
german-video .more-info app-rich-text .richText-container h2 {
margin-bottom: 70px; }
german-video .more-info app-rich-text .richText-container h2:after {
background: none repeat scroll 0 0 #ffffff; }
app-cost-calculator .cost-calculator {
padding: 40px 0;
text-align: center; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator {
padding: 80px 0 95px; } }
@media (max-width: 767px) {
app-cost-calculator .cost-calculator h3 {
line-height: 22px; } }
@media (min-width: 1080px) {
app-cost-calculator .cost-calculator form {
margin-top: 20px; } }
app-cost-calculator .cost-calculator .use-calculator {
margin: 20px 0 30px; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .use-calculator {
margin: 0; } }
app-cost-calculator .cost-calculator .estimated {
margin-top: 30px; }
app-cost-calculator .cost-calculator .inclusiveVAT {
text-align: left; }
@media (max-width: 767px) {
app-cost-calculator .cost-calculator .inclusiveVAT small {
font-size: 14px;
line-height: 22px; } }
@media (max-width: 767px) {
app-cost-calculator .cost-calculator h5 {
font-size: 21px;
line-height: 26px; } }
app-cost-calculator .cost-calculator .fee {
font-size: 30px;
line-height: 36px; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .fee {
margin: 0;
font-size: 45px;
line-height: 1; } }
app-cost-calculator .cost-calculator .estimate-only {
display: block;
font-size: 12px;
color: #909298;
text-transform: uppercase;
line-height: 1.5;
margin: 20px 0; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .qualify {
margin-top: 180px; } }
app-cost-calculator .cost-calculator sat-dropdown .dropdown {
width: 90%; }
app-cost-calculator .cost-calculator sat-input-control {
text-align: left; }
app-cost-calculator .cost-calculator hr {
border-top-color: #cbcbcb; }
app-cost-calculator .cost-calculator .table {
text-align: left;
margin-top: 20px; }
app-cost-calculator .cost-calculator .table .columns.six {
text-align: center; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .table .columns.six {
text-align: left; } }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .table {
margin-top: 40px; } }
app-cost-calculator .cost-calculator .table .by-completing {
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
font-weight: 600; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .table .by-completing {
margin-bottom: 40px;
font-weight: normal; } }
@media (max-width: 767px) {
app-cost-calculator .cost-calculator .table .required-documents {
font-size: 20px;
line-height: 32px;
font-weight: 600; } }
app-cost-calculator .cost-calculator .table .desktop-apply {
display: none; }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .table .desktop-apply {
display: block;
margin-top: 20px; } }
@media (min-width: 768px) {
app-cost-calculator .cost-calculator .table .mobile-apply {
display: none; } }
app-cost-calculator .cost-calculator .table p-checkbox {
text-align: left; }
@media (max-width: 767px) {
app-cost-calculator .cost-calculator .table p-checkbox label {
display: inline; } }
ncb-tool-kit {
padding-top: 10px; }
ncb-tool-kit iframe {
width: 100%; }
.lightbox-container {
text-align: center; }
/* Overrides bootstrap, if present */
.embedded-iframe.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
overflow: hidden;
outline: 0;
background-color: rgba(0, 0, 0, 0.8); }
.embedded-iframe .modal-content {
height: 100%;
width: 100%;
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
.embedded-iframe .modal-body {
padding: 0;
height: 100%;
position: relative;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.embedded-iframe iframe {
width: 1px;
min-width: 100%;
*width: 100%;
height: 100%;
border: 0; }
.embedded-iframe .modal-dialog {
height: 100%;
position: relative;
width: 100%;
margin: 0; }
@media (min-width: 440px) {
.embedded-iframe .modal-dialog {
max-width: 414px;
margin: 30px auto; } }
/* Required to override bootstrap */
@media (min-width: 768px) {
.embedded-iframe .modal-dialog {
max-height: calc(100% - 100px); }
.embedded-iframe .modal-body {
overflow-y: unset; } }
@media (min-width: 1080px) {
.embedded-iframe .modal-dialog {
height: 689px;
max-width: 1006px;
margin: 30px auto 30px; }
.embedded-iframe .modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }
youku {
margin: 0; }
youku iframe {
width: 100%;
height: 210px; }
@media (min-width: 768px) {
youku iframe {
height: 431px; } }
@media (min-width: 1080px) {
youku iframe {
height: 500px; } }
@media (min-width: 1680px) {
youku iframe {
height: 800px; } }
.spinner {
border: 5px solid #64676f;
border-top: 5px solid #ffcb05;
border-radius: 50%;
width: 12px;
height: 12px;
animation: spin 2s linear infinite; }
app-nav-bottom-tab > div .wl-container div.spinner {
position: absolute;
left: 5px;
top: 45px;
transform: none; }
.toolkit-tab:not(.active-tab):hover .wl-container div.spinner,
.toolkit-tab.active-tab .wl-container div.spinner {
position: static;
left: none;
top: none;
transform: none; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
app-iframe {
display: block;
background: #fff; }
app-iframe .header-wrap {
padding-top: 30px;
display: flex;
align-items: center;
width: 100%;
margin-bottom: 15px; }
app-iframe .header-wrap.push-right {
justify-content: flex-end; }
@media (max-width: 1079px) {
app-iframe .header-wrap {
flex-wrap: wrap; } }
app-iframe .header-wrap .title {
display: inline-block;
margin-bottom: 7px;
width: 100%; }
@media (min-width: 768px) {
app-iframe .header-wrap .title {
margin-bottom: 26px; } }
@media (max-width: 1079px) {
app-iframe .header-wrap .title {
margin-bottom: 30px; } }
app-iframe .header-wrap .title > h4 {
display: inline;
font-weight: 400; }
app-iframe .header-wrap .title > h4:after {
content: "";
display: block;
position: relative;
background: none repeat scroll 0 0 #000;
bottom: -5px;
left: 1px;
height: 2px;
width: 70px; }
@media (max-width: 767px) {
app-iframe .header-wrap .title > h4:after {
bottom: -11px; } }
app-iframe .header-wrap .btn {
min-width: auto;
margin: 0 10px;
padding: 10px 15px; }
@media (max-width: 1079px) {
app-iframe .header-wrap .btn:first-of-type {
margin-left: 0; } }
@media (max-width: 479px) {
app-iframe .header-wrap .btn {
width: auto; } }
app-iframe .fit-height-btn {
float: right; }
app-iframe app-simple-iframe {
margin-top: 25px;
display: block; }
app-booking-not-available .booking-not-available-container {
max-width: 600px;
margin: auto;
padding: 0px 10px 150px 10px; }
app-booking-not-available .booking-not-available-container h5 {
margin-bottom: 20px;
text-align: center; }
@media (max-width: 767px) {
app-booking-not-available .booking-not-available-container app-btn-wishlist a {
margin-bottom: 15px; }
app-booking-not-available .booking-not-available-container .columns {
text-align: center; } }
.tips-banner-container {
width: 100vw;
height: 100%;
background-size: cover !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: "Source Sans Pro";
padding-top: 10%;
padding-bottom: 10%; }
.llt-content {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: 45%; }
.llt-logo {
width: 450px;
margin-right: 5%; }
.llt-heading {
color: #ffcb05;
font-size: 36px;
line-height: 30px;
text-align: left;
font-weight: bold;
margin: 0 !important; }
.llt-subheading {
color: white;
font-size: 61px;
text-align: left;
font-weight: bold;
margin: 0 !important; }
.llt-description {
color: white;
font-size: 29px;
line-height: 40px;
text-align: left;
font-weight: normal;
margin-bottom: 6%;
width: 84%;
max-width: 40vw; }
.llt-link-button {
cursor: pointer;
background-color: #ffcb05;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 4px;
width: 250px;
height: 50px;
margin-top: 5%; }
.llt-link-text {
color: black;
font-size: 18px;
font-family: "Source Sans Pro";
font-weight: bold; }
.llt-content .control-btns {
width: 50% !important;
min-width: auto !important; }
@media screen and (max-width: 481px) {
.llt-content .control-btns {
width: auto !important;
min-width: auto !important; }
.llt-logo {
width: 20%;
height: 35%;
margin: 0 !important; }
.tips-banner-container {
flex-direction: column;
justify-content: space-evenly;
align-items: center; }
.llt-content {
justify-content: space-evenly;
align-items: center;
width: auto; }
.llt-heading {
font-size: 13px;
margin: auto !important; }
.llt-subheading {
font-size: 25px; }
.llt-description {
font-size: 16px;
font-weight: 300;
text-align: center;
margin-top: 2% !important;
line-height: normal !important;
width: 70%; }
.llt-link-button {
width: 40%;
height: 45px; }
.llt-link-text {
font-size: 12px; }
.llt-content .control-btns {
width: 100% !important;
min-width: auto !important; } }
.local-tips-hero {
min-height: 40vh;
background-size: cover !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 8%;
padding-bottom: 4%;
position: relative; }
.local-tips-hero-image {
position: absolute;
width: 100%;
height: 100%;
filter: brightness(60%);
object-fit: cover;
z-index: 0;
top: 0; }
.tips-logo-hero {
width: 30%;
margin-bottom: 2%;
z-index: 1; }
.tips-heading {
color: white;
font-size: 30px;
margin: 0;
font-weight: bold;
text-transform: uppercase; }
.tips-subheading {
color: #ffcb05;
font-size: 30px;
margin: 0;
font-weight: bold;
text-transform: uppercase; }
agm-map {
height: 100vh; }
.gmnoprint {
display: none !important; }
.map-toolbar {
background-color: #232632;
border-radius: 50px;
width: 658px;
height: 40px;
position: absolute;
z-index: 1;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
padding-left: 10px;
padding-right: 10px;
border: 1px solid white;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27); }
.map-toolbar input {
color: white;
background-color: #232632;
border: none; }
.map-toolbar select {
color: white;
background-color: #232632;
border: none; }
.map-toolbar input::placeholder {
color: white; }
.search-icon {
width: 16px;
height: 16px; }
.toolbar-divider {
background-color: #979797;
width: 1px;
height: 50%; }
.map-info {
cursor: pointer;
height: 30px;
width: 30px;
background-image: url(ec7c4e68.svg);
background-size: cover;
background-repeat: no-repeat; }
.map-info:hover {
background-image: url(b3d020b8.svg); }
.zoom-button-container {
position: absolute;
right: 0;
margin-bottom: 1%;
margin-right: calc(110px + var(--scrollbar-width) + 100% - 100vw);
display: flex;
flex-direction: column;
bottom: 0; }
.refine-map {
position: absolute;
left: 0;
z-index: 1;
background-color: #232632;
cursor: pointer;
height: 33px;
width: 131px;
border-radius: 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -5%;
margin-left: 3%; }
.refine-map p {
color: white;
text-align: center;
font-size: 15px;
margin: 0; }
.map-categories {
margin-top: -5%;
margin-left: 3%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1; }
.map-category {
background-color: white;
min-width: 178px;
height: 50px;
border-radius: 50px;
margin: 10px;
display: flex;
flex-direction: row;
align-items: center;
font-size: 16px;
color: #303030;
padding-right: 5px;
padding-left: 5px;
cursor: pointer;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.5s; }
.collapse-menu {
cursor: pointer;
margin: 10px; }
@keyframes fadeInOpacity {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.category-icon {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
border-radius: 24px;
margin-right: 10px; }
.zoom {
cursor: pointer;
height: 50px;
width: 50px;
margin: 10px; }
.tips-section-divider {
background-color: #222632;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 2%;
padding-bottom: 2%; }
.tips-section-divider p {
color: #ffcb05;
font-weight: bold;
text-align: center;
font-size: 42px;
width: 60%;
line-height: 42px;
text-transform: uppercase;
overflow: hidden;
margin: 0; }
.featured-tips-container {
height: 400px;
display: flex;
flex-direction: row;
align-items: center;
background-color: #232632; }
.featured-tip {
cursor: pointer;
height: 100%;
width: 25vw;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative; }
.featured-tip img {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(60%); }
.tip-name {
color: white;
font-size: 40px;
text-align: left;
margin: 0;
font-family: "Source Sans Pro"; }
.tip-date {
color: white;
font-size: 14px;
text-align: left;
margin-top: 3%;
font-family: "Source Sans Pro";
width: 100%; }
.location-title {
font-size: 17px;
color: #222632;
background-color: #ffcb05;
border-radius: 16px;
height: 32px;
width: 8vw;
padding-left: 5%;
padding-right: 5%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: left;
margin-top: 5%;
font-weight: 500;
text-transform: uppercase;
font-weight: 600;
line-height: 17px;
font-family: "Source Sans Pro"; }
.tip-content {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
height: 60%;
z-index: 1; }
.tip-text {
width: fit-content;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%; }
.location-button-container {
width: 80%; }
.local-tips-deals-container {
min-height: 200px;
background-color: #00954a;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 5%;
position: relative;
overflow: hidden; }
.local-tips-deals-background {
width: 100% !important;
height: 100% !important;
background: url(23158d38.png);
opacity: 0.1;
position: absolute;
left: 0; }
.local-tips-deals-heading {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 5%;
width: 84vw; }
.deal-container-title {
color: #fecb00;
font-size: 26px;
line-height: 33px;
font-family: "Source Sans Pro";
font-weight: bold;
margin: 0; }
.deal-container-subtitle {
color: white;
font-size: 40px;
line-height: 42px;
font-family: "Source Sans Pro";
font-weight: bold;
margin: 0; }
.map-tooltip {
position: absolute;
background-color: white;
height: 417px;
width: 352px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
border-radius: 18px;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
padding-left: 60px;
padding-right: 60px;
padding-top: 30px;
padding-bottom: 30px;
right: 0;
z-index: 1;
margin-right: -35%;
margin-bottom: -90%; }
.tooltip-title {
font-weight: bold;
font-size: 30px;
color: #303030;
text-align: left;
width: 100%; }
.tooltip-subtitle {
font-weight: 16px;
color: #303030; }
.gm-style-iw-d {
overflow: hidden !important;
padding: 0px !important;
max-height: unset !important;
width: 400px;
height: 350px !important;
overflow-y: scroll !important; }
.gm-style .gm-style-iw-c {
padding: 0px !important;
max-height: 354px !important;
margin-top: 0.5%; }
.gm-style .gm-style-iw-tc {
margin-top: 0.5%; }
.gm-style .gm-style-iw-tc .gm-ui-hover-effect {
background-color: lightgrey !important;
display: block;
border: 0px solid lightgrey !important;
border-radius: 143px !important;
margin: 0px;
padding: 0px;
text-transform: none;
appearance: none;
position: relative;
cursor: pointer;
user-select: none;
width: 48px;
height: 48px; }
.gm-style-iw-chr .gm-ui-hover-effect {
background-color: lightgrey !important;
display: block;
border: 0px solid lightgrey !important;
border-radius: 150px !important;
margin: 0px;
padding: 0px;
text-transform: none;
appearance: none;
position: relative;
cursor: pointer;
user-select: none;
width: 48px;
height: 48px; }
.agm-info-window-content {
width: 400px;
height: 384px; }
.tip-preview {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 5; }
.tip-preview-top {
height: 50%;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
background-size: cover; }
.gm-ui-hover-effect {
opacity: 1 !important;
margin: 3% !important; }
.gm-ui-hover-effect span {
width: 18px !important;
mask-size: cover !important;
-webkit-mask-size: cover !important;
mask-repeat: no-repeat !important;
-webkit-mask-repeat: no-repeat !important; }
.tip-preview-top p {
width: 90%;
padding: 10px;
color: white;
font-weight: bold;
font-size: 22px; }
.tip-preview-bottom {
height: 50%;
width: 90%;
padding: 10px; }
.tip-preview img {
height: 100%;
object-fit: cover; }
.gm-ui-hover-effect > span {
background-color: white !important; }
.tip-bottom-details {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.tip-bottom-row {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
.tip-bottom-details p:nth-child(2) {
margin-left: 10px; }
.tip-icons {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 24%; }
.tip-icons img {
cursor: pointer; }
.map-tip-name {
color: #303030;
font-size: 20px;
line-height: 22px;
font-weight: bold; }
.tip-author-date {
color: #9b9898;
font-size: 11px;
line-height: 12px; }
.view-tip {
background-color: #ffcb05;
border-radius: 12px;
height: 24px;
width: 90px;
color: #303030;
cursor: pointer;
position: relative; }
.view-tip p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 13px;
white-space: nowrap;
font-weight: bold; }
.calculate-route {
color: #204ac8;
font-size: 12px;
cursor: pointer;
margin-left: 10px; }
.tip-bottom-details-footer {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 2%; }
.view-tip-container {
left: -50%;
position: absolute;
top: 0;
transition: left 0.3s ease-in-out;
display: flex;
flex-direction: row;
height: 100%;
width: 0%; }
.close-view-tip {
width: 32px;
height: 42px;
background-color: white;
margin-top: 5%;
cursor: pointer;
display: grid;
place-items: center;
z-index: 1;
box-shadow: 3px 0px 5px -1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 3px 0px 5px -1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 3px 0px 5px -1px rgba(0, 0, 0, 0.25); }
.view-tip-content {
background-color: white;
height: 100%;
position: relative;
box-shadow: 3px 0px 5px -1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 3px 0px 5px -1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 3px 0px 5px -1px rgba(0, 0, 0, 0.25);
z-index: 5;
width: 100%;
height: 100%;
overflow-y: auto; }
.selected-tip-name {
font-size: 20px;
font-weight: bold;
line-height: 22px; }
.selected-tip-image {
height: 30%;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding: 10px; }
.selected-tip-image p {
margin: 10px;
color: white;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-end;
font-size: 20px;
width: 95%; }
.selected-tip-menu {
width: 100%;
height: 100%;
position: relative;
background-color: #f7f7f7;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
overflow: hidden;
scroll-behavior: smooth;
padding-right: 12%;
padding-left: 2%; }
.selected-tip-menu-item {
padding: 10px;
color: #bababa;
font-weight: 600;
white-space: nowrap;
cursor: pointer;
font-size: 13px; }
.menu-item-active {
color: #303030;
font-weight: 600; }
.page {
height: 100%;
width: 10%;
background-color: #f7f7f7;
z-index: 5;
cursor: pointer;
position: absolute;
display: flex;
justify-content: center;
align-items: center; }
.page.left {
box-shadow: 3px 0px 2px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 0px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 3px 0px 2px 0px rgba(0, 0, 0, 0.2);
left: 0;
visibility: hidden; }
.page.right {
box-shadow: -3px 0px 2px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -3px 0px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -3px 0px 2px 0px rgba(0, 0, 0, 0.2);
right: 0; }
@media screen and (max-width: 481px) {
.deal-container-title {
font-size: 23px !important; }
.deal-container-subtitle {
font-size: 28px !important; }
.gm-style .gm-style-iw-c {
max-width: 90vw !important; }
agm-map {
height: 600px; }
.tips-section-divider p {
overflow: visible;
height: auto;
font-size: 10px;
line-height: normal; }
.tips-section-divider {
padding-top: 5%;
padding-bottom: 5%; }
.featured-tips-container {
overflow-y: scroll;
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */ }
.featured-tips-container::-webkit-scrollbar {
display: none;
/* Safari and Chrome */ }
.featured-tip {
min-width: 50vw;
width: 50vw; }
.tip-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.tip-text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.local-tips-deals-heading {
margin-bottom: 2%; }
.local-tips-deals-content {
width: 95vw; }
.local-tips-deals-content app-deck .deck-container.slider-deck {
overflow-x: scroll !important; }
.tip-preview-bottom {
width: 80%;
padding: 10px; }
.tip-preview img {
padding-right: 10px; }
.map-tooltip {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
height: auto;
width: 84%;
right: 0;
z-index: 1;
line-height: 20px;
font-size: 13px;
margin-right: 18px;
margin-left: 18px;
margin-bottom: 0;
position: fixed; }
.tooltip-subtitle {
padding-left: 10px;
padding-right: 10px; }
.tooltip-title {
padding-left: 10px;
margin-bottom: 23px;
font-size: 24px; }
#info-button {
margin: 0 auto;
margin-bottom: 20px;
margin-right: 20px;
width: 37px;
height: 37px; } }
@media screen and (max-width: 481px) {
.location-title {
width: 100px; }
.view-tip-container {
width: 0%; }
.refine-map {
width: 100px;
margin-top: -15%; }
.zoom-button-container {
margin-right: 0;
margin-bottom: 0%; }
.map-toolbar {
width: 80vw; }
.map-toolbar input {
width: 70%; }
.map-toolbar select {
width: 20%; }
#mobile-filter-container {
position: absolute;
bottom: 0;
width: 100%;
min-height: 250px;
border-radius: 18px 18px 0 0;
background-color: #1E212A;
box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.11);
z-index: 2;
display: flex;
flex-direction: column;
padding: 53px 0;
color: #979797; }
#mobile-filter-container .inner-container {
margin: 0 41px; }
#mobile-filter-container input, #mobile-filter-container select {
background-color: #1E212A;
border: none; }
#mobile-filter-container select {
padding: 16px 0;
margin-bottom: 14px;
position: relative; }
#mobile-filter-container input {
margin-bottom: 10px; }
#mobile-filter-container input::placeholder {
font-weight: bold;
color: #979797; }
#mobile-filter-container .input-append-icon {
position: relative;
padding: 16px 0;
padding-bottom: 0px;
border-bottom: 1px solid #979797; }
#mobile-filter-container .input-append-icon .search-icon {
position: absolute;
right: 10px; }
#mobile-filter-container .filter-btns {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 23px 0; }
#mobile-filter-container .filter-btns button {
text-transform: uppercase;
font-weight: bold;
color: #fff;
background-color: #1E212A;
font-size: 14px;
line-height: 16px;
height: 18px;
padding: 10px;
border: none; }
#mobile-filter-container .small-divider {
height: 2.5px;
width: 68px;
opacity: 0.37;
border-radius: 2px;
background-color: #FFFFFF;
margin: 0 auto;
margin-top: -40px;
margin-bottom: 40px; }
#mobile-filter-container .select-container {
width: 100%;
margin-bottom: 16px; }
#mobile-filter-container .select-container .selection-container {
max-height: 120px;
overflow-y: scroll;
background-color: #15181E; }
#mobile-filter-container .select-container .selection-container label {
font-weight: bold;
line-height: 18px;
padding-bottom: 16px; }
#mobile-filter-container .select-container .selection-container ul > li {
cursor: pointer;
list-style: none;
border-bottom: 1px solid #5B5D63;
padding: 12px 0; }
#mobile-filter-container .select-container .selection-container ul > li > span {
margin-left: 14px; }
.map-categories {
position: absolute;
top: 13%;
left: 1%;
display: flex;
width: 96%;
flex-direction: row;
overflow-x: scroll;
overflow-y: clip;
z-index: initial;
height: 50px; }
.map-categories::-webkit-scrollbar {
display: none; }
.map-category {
display: inline-block;
min-width: 195px;
width: 100%;
position: relative;
height: 40px; }
.category-icon {
margin-left: -5px; } }
@media screen and (max-width: 1400px) {
.featured-tips-container {
overflow-y: scroll; }
.featured-tip {
min-width: 300px; } }
@media (max-width: 481px) {
.tip-icons {
width: auto; } }
@media (max-width: 320px) {
.local-tips-hero {
padding-top: 25%; }
.map-tooltip {
top: 16%; }
.tip-bottom-row {
flex-direction: column;
align-items: flex-start;
line-height: 0.8em; }
.tip-bottom-details {
justify-content: flex-start; }
.tip-bottom-details p:nth-child(2) {
margin-left: 0px; }
.tip-icons {
padding-left: 20px; }
.tip-preview-bottom {
height: 85%; } }
@media only screen and (min-width: 482px) and (max-width: 844px) {
.map-tooltip {
display: block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
height: auto;
width: 95%;
right: 0;
z-index: 1;
line-height: 20px;
font-size: 13px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
position: inherit;
z-index: 100; }
.tooltip-subtitle {
padding-left: 10px;
padding-right: 10px; }
.tooltip-title {
padding-left: 10px;
margin-bottom: 23px;
font-size: 24px; } }
.map-tooltip-close {
position: absolute;
right: 0px;
top: 0px;
width: 20px;
padding: 17px; }
.local-tip-panel {
padding-left: 5%;
padding-right: 5%;
padding-bottom: 5%;
overflow-y: auto;
height: 73%;
background-color: white; }
.local-tip-overview {
font-size: 20px;
color: #303030;
font-weight: 600; }
.local-tip-author {
color: #303030;
font-size: 16px;
font-weight: 600;
margin-bottom: 0; }
.local-tip-date {
font-size: 11px;
line-height: 12px;
color: #9b9898;
margin-top: 0; }
.local-tip-name {
color: #303030;
font-size: 17px;
line-height: 18px;
font-weight: 600;
margin-top: 5%;
margin-bottom: 5%; }
.local-tip-desc {
color: #303030;
font-size: 13px;
line-height: 19px;
margin-bottom: 5%; }
.info-row {
display: flex;
flex-direction: row;
align-items: center;
font-size: 14px; }
.info-row p {
margin: 0; }
.info-row p:nth-child(1) {
color: #303030;
font-weight: 600;
margin-right: 2%; }
.tip-gallery {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
padding-bottom: 12%;
margin-top: 10%; }
.gallery-image-container {
width: 48%; }
.tip-gallery img {
object-fit: cover;
height: 100%;
width: 100%; }
.featured-item-container {
display: flex;
overflow: hidden;
flex-direction: row; }
.featured-item-container .featured-item-inner-container {
padding: 20px;
min-width: 34%; }
.featured-item-container .featured-item-inner-container .featured-title {
color: #ffcb05;
font-size: 37px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px; }
.featured-item-container .featured-item-inner-container .featured-date {
line-height: 30px;
margin-bottom: 25px;
margin-top: -12px;
color: #979797;
font-size: 16px;
letter-spacing: 0; }
.featured-item-container .featured-item-inner-container .featured-intro-text {
line-height: 24px;
font-size: 16px;
margin-bottom: 10px; }
.featured-item-container .featured-item-inner-container .featured-cta {
border-radius: 30px;
font-size: 11px;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
min-width: auto;
min-height: fit-content;
line-height: 16px;
margin-top: 5px; }
.featured-item-container .featured-img {
min-width: 300px;
max-height: 300px;
width: 100%; }
@media (max-width: 820px) {
.featured-item-container {
flex-direction: column-reverse; }
.featured-item-container .featured-item-inner-container {
width: auto;
min-width: auto;
background-color: #fff; } }
.contact-tip {
margin-top: 5%;
margin-left: 10%;
margin-right: 5%; }
.contact-heading {
font-size: 20px;
color: #303030;
line-height: 22px;
font-weight: 600;
margin-bottom: 5%; }
.contact-row {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-top: 5%; }
.contact-row img {
margin-right: 5%;
margin-top: 1%; }
.contact-row p {
color: #303030;
font-size: 15px;
margin: 0;
width: 75%;
word-break: break-word; }
connected-partner-deals {
display: grid;
place-items: center; }
.tip-connected-partner-deals {
overflow-y: auto;
padding-bottom: 20px;
width: 95%;
padding-top: 3%; }
.tip-connected-partner-deals .swiper-wrapper {
width: 100%;
flex-wrap: wrap;
overflow-x: hidden;
padding-bottom: 5%; }
.tip-connected-partner-deals .deck-container {
margin-left: 5%; }
.tip-connected-partner-deals .swiper-slide {
margin-top: 5% !important; }
.tip-connected-partner-deals .card-front {
width: 100% !important; }
.tip-connected-partner-deals sat-content-card {
width: 100% !important; }
.tip-connected-partner-deals .swiper-slide {
width: 45% !important;
margin-right: 5%; }
.tip-connected-partner-deals .card-container {
width: 100% !important; }
.tip-connected-partner-deals .shadow-top {
width: 100% !important; }
.tip-connected-partner-deals .card-image-s {
width: 100% !important;
height: 90%; }
.tip-connected-partner-deals .card-image-s image {
width: 100%;
height: 100%;
object-fit: cover; }
.tip-connected-partner-deals .card-image-m {
width: 100% !important;
height: 90%; }
.tip-connected-partner-deals .card-image-m image {
width: 100%;
height: 100%;
object-fit: cover; }
.tip-connected-partner-deals .card-image-l {
width: 100% !important;
height: 90%; }
.tip-connected-partner-deals .card-image-l image {
width: 100%;
height: 100%;
object-fit: cover; }
.tip-connected-partner-deals .shadow-bottom {
width: 100% !important; }
.tip-connected-partner-deals .shadow-side {
width: 100% !important; }
.tip-connected-partner-deals .featured-deal-footer-row p {
font-size: 11px !important; }
.tip-connected-partner-deals .card-content h3 {
font-size: 14px !important; }
.tip-connected-partner-deals .featured-deal-top-row p {
font-size: 7px !important; }
.tip-connected-partner-deals .grey-location-pin {
width: 12px !important;
height: 19px !important; }
.tip-connected-partner-deals .grey-partner-pin {
width: 14px !important;
height: 12px !important; }
.connected-deals-title {
color: #303030;
font-size: 20px;
line-height: 22px;
margin-left: 5%; }
.connected-deals-subtitle {
color: #303030;
font-size: 18px;
line-height: 22px; }
.selected-tip-calculate-route {
padding: 5%;
overflow-y: auto;
height: 52vh; }
.calculate-route-heading {
color: #303030;
font-size: 20px;
line-height: 22px;
font-weight: 600;
margin-bottom: 20px; }
.bubble {
background-color: #edeaea;
width: 5px;
height: 5px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 50%; }
.row-right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.calculate-input-container {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center; }
.ng-autocomplete {
width: 80% !important; }
.arrow-shift {
cursor: pointer; }
.autocomplete-container {
box-shadow: none !important;
border: 1px solid #f0efef;
border-radius: 5px;
width: 100%; }
.calculate-category-indicator {
width: 16px;
height: 16px;
border-radius: 50%; }
.calculate-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%; }
.calculate-button-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 8%; }
.arrow-shift-container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 14px; }
.calculate-button-row img {
cursor: pointer; }
.calculate-route-divider {
background-color: #dbd9d9;
height: 1px;
width: 110%;
margin-top: 5%;
margin-bottom: 5%; }
.total-trip {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
color: #303030; }
.total-trip-title {
font-weight: 500;
font-size: 20px; }
.calculate-text {
font-weight: bold;
font-size: 17px; }
.get-directions {
background-color: #ffcb05;
color: #303030;
font-weight: 600;
font-size: 18px;
width: 70%;
height: 45px;
display: grid;
place-items: center;
border-radius: 4px;
cursor: pointer;
margin-top: 5%;
margin-bottom: 5%; }
.add-route-container {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 6%;
margin-bottom: 2%; }
.add-route {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 94%;
cursor: pointer; }
.add-route p {
color: #303030;
font-size: 15px;
font-weight: 600;
margin-left: 5%; }
.calculate-disclaimer {
color: #979797;
font-size: 12px;
text-align: left;
margin-top: 5%; }
.cdk-overlay-container {
z-index: 1002; }
.report-tip-overlay-container {
width: 45vw;
height: 90vh;
border: 1px solid #979797;
background-color: #222632;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 4px;
position: relative; }
.close-modal {
position: absolute;
top: 0;
right: 0;
margin: 3%;
cursor: pointer; }
.report-tip-overlay-container .heading {
color: #ffffff;
font-size: 22px;
line-height: 24px;
font-weight: bold; }
.report-tip-overlay-container .subheading {
color: #ffffff;
font-size: 17px;
line-height: 22px;
width: 70%;
text-align: center;
margin-top: 1%; }
.report-tip-overlay-container .form-field {
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: -5%; }
.report-tip-overlay-container label {
color: #909298;
font-size: 17px;
line-height: 18px;
font-weight: 600;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10px; }
.report-tip-overlay-container select::placeholder {
color: white;
font-size: 17px; }
.report-tip-overlay-container select {
color: white;
font-size: 17px;
background-color: #3a3c47;
border-radius: 20px;
width: 100%;
height: 40px;
border: none;
padding-left: 25px;
border-right: 16px solid transparent !important; }
.report-tip-overlay-container option:disabled {
color: white !important; }
.report-tip-overlay-container input {
color: white;
font-size: 17px;
background-color: #3a3c47;
border-radius: 20px;
width: 95%;
height: 40px;
border: none;
padding-left: 25px; }
.report-tip-overlay-container input::placeholder {
color: white;
font-size: 17px; }
.report-tip-overlay-container textarea::placeholder {
color: white;
font-size: 17px; }
.report-tip-overlay-container textarea {
color: white;
font-size: 17px;
width: 90%;
border: none;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 20px;
background-color: #3a3c47; }
.button-container {
width: 80%;
display: flex;
flex-direction: row;
justify-content: space-between !important;
font-weight: bold;
font-size: 14px;
height: 60.5px; }
.button-container div {
border-radius: 4px;
width: 40%;
height: 100%;
cursor: pointer;
display: grid;
place-items: center; }
.button-container .cancel-button {
border: 3px solid white;
color: white; }
.button-container .submit-button {
color: #222632;
background-color: #ffcb05; }
.report-tip-sent-container {
border: 1px solid #979797;
background-color: #222632;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 4px;
position: relative;
height: 30vh;
width: 50vw; }
.report-tip-sent-container h1 {
color: white;
font-size: 22px;
font-weight: bold;
line-height: 24px; }
.report-tip-sent-container p {
color: white;
font-size: 17px;
line-height: 22px;
text-align: center;
width: 80%; }
@media screen and (min-width: 2000px) {
.button-container div {
height: 60px; }
.report-tip-overlay-container .subheading {
width: 46%; }
.report-tip-overlay-container {
height: 903px; }
.report-tip-overlay-container textarea {
width: 95%; }
.report-tip-overlay-container input {
height: 50px;
width: 97%; }
.report-tip-overlay-container select {
height: 50px; }
.report-tip-sent-container {
height: 15vh; } }
@media (max-width: 850px) {
.report-tip-overlay-container {
width: 100vw;
height: 100vh;
overflow: scroll; }
.report-tip-overlay-container .heading {
width: 80%;
text-align: center; }
.report-tip-sent-container {
width: 80vw !important; } }
.submit-tip-container {
font-family: "Source Sans Pro"; }
.submit-tip-header {
width: 100vw;
background-size: 100% 100% !important;
height: 50vh;
background: url(144922f4.png) no-repeat;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-left: 3%;
padding-bottom: 3%; }
.submit-tip-heading {
color: white;
margin: 0;
font-size: 45px;
text-transform: uppercase;
font-weight: bold;
line-height: 30px; }
.submit-tip-subheading {
color: white;
margin: 0;
font-size: 44px;
font-weight: bold; }
.submit-tip-form-container {
background-color: #f8f7f7;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
padding-top: 5%;
padding-bottom: 5%; }
.submit-tip-form-heading {
color: #303030;
font-size: 37px;
line-height: 24px;
font-weight: bold; }
.submit-tip-container .controls sat-validator .error-container .error {
padding-left: 220px; }
.submit-tip-form {
width: 47%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center; }
.label-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%; }
.label-container p {
color: #909298;
font-size: 14px;
font-style: italic; }
.form-field {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-top: 2%;
margin-bottom: 2%; }
.form-field label {
margin-top: 10px;
margin-bottom: 10px;
text-transform: uppercase; }
.submit-tip-container .form-field input {
font-size: 17px;
box-sizing: border-box;
padding-left: 20px;
width: 100%;
height: 40px;
border: none;
border-radius: 20px;
background-color: white;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
.submit-tip-container .form-field textarea {
font-size: 17px;
box-sizing: border-box;
padding-top: 10px;
padding-left: 20px;
width: 100%;
height: 100px;
border: none;
border-radius: 20px;
background-color: white;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
.submit-tip-container .form-field select {
border-right: 16px solid transparent !important;
box-sizing: border-box;
font-size: 17px;
background-color: white;
border-radius: 20px;
width: 100%;
height: 40px;
border: none;
padding-left: 20px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
.submit-tip-container option:disabled {
color: #8a8a8a;
font-size: 17px; }
.submit-tip-button {
background-color: #ffcb05;
height: 60px;
width: 50%;
border-radius: 4px;
display: grid;
place-items: center;
color: #222632;
font-size: 18px;
font-weight: bold;
cursor: pointer;
margin-top: 5%; }
.dropzone {
padding-top: 10px;
padding-bottom: 10px;
background-color: white;
width: 100%;
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 20px;
border: none; }
.dropzone input {
display: none;
z-index: 2;
width: 100%;
height: 100%; }
.drop-title {
color: #626262;
font-size: 18px; }
.drop-subtitle {
color: #979797;
font-size: 13px; }
.browse {
color: white;
background-color: #626262;
border-radius: 20px;
display: grid;
place-items: center;
height: 30px;
width: 30%;
cursor: pointer; }
.files-list {
margin-top: 1.5rem; }
.files-list .single-file {
display: flex;
padding: 0.5rem;
justify-content: space-between;
align-items: center;
border: dashed 1px #979797;
margin-bottom: 1rem;
display: flex;
flex-grow: 1; }
.files-list .single-file img.delete {
margin-left: 0.5rem;
cursor: pointer;
align-self: flex-end; }
.files-list .single-file .name {
font-size: 14px;
font-weight: 500;
color: #353f4a;
margin: 0; }
.files-list .single-file .size {
font-size: 12px;
font-weight: 500;
color: #a4a4a4;
margin: 0;
margin-bottom: 0.25rem; }
.files-list .single-file .info {
width: 100%; }
.search-input {
background: url(8ec283cb.svg) no-repeat right;
background-size: 60px; }
@media (max-width: 850px) {
.submit-tip-container .submit-tip-form {
width: 80%; }
.submit-tip-container .submit-tip-heading {
line-height: 1em; }
.submit-tip-container .submit-tip-form-heading {
line-height: 1em;
padding-left: 25px; }
.submit-tip-container .controls sat-validator .error-container .error {
padding-left: 80px; } }
@media (max-width: 425px) {
.submit-tip-container .submit-tip-form {
width: 90%; }
.submit-tip-container .controls sat-validator .error-container .error {
padding-left: 218px; } }
.progress-cont {
height: 7px;
width: 100%;
border-radius: 4px;
background-color: #d0d0d0;
position: relative; }
.progress-cont .progress {
width: 0;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
border-radius: 4px;
background-color: #4c97cb;
transition: 0.5s all; }
.cdk-overlay-container {
z-index: 1002; }
.wishlist-overlay-container {
width: 50%;
min-width: 491px;
margin: 0 auto;
border: 1px solid #979797;
background-color: #222632;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
border-radius: 4px;
position: relative;
padding: 0 20px; }
.add-to-wishlist-inner-container {
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 24px;
margin-bottom: 40px;
margin-top: 20px; }
.add-to-wishlist-inner-container .heading {
display: flex;
align-items: center;
font-size: 20px; }
#add-to-wishlist-container .sub-text {
width: 80%;
text-align: left;
color: #909298;
padding-bottom: 20px;
text-transform: uppercase; }
#add-to-wishlist-container .list-container {
width: 80%;
overflow-y: scroll;
height: 400px;
border-bottom: 1px solid #909298;
padding-bottom: 58px;
-ms-overflow-style: none;
scrollbar-width: none; }
#add-to-wishlist-container .list-container::-webkit-scrollbar {
display: none;
/* Safari and Chrome */ }
#add-to-wishlist-container .wishlist-item {
display: flex;
flex-direction: row;
color: #fff;
margin-bottom: 20px;
cursor: pointer; }
#add-to-wishlist-container .wishlist-item .wishlist-thumb {
width: 109px;
height: auto;
margin-right: 25px; }
#add-to-wishlist-container .wishlist-item .category-name {
font-size: 20px;
font-weight: 600;
letter-spacing: -0.5px;
line-height: 24px; }
#add-to-wishlist-container .wishlist-item .total-items {
font-size: 16px;
line-height: 17px; }
#add-to-wishlist-container .button-container,
#add-to-wishlist-container .create-link {
width: 100%;
justify-content: start; }
#tip-remove {
min-height: 150px; }
#tip-remove .inner-container {
display: flex;
flex-direction: column;
width: 100%;
min-height: 244px;
align-items: center;
color: #fff;
justify-content: center;
padding: 0 20px; }
#tip-remove .inner-container .heading {
font-size: 23px;
padding-bottom: 37px; }
#tip-remove .inner-container .button-container {
justify-content: center !important; }
#tip-remove .inner-container .button-container .submit-button {
padding: 0px;
max-width: 280px; }
#add-to-wishlist-container .button-container {
width: 80%; }
#add-to-wishlist-container .create-link p {
color: #fff;
font-size: 18px;
font-weight: bold;
height: 42px;
margin-bottom: 38px; }
#tip-added {
height: 120px; }
.wishlist-inner-container {
width: 80%;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center; }
.create-wishlist-container {
min-height: 500px;
min-width: 450px;
display: flex;
justify-content: space-between;
padding: 56px 40px;
background-color: #222632;
color: #ffffff;
position: relative; }
.create-wishlist-container .form-field label {
color: #909298;
font-size: 14px;
line-height: 16px; }
.create-wishlist-container .button-container {
width: 100%;
margin: 0 auto;
justify-content: center !important; }
.create-wishlist-container input {
color: white;
font-size: 17px;
background-color: #3a3c47;
border-radius: 20px;
width: 95%;
height: 40px;
border: none;
padding-left: 25px; }
.create-wishlist-container h1 {
font-size: 20px;
text-align: center;
margin-bottom: 30px; }
.create-wishlist-container .close-modal {
right: 20px;
top: 10px; }
.create-wishlist-inner-container {
display: flex;
flex-direction: column;
width: 100%;
justify-content: space-between;
padding: 0 20px; }
.wishlist-inner-container .content {
margin-bottom: 30px;
font-size: 18px;
color: #fff;
text-align: center; }
#sign-in-container .button-container {
justify-content: center !important; }
.close-modal {
position: absolute;
top: 0;
right: 0;
margin: 3%;
cursor: pointer; }
.wishlist-overlay-container .heading {
color: #ffffff;
font-size: 22px;
line-height: 24px;
font-weight: bold; }
.wishlist-overlay-container .subheading {
color: #ffffff;
font-size: 17px;
line-height: 22px;
width: 80%;
text-align: center;
margin-top: 1%; }
.wishlist-overlay-container .form-field {
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: -5%; }
.wishlist-overlay-container label {
color: #909298;
font-size: 17px;
line-height: 18px;
font-weight: 600;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10px; }
.wishlist-overlay-container select::placeholder {
color: white;
font-size: 17px; }
.wishlist-overlay-container select {
color: white;
font-size: 17px;
background-color: #3a3c47;
border-radius: 20px;
width: 100%;
height: 40px;
border: none;
padding-left: 25px;
border-right: 16px solid transparent !important; }
.wishlist-overlay-container option:disabled {
color: white !important; }
.wishlist-overlay-container input {
color: white;
font-size: 17px;
background-color: #3a3c47;
border-radius: 20px;
width: 95%;
height: 40px;
border: none;
padding-left: 25px; }
.wishlist-overlay-container input::placeholder {
color: white;
font-size: 17px; }
.wishlist-overlay-container textarea::placeholder {
color: white;
font-size: 17px; }
.wishlist-overlay-container textarea {
color: white;
font-size: 17px;
width: 90%;
border: none;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 20px;
background-color: #3a3c47; }
.button-container {
width: 80%;
display: flex;
flex-direction: row;
font-weight: bold;
font-size: 14px;
justify-content: space-around;
align-items: center; }
.button-container div {
border-radius: 4px;
width: 40%;
height: 100%;
cursor: pointer;
display: grid;
place-items: center; }
.button-container .cancel-button {
border: 3px solid white;
color: white; }
.button-container .submit-button {
color: #222632;
background-color: #ffcb05; }
.report-tip-sent-container {
border: 1px solid #979797;
background-color: #222632;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 4px;
position: relative;
height: 30vh;
width: 50vw; }
.report-tip-sent-container h1 {
color: white;
font-size: 22px;
font-weight: bold;
line-height: 24px; }
.report-tip-sent-container p {
color: white;
font-size: 17px;
line-height: 22px;
text-align: center;
width: 80%; }
.tip-added-container {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-around;
align-items: center;
color: #fff; }
.tip-added-container .header {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 22px;
padding: 0 17px; }
.tip-added-container .add-view-container {
display: flex;
align-items: center; }
@media screen and (min-width: 2000px) {
.button-container div {
height: 60px; }
.report-tip-overlay-container .subheading {
width: 46%; }
.report-tip-overlay-container {
height: 903px; }
.report-tip-overlay-container textarea {
width: 95%; }
.report-tip-overlay-container input {
height: 50px;
width: 97%; }
.report-tip-overlay-container select {
height: 50px; }
.report-tip-sent-container {
height: 15vh; } }
@media (max-width: 440px) {
.wishlist-overlay-container {
width: 80vw;
max-width: 100%;
min-width: auto;
height: 100%;
padding: 0; }
#add-to-wishlist-container .button-container,
#add-to-wishlist-container .create-link {
width: 80%; }
.create-wishlist-container {
padding: 0;
min-width: 100vw;
min-height: 100vh; }
.create-wishlist-container, #add-to-wishlist-container {
width: 100vw;
height: 100vh; }
.create-wishlist-inner-container {
width: 100vw;
height: auto;
padding: 20px 20px; }
.create-wishlist-inner-container .submit-button {
width: 60%;
margin-bottom: 10px; }
#tip-remove .button-container {
justify-content: center !important; }
#tip-remove .inner-container {
width: 80vw; }
.create-wishlist-container .close-modal {
right: 0px;
top: 0px; }
.wishlist-overlay-container .button-container {
width: 100%; }
.tip-added-container {
flex-direction: column; }
.tip-added-container .header {
margin-bottom: 20px;
font-size: 23px; }
#tip-added {
height: 200px; }
#tip-remove {
min-width: 80vw;
text-align: center; }
#tip-remove .inner-container .header {
padding: 37px; }
#sign-in-container {
width: 80%; }
#sign-in-container .button-container {
text-align: center;
justify-content: center !important; } }
.txt-yellow {
color: #ffcb05; }
.txt-green {
color: #00954a; }
.txt-blue {
color: #034694; }
.txt-red {
color: #ed1c24; }
.travel .bck-primary {
background-color: #ffcb05;
color: #303030; }
.app-container.show-hover .travel .bck-primary:hover:not(.expanded) p, .travel .bck-primary.active-tab p {
color: #303030; }
.app-container.show-hover .travel .bck-primary:hover:not(.expanded) i, .travel .bck-primary.active-tab i {
color: #222632; }
.travel .bck-secondary {
background-color: #ffe582;
color: #303030; }
.travel .pattern-social:before {
background-position: 100px 140px !important;
opacity: 0.3; }
.travel .txt-primary {
color: #ffcb05; }
.travel .btn.primary:not(.dark) {
background-color: #ffcb05;
color: #222632; }
.travel .btn.primary:not(.dark):before {
background: #222632; }
.app-container.show-hover .travel .btn.primary:not(.dark):hover:not(.disabled), .travel .btn.primary:not(.dark):active:not(.disabled) {
color: #ffcb05; }
.travel .btn.primary.dark {
background-color: #ffcb05;
color: #222632; }
.travel .btn.primary.dark:before {
background: #ffffff; }
.app-container.show-hover .travel .btn.primary.dark:hover:not(.disabled), .travel .btn.primary.dark:active:not(.disabled) {
color: #222632; }
.travel .btn.secondary:not(.dark) {
border: 2px solid #222632;
background-color: transparent;
color: #222632; }
.travel .btn.secondary:not(.dark):before {
background: #222632; }
.app-container.show-hover .travel .btn.secondary:not(.dark):hover:not(.disabled), .travel .btn.secondary:not(.dark):active:not(.disabled) {
color: #ffcb05; }
.travel .btn.secondary.dark {
border: 2px solid #ffffff;
background-color: transparent;
color: #ffffff; }
.travel .btn.secondary.dark:before {
background: #ffffff; }
.app-container.show-hover .travel .btn.secondary.dark:hover:not(.disabled), .travel .btn.secondary.dark:active:not(.disabled) {
color: #222632; }
.travel .btn.grey {
border: 2px solid #909298;
color: #909298; }
.travel .btn.grey:before {
background-color: #ffcb05; }
.app-container.show-hover .travel .btn.grey:hover:not(.disabled), .travel .btn.grey:active:not(.disabled) {
color: #222632;
border-color: #ffcb05; }
.travel .btn.tertiary:not(.dark) {
color: #222632;
border-bottom: 2px solid #222632; }
.travel .btn.tertiary:not(.dark) sat-animated-arrow {
color: #ffcb05; }
.app-container.show-hover .travel .btn.tertiary:not(.dark):hover, .travel .btn.tertiary:not(.dark):active {
background-color: inherit;
color: inherit; }
.app-container.show-hover .travel .btn.tertiary:not(.dark):hover sat-animated-arrow, .travel .btn.tertiary:not(.dark):active sat-animated-arrow {
color: #222632; }
.travel .btn.tertiary.dark {
color: #ffffff;
border-bottom: 2px solid #ffffff; }
.travel .btn.tertiary.dark sat-animated-arrow {
color: #ffcb05; }
.app-container.show-hover .travel .btn.tertiary.dark:hover, .travel .btn.tertiary.dark:active {
color: #909298; }
.travel .btn.icon:not(.dark) {
color: #222632; }
.travel .btn.icon:not(.dark) i {
color: #ffcb05; }
.app-container.show-hover .travel .btn.icon:not(.dark):hover i, .travel .btn.icon:not(.dark):active i {
color: #222632; }
.travel .btn.icon.dark {
color: #ffffff; }
.travel .btn.icon.dark i {
color: #ffcb05; }
.app-container.show-hover .travel .btn.icon.dark:hover, .travel .btn.icon.dark:active {
color: #909298; }
.app-container.show-hover .travel .tag:hover, .travel .tag:active {
background-color: #ffcb05;
color: #303030; }
.travel .tag-card.front {
background-color: #303030;
color: #ffcb05; }
.travel .tag-card.back {
color: #ffcb05; }
.app-container.show-hover .travel .tag-circle:hover, .app-container.show-hover .travel app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .travel .tag-circle, .app-container.show-hover .travel app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .travel .tag-circle, .travel .tag-circle:active {
background-color: #ffcb05; }
.travel p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
border-color: #ffcb05; }
.travel p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
color: #ffcb05; }
.travel p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
border-color: #ffcb05; }
.travel p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
width: 12.5px;
height: 12.5px;
background: #ffcb05;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.app-container.show-hover .travel sat-dropdown .dropdown ul li:hover, .travel sat-dropdown .dropdown ul li:active, .travel sat-dropdown .dropdown ul li.hovered {
background-color: #ffcb05; }
.app-container.show-hover .travel .ui-datepicker td a:hover, .travel .ui-datepicker td a:active {
background-color: #ffcb05; }
.travel .ui-datepicker td a.ui-state-active {
background-color: #ffe582; }
.travel .switch small {
background: #ffcb05; }
.travel .tooltip-parent .tooltip.tooltip-ready {
background-color: #ffcb05;
color: #303030; }
.travel .tooltip-parent .tooltip:after {
border-top-color: #ffcb05; }
.travel .range-selector .selected-range:after {
background-color: #ffcb05; }
.travel .search-container.extended .search-section .search-section-container ul li i {
color: #ffcb05; }
.app-container.show-hover .travel .card-category-info .share-cta:hover, .travel .card-category-info .share-cta:active {
color: #ffcb05; }
.travel .card-actions-bar:before, .travel .card-actions-bar:after {
background-color: #ffcb05; }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .tag-card.front, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .tag-card.front {
background-color: #034694;
color: #ffffff; }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .tag-card.back, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .tag-card.back {
color: #034694; }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .card-bottom-bar span, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .card-bottom-bar span {
color: #ffffff; }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .card-actions-bar:before, .travel sat-card.wishlist-view sat-content-card.content-type-venue .card-actions-bar:after, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .card-actions-bar:before, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .card-actions-bar:after {
background-color: #034694; }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .card-actions-bar.wish-list .favourite-cta, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .card-actions-bar.wish-list .favourite-cta {
border-left: 1px solid rgba(48, 48, 48, 0.3); }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .card-back sat-card-container .card-bottom, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .card-back sat-card-container .card-bottom {
color: #034694 !important; }
.travel sat-card.wishlist-view sat-content-card.content-type-venue .card-back .right .card-actions-bar, .travel sat-card.wishlist-view sat-content-card.content-type-incentive .card-back .right .card-actions-bar {
background-color: #034694 !important; }
.travel .card .card-icon-header .icon {
color: #ffcb05; }
.travel .card .top-button i {
color: #909298; }
.app-container.show-hover .travel .card .top-button:hover i, .travel .card .top-button:active i {
color: #ffcb05; }
.travel .card .card-back .card-icon-header .icon {
color: #ffcb05; }
.travel .card .card-back .top-button i {
color: #909298; }
.app-container.show-hover .travel .card .card-back .top-button:hover i, .travel .card .card-back .top-button:active i {
color: #ffcb05; }
.travel .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ffcb05 !important; }
.app-container.show-hover .travel app-nav-bottom-tab div.expanded:hover p, .travel app-nav-bottom-tab div.expanded:active p, .travel app-nav-bottom-tab div.expanded.active-tab p {
color: #222632; }
.app-container.show-hover .travel app-nav-bottom-tab div.expanded:hover i, .travel app-nav-bottom-tab div.expanded:active i, .travel app-nav-bottom-tab div.expanded.active-tab i {
color: #222632; }
.travel .menu-left-container .menu-top .menu-top-logo {
background-size: contain;
background-repeat: no-repeat; }
.travel a {
color: #ffcb05; }
.travel .color-primary {
color: #ffcb05; }
.travel a.link, .travel label.link {
color: #909298;
border-color: #ffcb05; }
.app-container.show-hover .travel a.link:hover, .app-container.show-hover .travel app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .travel a, .app-container.show-hover .travel app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .travel a, .travel a.link:active, .app-container.show-hover .travel label.link:hover, .travel label.link:active {
color: #222632;
background-color: #ffcb05; }
.travel p a:link,
.travel p a.link,
.travel p a:visited, .travel ul:not(.custom) > li a:link,
.travel ul:not(.custom) > li a.link,
.travel ul:not(.custom) > li a:visited {
color: #909298;
border-color: #ffcb05; }
.app-container.show-hover .travel p a:link:hover, .travel p a:link:active, .app-container.show-hover .travel p a.link:hover, .app-container.show-hover .travel p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .travel p a, .app-container.show-hover .travel p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .travel p a,
.travel p a.link:active, .app-container.show-hover
.travel p a:visited:hover,
.travel p a:visited:active, .app-container.show-hover .travel ul:not(.custom) > li a:link:hover, .travel ul:not(.custom) > li a:link:active, .app-container.show-hover .travel ul:not(.custom) > li a.link:hover, .app-container.show-hover .travel ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .travel ul:not(.custom) > li a, .app-container.show-hover .travel ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .travel ul:not(.custom) > li a,
.travel ul:not(.custom) > li a.link:active, .app-container.show-hover
.travel ul:not(.custom) > li a:visited:hover,
.travel ul:not(.custom) > li a:visited:active {
color: #222632;
background-color: #ffcb05; }
.travel .menu-right-cities a {
color: #ffffff; }
.app-container.show-hover .travel .modal-cover .close-btn:hover, .travel .modal-cover .close-btn:active {
color: #ffcb05; }
.travel app-social-share .share-social-btn i:before {
color: #ffe582; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.travel app-social-share .share-social-btn i:before {
background: none !important; } }
.travel .pattern-white:before, .travel .pattern-white-s:before {
background-image: url(aa3b4576.png); }
.travel .pattern-black:before {
background-image: url(742053b4.png); }
.travel .pattern-primary:before {
background-image: url(7d46d7af.png) !important; }
.travel .pattern-hover:before {
background-image: url(332c4f05.png) !important; }
.travel .header-middle-panel h6 {
color: #ffcb05; }
.app-container.show-hover .travel .header-middle-panel h6.clickable:hover, .travel .header-middle-panel h6.clickable:active {
color: #ffe582; }
.travel .header-middle-panel .h1 {
color: #ffffff; }
.app-container.show-hover .travel .header-container-slide .slider-controls .tag-circle i:hover, .travel .header-container-slide .slider-controls .tag-circle i:active {
color: #ffcb05; }
.app-container.show-hover .travel .desktop-menu-container .menu-right-container .menu-close:hover, .travel .desktop-menu-container .menu-right-container .menu-close:active {
color: #ffcb05; }
.travel .desktop-menu-container .menu-right-container .deck-count {
background-image: url(aa3b4576.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(aa3b4576.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #eeeeee; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.travel .desktop-menu-container .menu-right-container .deck-count {
background: none !important; } }
.travel .desktop-menu-container .menu-items ul.main-menu > li li i {
color: #ffcb05; }
.app-container.show-hover .travel .desktop-menu-container .menu-items ul.main-menu > li li:hover a, .travel .desktop-menu-container .menu-items ul.main-menu > li li:active a, .travel .desktop-menu-container .menu-items ul.main-menu > li li.selected a {
color: #ffcb05; }
.app-container.show-hover .travel .desktop-menu-container .menu-items ul.main-menu > li:hover > a, .travel .desktop-menu-container .menu-items ul.main-menu > li:active > a {
color: #ffcb05; }
.travel .desktop-menu-container .menu-items ul.main-menu > li.selected > a {
color: #ffcb05; }
.app-container.show-hover .travel sat-panel .panel-item .title:hover .icon, .travel sat-panel .panel-item .title:active .icon {
color: #ffcb05; }
.travel .card-container .card .card-back sat-card-container .card-bottom {
color: #ffcb05; }
.travel .card-container .card sat-social-feed-card .card-back .card-top .social:before, .travel .card-container .card sat-social-feed-card .card-flipped .card-top .social:before {
color: #ffe582; }
.travel .card-container .card sat-social-feed-card > a > .card-back > sat-card-container .card-bottom {
color: #ffffff; }
.travel .card-container .card sat-location-card .card-bottom:after {
background-color: #ffcb05; }
.travel .card-container .card sat-location-card .current-location i {
color: #ffcb05; }
.travel .card-container .card sat-location-card .distance p.highlight {
color: #ffcb05; }
.travel .card-container .card sat-quick-fact-card .card-bottom:after {
background-color: #ffcb05; }
.travel .card-container .card sat-brand-card .card-front:after {
background-color: #ffcb05; }
.travel .card-container .card .card-date .icon-arrow_right {
color: #ffcb05; }
.app-container.show-hover .travel .paginator-container .paginator .pages a:hover, .travel .paginator-container .paginator .pages a:active {
background-color: #ffcb05; }
.travel .paginator-container .paginator .pages a.active {
background-color: #ffe582; }
.travel .paginator-container .paginator .pages.dots a {
background-color: transparent; }
.app-container.show-hover .travel .paginator-container .paginator .pages.dots a:hover .dot, .travel .paginator-container .paginator .pages.dots a.active .dot {
background-color: #ffcb05; }
.travel .swiper-pagination-bullet-active {
background: #ffcb05; }
.app-container.show-hover .travel .swiper-pagination-bullet:hover, .travel .swiper-pagination-bullet:active {
background: #ffcb05; }
.travel .loader-container .loader, .travel .loader-container .loader-text {
color: #ffcb05; }
.travel .loader-circle {
border-left: 1.1em solid #ffcb05; }
.travel .loader-container-overlay, .travel .error-container-pattern-overlay {
background: radial-gradient(ellipse at center, #222632 0%, #222632 40%, rgba(34, 38, 50, 0.9) 60%, rgba(34, 38, 50, 0) 100%), url(aa3b4576.png); }
.travel sat-button-submit .btn.primary .loader {
border-left-color: #ffcb05; }
.app-container.show-hover .travel sat-button-submit .btn.primary:hover .loader {
border-top-color: #ffcb05;
border-right-color: #ffcb05;
border-bottom-color: #ffcb05; }
.travel .toolkit-tab:not(.active-tab) {
background-color: #222632 !important;
cursor: pointer; }
.app-container.show-hover .travel .toolkit-tab:not(.active-tab):hover {
background-color: #ffcb05 !important; }
.travel .image-active-primary a {
color: #ffffff; }
.app-container.show-hover .travel .image-active-primary a img:hover, .travel .image-active-primary a img:active {
border: solid 1px #ffffff; }
.travel app-rich-text .richText-container ul li:before, .travel app-accordion sat-panel .body .content ul li:before {
color: #ffcb05; }
.app-container.show-hover .travel app-footer a:hover, .travel app-footer a:active {
color: #ffcb05; }
.travel .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
color: #ffcb05; }
@media (min-width: 1080px) {
.travel .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background-image: url(7d46d7af.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #ffe582;
opacity: 0.5; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
.travel .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .travel .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background: none !important; } }
.travel#toast-container .toast {
background-color: #ffe582; }
.travel#toast-container .toast-warning:before {
border-bottom-color: #ffe582; }
.travel .retweet-container .icon-twitter:before, .travel .retweet-container .btn.social.twitter:before, .travel .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .travel .retweet-container .social:before, .travel .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .travel .retweet-container .social:before {
color: #ffe582; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.travel .retweet-container .icon-twitter:before, .travel .retweet-container .btn.social.twitter:before, .travel .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .travel .retweet-container .social:before, .travel .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .travel .retweet-container .social:before {
background: none !important; } }
.travel app-user-area .profile-pic-proto, .travel app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo .travel app-user-area .profile-pic, .travel app-user-area .user-profile .profile-pic, .user-profile .travel app-user-area .profile-pic {
border: 4px solid #303030; }
.travel app-user-area app-user-profile .profile-pic.picture-uploaded, .travel app-user-area app-user-crop-photo .profile-pic.picture-uploaded {
background-color: #303030; }
.app-container.show-hover .travel app-user-area app-user-profile .profile-pic:hover, .travel app-user-area app-user-profile .profile-pic:active {
background-color: #303030; }
.travel app-user-area .mobile-edit-image {
background-color: #303030; }
.travel app-user-area .upload-text i:before, .travel app-user-area .upload-text p {
color: #ffffff; }
.app-container.show-hover .travel app-active-filters .active-filters .active-filters-container .clear-filters:hover, .travel app-active-filters .active-filters .active-filters-container .clear-filters:active {
color: #ffcb05;
border-bottom-color: #ffcb05; }
.app-container.show-hover .travel app-active-filters .active-filters .active-filters-container .icon-close:hover, .travel app-active-filters .active-filters .active-filters-container .icon-close:active {
color: #ffcb05; }
.travel app-location-filter .location-filter .sat-map-container .icon-map {
color: #ffcb05; }
.travel app-location-filter .location-filter .dropdown-controls .icon-open {
color: #ffcb05; }
.app-container.show-hover .travel app-location-filter .location-filter .dropdown-controls .icon-open:hover, .travel app-location-filter .location-filter .dropdown-controls .icon-open:active {
color: #ffcb05; }
.travel app-site-selector .mobile-site-selector-menu ul li.selected:before {
background-color: #ffcb05; }
.travel .completer input[type="search"] {
color: #ffcb05; }
.travel .completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row.completer-selected-row {
background-color: #ffcb05;
color: #ffffff; }
.travel .map .map-default.active {
fill: #ffe582; }
.app-container.show-hover .travel .map .map-default:hover, .travel .map .map-default.hovered {
fill: #ffcb05; }
.travel app-user-area .profile-pic-proto, .travel app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo .travel app-user-area .profile-pic, .travel app-user-area .user-profile .profile-pic, .user-profile .travel app-user-area .profile-pic {
border: 4px solid #ffcb05; }
.travel app-user-area app-user-profile .profile-pic.picture-uploaded, .travel app-user-area app-user-crop-photo .profile-pic.picture-uploaded {
background-color: #ffcb05; }
.app-container.show-hover .travel app-user-area app-user-profile .profile-pic:hover, .travel app-user-area app-user-profile .profile-pic:active {
background-color: #ffcb05; }
.travel app-user-area .mobile-edit-image {
background-color: #ffcb05; }
.travel app-user-area .upload-text i:before, .travel app-user-area .upload-text p {
color: #303030; }
.txt-yellow {
color: #ffcb05; }
.txt-green {
color: #00954a; }
.txt-blue {
color: #034694; }
.txt-red {
color: #ed1c24; }
.business .bck-primary {
background-color: #034694;
color: white; }
.business .bck-primary i {
color: #eeeeee; }
.business .bck-primary p {
color: #eeeeee; }
.app-container.show-hover .business .bck-primary:hover:not(.expanded) p, .business .bck-primary.active-tab p {
color: #ffffff; }
.app-container.show-hover .business .bck-primary:hover:not(.expanded) i, .business .bck-primary.active-tab i {
color: #ffffff; }
.business .bck-secondary {
background-color: #81a2c9;
color: #303030; }
.business .pattern-social:before {
background-position: 80px 270px !important;
background-size: 90% !important; }
.business .txt-primary {
color: #034694; }
.business .txt-primary-dark {
color: #81a2c9; }
.business .btn.primary:not(.dark) {
background-color: #034694;
color: #ffffff; }
.business .btn.primary:not(.dark):before {
background: #222632; }
.app-container.show-hover .business .btn.primary:not(.dark):hover:not(.disabled), .business .btn.primary:not(.dark):active:not(.disabled) {
color: #ffffff; }
.business .btn.primary.dark {
background-color: #034694;
color: #ffffff; }
.business .btn.primary.dark:before {
background: #ffffff; }
.app-container.show-hover .business .btn.primary.dark:hover:not(.disabled), .business .btn.primary.dark:active:not(.disabled) {
color: #222632; }
.business .btn.secondary:not(.dark) {
border: 2px solid #222632;
background-color: transparent;
color: #222632; }
.business .btn.secondary:not(.dark):before {
background: #222632; }
.app-container.show-hover .business .btn.secondary:not(.dark):hover:not(.disabled), .business .btn.secondary:not(.dark):active:not(.disabled) {
color: #ffffff; }
.business .btn.secondary.dark {
border-color: #ffffff;
color: #ffffff; }
.business .btn.secondary.dark:before {
background: #ffffff; }
.app-container.show-hover .business .btn.secondary.dark:hover:not(.disabled), .business .btn.secondary.dark:active:not(.disabled) {
color: #222632; }
.business .btn.grey {
border: 2px solid #909298;
color: #909298; }
.business .btn.grey:before {
background-color: #034694; }
.app-container.show-hover .business .btn.grey:hover:not(.disabled), .business .btn.grey:active:not(.disabled) {
color: #ffffff;
border-color: #034694; }
.business .btn.tertiary:not(.dark) {
color: #222632;
border-bottom: 2px solid #222632; }
.business .btn.tertiary:not(.dark) sat-animated-arrow {
color: #034694; }
.app-container.show-hover .business .btn.tertiary:not(.dark):hover, .business .btn.tertiary:not(.dark):active {
background-color: inherit;
color: inherit; }
.app-container.show-hover .business .btn.tertiary:not(.dark):hover sat-animated-arrow, .business .btn.tertiary:not(.dark):active sat-animated-arrow {
color: #222632; }
.business .btn.tertiary.dark {
color: #ffffff;
border-bottom: 2px solid #ffffff; }
.business .btn.tertiary.dark sat-animated-arrow {
color: #034694; }
.app-container.show-hover .business .btn.tertiary.dark:hover, .business .btn.tertiary.dark:active {
color: #909298; }
.business .btn.icon:not(.dark) {
color: #222632; }
.business .btn.icon:not(.dark) i {
color: #034694; }
.app-container.show-hover .business .btn.icon:not(.dark):hover i, .business .btn.icon:not(.dark):active i {
color: #222632; }
.business .btn.icon.dark {
color: #ffffff; }
.business .btn.icon.dark i {
color: #034694; }
.app-container.show-hover .business .btn.icon.dark:hover, .business .btn.icon.dark:active {
color: #909298; }
.app-container.show-hover .business .tag:hover, .business .tag:active {
background-color: #034694;
color: #ffffff; }
.business .tag-card.front {
background-color: #034694; }
.business .tag-card.back {
color: #034694; }
.app-container.show-hover .business .tag-circle:hover, .app-container.show-hover .business app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .business .tag-circle, .app-container.show-hover .business app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .business .tag-circle, .business .tag-circle:active {
background-color: #034694;
color: #ffffff; }
.app-container.show-hover .business .tag-circle:hover i, .app-container.show-hover .business app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .business .tag-circle i, .app-container.show-hover .business app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .business .tag-circle i, .business .tag-circle:active i {
color: #ffffff; }
.business p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
border-color: #034694; }
.business p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
color: #034694; }
.business p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
border-color: #034694; }
.business p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
width: 12.5px;
height: 12.5px;
background: #034694;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.app-container.show-hover .business sat-dropdown .dropdown ul li:hover, .business sat-dropdown .dropdown ul li:active, .business sat-dropdown .dropdown ul li.hovered {
background-color: #034694;
color: #ffffff; }
.app-container.show-hover .business .ui-datepicker td a:hover, .business .ui-datepicker td a:active {
background-color: #034694;
color: #ffffff; }
.business .ui-datepicker td a.ui-state-active {
background-color: #81a2c9; }
.business .switch small {
background: #034694;
color: #ffffff; }
.business .switch .off {
color: #ffffff; }
.business .switch.checked .on {
color: #ffffff; }
.business .switch.checked .off {
color: #222632; }
.business .tooltip-parent .tooltip.tooltip-ready {
background-color: #034694;
color: #eeeeee; }
.business .tooltip-parent .tooltip:after {
border-top-color: #034694; }
.business sat-range-selector .selected-range:after {
background-color: #034694; }
.business sat-range-selector .range-selector-gradient {
stop-color: #81a2c9; }
.business .search-container.extended .search-section .search-section-container ul li i {
color: #81a2c9; }
.business .tick-icon.selected:before {
background-color: #034694;
color: #eeeeee; }
.business .tick-icon:hover:before {
background-color: #034694;
color: #ffffff; }
.app-container.show-hover .business .card-category-info .share-cta:hover, .business .card-category-info .share-cta:active {
color: #034694; }
.business .card-bottom-bar span {
color: #ffffff; }
.business .card-actions-bar:before, .business .card-actions-bar:after {
background-color: #034694; }
.business .card-actions-bar.wish-list .favourite-cta {
border-left: 1px solid rgba(48, 48, 48, 0.3); }
.business .card sat-content-card:not(.content-type-caseStudy) .card-back sat-card-container .card-bottom,
.business .card sat-download-card .card-back sat-card-container .card-bottom {
color: #034694 !important; }
.business .card sat-content-card:not(.content-type-caseStudy) .card-back .right .card-actions-bar,
.business .card sat-download-card .card-back .right .card-actions-bar {
background-color: #034694 !important; }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .tag-card.front {
background-color: #034694;
color: #ffffff; }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .tag-card.back {
color: #034694; }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .card-bottom-bar span {
color: #ffffff;
font-size: 18px; }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .card-actions-bar:before, .business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .card-actions-bar:after {
background-color: #034694; }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .card-actions-bar.wish-list .favourite-cta {
border-left: 1px solid rgba(48, 48, 48, 0.1); }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .card-back sat-card-container .card-bottom {
color: #034694 !important; }
.business sat-card.wishlist-view sat-content-card:not(.content-type-venue):not(.content-type-incentive) .card-back .right .card-actions-bar {
background-color: #034694 !important; }
.business .card .card-icon-header .icon {
color: #034694; }
.business .card .top-button i {
color: #909298; }
.app-container.show-hover .business .card .top-button:hover, .business .card .top-button:active i {
color: #034694; }
.business .card .card-back .card-icon-header .icon {
color: #034694; }
.business .card .card-back .top-button i {
color: #909298; }
.app-container.show-hover .business .card .card-back .top-button:hover i, .business .card .card-back .top-button:active i {
color: #034694; }
.business sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
color: #034694; }
@media (min-width: 768px) {
.business sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
color: #ffffff; } }
@media (max-width: 767px) {
.business sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #034694; } }
@media (min-width: 768px) and (max-width: 1079px) {
.business sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #034694; } }
@media (min-width: 1080px) {
.business sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #034694; } }
.business nav.primary .nav-mobile .search-outer-container input:focus,
.business nav.primary .nav-search .search-outer-container input:focus {
color: #034694; }
.business .user-menu {
background-color: #81a2c9; }
.business .user-menu:before {
border-bottom-color: #81a2c9; }
.business .user-menu div:not(:last-child) {
border-bottom: 1px solid #034694; }
.app-container.show-hover .business nav.primary .nav-mobile:hover .hamburger-icon span, .business nav.primary .nav-mobile:active .hamburger-icon span {
background-color: #034694; }
.business .nb-content-container.open .nb-content-wrap:before {
background-size: 5%; }
.business .menu-left-container .menu-top .menu-top-logo {
background-image: url(23ac9d3f.svg);
background-size: contain;
background-repeat: no-repeat; }
@media (min-width: 1366px) {
.business .header-wrapper .content-column {
width: 49%; } }
.business a {
color: #034694; }
.business .color-primary {
color: #034694; }
.business a.link, .business label.link {
color: #909298;
border-color: #034694; }
.app-container.show-hover .business a.link:hover, .app-container.show-hover .business app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .business a, .app-container.show-hover .business app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .business a, .business a.link:active, .app-container.show-hover .business label.link:hover, .business label.link:active {
color: #ffffff;
background-color: #034694; }
.business p a:link,
.business p a.link,
.business p a:visited, .business ul:not(.custom) > li a:link,
.business ul:not(.custom) > li a.link,
.business ul:not(.custom) > li a:visited {
color: #909298;
border-color: #034694; }
.app-container.show-hover .business p a:link:hover, .business p a:link:active, .app-container.show-hover .business p a.link:hover, .app-container.show-hover .business p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .business p a, .app-container.show-hover .business p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .business p a,
.business p a.link:active, .app-container.show-hover
.business p a:visited:hover,
.business p a:visited:active, .app-container.show-hover .business ul:not(.custom) > li a:link:hover, .business ul:not(.custom) > li a:link:active, .app-container.show-hover .business ul:not(.custom) > li a.link:hover, .app-container.show-hover .business ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .business ul:not(.custom) > li a, .app-container.show-hover .business ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .business ul:not(.custom) > li a,
.business ul:not(.custom) > li a.link:active, .app-container.show-hover
.business ul:not(.custom) > li a:visited:hover,
.business ul:not(.custom) > li a:visited:active {
color: #ffffff;
background-color: #034694; }
.business .menu-right-cities a {
color: #ffffff; }
.app-container.show-hover .business .modal-cover .close-btn:hover, .business .modal-cover .close-btn:active {
color: #81a2c9; }
.business app-social-share .share-social-btn i:before {
color: #81a2c9; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.business app-social-share .share-social-btn i:before {
background: none !important; } }
.business .pattern-white:before, .business .pattern-white-s:before {
background-image: url(d0f756e4.png); }
.business .pattern-black:before {
background-image: url(296dcc78.png); }
.business .pattern-primary:before {
background-image: url(72659b4d.png) !important; }
.business .pattern-hover:before {
background-image: url(a5f54643.png) !important; }
.business .header-middle-panel h6 {
color: #034694; }
.app-container.show-hover .business .header-middle-panel h6.clickable:hover, .business .header-middle-panel h6.clickable:active {
color: #81a2c9; }
.business .header-middle-panel .h1 {
color: #ffffff; }
.app-container.show-hover .business .header-container-slide .slider-controls .tag-circle i:hover, .business .header-container-slide .slider-controls .tag-circle i:active {
color: #034694; }
.app-container.show-hover .business .desktop-menu-container .menu-right-container .menu-close:hover, .business .desktop-menu-container .menu-right-container .menu-close:active {
color: #81a2c9; }
.business .desktop-menu-container .menu-right-container .deck-count {
background-image: url(d0f756e4.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(d0f756e4.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(d0f756e4.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(d0f756e4.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(d0f756e4.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #eeeeee; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.business .desktop-menu-container .menu-right-container .deck-count {
background: none !important; } }
.business .desktop-menu-container .menu-items ul.main-menu > li li i {
color: #81a2c9; }
.app-container.show-hover .business .desktop-menu-container .menu-items ul.main-menu > li li:hover a, .business .desktop-menu-container .menu-items ul.main-menu > li li:active a, .business .desktop-menu-container .menu-items ul.main-menu > li li.selected a {
color: #81a2c9; }
.app-container.show-hover .business .desktop-menu-container .menu-items ul.main-menu > li:hover > a, .business .desktop-menu-container .menu-items ul.main-menu > li:active > a {
color: #81a2c9; }
.business .desktop-menu-container .menu-items ul.main-menu > li.selected > a {
color: #81a2c9; }
.app-container.show-hover .business sat-panel .panel-item .title:hover .icon, .business sat-panel .panel-item .title:active .icon {
color: #81a2c9; }
.business .card-container .card .card-back sat-card-container .card-bottom {
color: #034694; }
.business .card-container .card sat-social-feed-card .card-back .card-top .social:before, .business .card-container .card sat-social-feed-card .card-flipped .card-top .social:before {
color: #81a2c9; }
.business .card-container .card sat-social-feed-card > a > .card-back > sat-card-container .card-bottom {
color: #ffffff; }
.business .card-container .card sat-location-card .card-bottom:after {
background-color: #034694; }
.business .card-container .card sat-location-card .current-location i {
color: #034694; }
.business .card-container .card sat-location-card .distance p.highlight {
color: #034694; }
.business .card-container .card sat-quick-fact-card .card-bottom:after {
background-color: #034694; }
.business .card-container .card sat-brand-card .card-front:after {
background-color: #034694; }
.business .card-container .card .card-date .icon-arrow_right {
color: #034694; }
.app-container.show-hover .business .paginator-container .paginator .pages a:hover, .business .paginator-container .paginator .pages a:active {
background-color: #034694; }
.business .paginator-container .paginator .pages a.active {
background-color: #81a2c9; }
.business .paginator-container .paginator .pages.dots a {
background-color: transparent; }
.app-container.show-hover .business .paginator-container .paginator .pages.dots a:hover .dot, .business .paginator-container .paginator .pages.dots a.active .dot {
background-color: #034694; }
.business .swiper-pagination-bullet-active {
background: #034694; }
.app-container.show-hover .business .swiper-pagination-bullet:hover, .business .swiper-pagination-bullet:active {
background: #034694; }
.business .loader-container .loader, .business .loader-container .loader-text {
color: #034694; }
.business .loader-circle {
border-left: 1.1em solid #034694; }
.business .loader-container-overlay, .business .error-container-pattern-overlay {
background: radial-gradient(ellipse at center, #222632 0%, #222632 40%, rgba(34, 38, 50, 0.9) 60%, rgba(34, 38, 50, 0) 100%), url(d0f756e4.png); }
.business sat-button-submit .btn.primary .loader {
border-left-color: #034694; }
.app-container.show-hover .business sat-button-submit .btn.primary:hover .loader {
border-top-color: #034694;
border-right-color: #034694;
border-bottom-color: #034694; }
.business .toolkit-tab:not(.active-tab) {
background-color: #222632 !important;
cursor: pointer; }
.app-container.show-hover .business .toolkit-tab:not(.active-tab):hover {
background-color: #034694 !important; }
.business .image-active-primary a {
color: #ffffff; }
.app-container.show-hover .business .image-active-primary a img:hover, .business .image-active-primary a img:active {
border: solid 1px #ffffff; }
.business app-rich-text .richText-container ul li:before, .business app-accordion sat-panel .body .content ul li:before {
color: #034694; }
.app-container.show-hover .business app-footer a:hover, .business app-footer a:active {
color: #034694; }
.business .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
color: #034694; }
@media (min-width: 1080px) {
.business .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background-image: url(72659b4d.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(72659b4d.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(72659b4d.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(72659b4d.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(72659b4d.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #81a2c9;
opacity: 0.5; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
.business .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background: none !important; } }
.business#toast-container .toast {
background-color: #81a2c9; }
.business#toast-container .toast-warning:before {
border-bottom-color: #81a2c9; }
.business .retweet-container .icon-twitter:before, .business .retweet-container .btn.social.twitter:before, .business .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .business .retweet-container .social:before, .business .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .business .retweet-container .social:before {
color: #81a2c9; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.business .retweet-container .icon-twitter:before, .business .retweet-container .btn.social.twitter:before, .business .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .business .retweet-container .social:before, .business .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .business .retweet-container .social:before {
background: none !important; } }
.business app-user-area .profile-pic-proto, .business app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo .business app-user-area .profile-pic, .business app-user-area .user-profile .profile-pic, .user-profile .business app-user-area .profile-pic {
border: 4px solid #303030; }
.business app-user-area app-user-profile .profile-pic.picture-uploaded, .business app-user-area app-user-crop-photo .profile-pic.picture-uploaded {
background-color: #303030; }
.app-container.show-hover .business app-user-area app-user-profile .profile-pic:hover, .business app-user-area app-user-profile .profile-pic:active {
background-color: #303030; }
.business app-user-area .mobile-edit-image {
background-color: #303030; }
.business app-user-area .upload-text i:before, .business app-user-area .upload-text p {
color: #ffffff; }
.app-container.show-hover .business app-active-filters .active-filters .active-filters-container .clear-filters:hover, .business app-active-filters .active-filters .active-filters-container .clear-filters:active {
color: #034694;
border-bottom-color: #034694; }
.app-container.show-hover .business app-active-filters .active-filters .active-filters-container .icon-close:hover, .business app-active-filters .active-filters .active-filters-container .icon-close:active {
color: #034694; }
.business app-location-filter .location-filter .sat-map-container .icon-map {
color: #034694; }
.business app-location-filter .location-filter .dropdown-controls .icon-open {
color: #034694; }
.app-container.show-hover .business app-location-filter .location-filter .dropdown-controls .icon-open:hover, .business app-location-filter .location-filter .dropdown-controls .icon-open:active {
color: #034694; }
.business .contact-page .contact-cover {
height: 400px; }
.business .contact-page .country-selector {
display: none; }
.business nav.primary .nav-profile {
border-left: 0; }
.business .header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 10%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.75) 100%); }
.business app-site-selector .mobile-site-selector-menu ul li.selected:before {
background-color: #81a2c9; }
.business .completer input[type="search"] {
color: #034694; }
.business .completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row.completer-selected-row {
background-color: #034694;
color: #ffffff; }
.business .map .map-default.active {
fill: #81a2c9; }
.app-container.show-hover .business .map .map-default:hover, .business .map .map-default.hovered {
fill: #034694; }
.business sat-card.card-custom .card sat-content-card.content-type-venue .card-back .card-content, .business sat-card.card-custom .card sat-content-card.content-type-incentive .card-back .card-content {
top: auto; }
@media (min-width: 1080px) {
.business sat-card.card-custom .card sat-content-card.content-type-venue .card-front .card-content h3, .business sat-card.card-custom .card sat-content-card.content-type-venue .card-front .card-content .h3, .business sat-card.card-custom .card sat-content-card.content-type-incentive .card-front .card-content h3, .business sat-card.card-custom .card sat-content-card.content-type-incentive .card-front .card-content .h3 {
position: absolute;
bottom: 15px; }
.business sat-card.card-custom .card sat-content-card.content-type-venue .card-front .tag-card.front, .business sat-card.card-custom .card sat-content-card.content-type-incentive .card-front .tag-card.front {
color: white; } }
@media (max-width: 1079px) {
.business sat-card.card-custom .card sat-content-card.content-type-venue .card-front .tag-card.front, .business sat-card.card-custom .card sat-content-card.content-type-incentive .card-front .tag-card.front {
font-size: 13px;
top: 30px; }
.business sat-card.card-custom .card sat-content-card.content-type-venue .card-front .card-bottom .card-content, .business sat-card.card-custom .card sat-content-card.content-type-incentive .card-front .card-bottom .card-content {
bottom: 45px; } }
.business sat-card.card-custom .card-content > :not(.tag-card) {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 20px;
max-height: 200px;
padding: 0px 2px;
max-width: 400px;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical; }
@media (max-width: 1600px) {
.business sat-card.card-custom .card-content > :not(.tag-card) {
content: '...';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 20px;
max-height: 200px;
padding: 0px 2px;
max-width: 400px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; } }
.business .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .business .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
opacity: 0.2; }
.app-container.show-hover .business app-reasons .reasons-wrapper i.icon-gallery:hover, .app-container.show-hover .business app-reasons .reasons-wrapper i.icon-close:hover {
color: #034694; }
.business .header-middle-panel h6 {
color: #81a2c9; }
.business .content-type-caseStudy .card-back .card-bottom-bar::before, .business .content-type-caseStudy .card-back .card-bottom-bar::after {
background-color: white; }
.business .content-type-caseStudy .card-back .card-bottom-bar a {
display: none; }
.business .content-type-caseStudy .card-back sat-card-container .card-bottom {
color: white !important; }
.business app-nav-bottom-tab > div i.heart-beat {
-webkit-animation: heart-beat-business 0.7s;
-moz-animation: heart-beat-business 0.7s;
-ms-animation: heart-beat-business 0.7s;
-o-animation: heart-beat-business 0.7s;
animation: heart-beat-business 0.7s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none; }
@media (max-width: 1079px) {
.business app-nav-bottom-tab > div i.heart-beat:before {
-webkit-animation: heart-jump-business 0.7s;
-moz-animation: heart-jump-business 0.7s;
-ms-animation: heart-jump-business 0.7s;
-o-animation: heart-jump-business 0.7s;
animation: heart-jump-business 0.7s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none; } }
.txt-yellow {
color: #ffcb05; }
.txt-green {
color: #00954a; }
.txt-blue {
color: #034694; }
.txt-red {
color: #ed1c24; }
.corporate .bck-primary {
background-color: #ed1c24; }
.corporate .bck-primary i {
color: #eeeeee; }
.corporate .bck-primary p {
color: #eeeeee; }
.app-container.show-hover .corporate .bck-primary:hover:not(.expanded) p, .corporate .bck-primary.active-tab p {
color: #ffffff; }
.app-container.show-hover .corporate .bck-primary:hover:not(.expanded) i, .corporate .bck-primary.active-tab i {
color: #ffffff; }
.corporate .bck-secondary {
background-color: #f68d91;
color: #303030; }
.corporate .pattern-social:before {
background-position: 90px 155px !important; }
.corporate .pattern-section:before {
opacity: 0.05; }
.corporate .txt-primary {
color: #ed1c24; }
.corporate .btn.primary:not(.dark) {
background-color: #ed1c24;
color: #ffffff; }
.corporate .btn.primary:not(.dark):before {
background: #222632; }
.app-container.show-hover .corporate .btn.primary:not(.dark):hover:not(.disabled), .corporate .btn.primary:not(.dark):active:not(.disabled) {
color: #ffffff; }
.corporate .btn.primary.dark {
background-color: #ed1c24;
color: #ffffff; }
.corporate .btn.primary.dark:before {
background: #ffffff; }
.app-container.show-hover .corporate .btn.primary.dark:hover:not(.disabled), .corporate .btn.primary.dark:active:not(.disabled) {
color: #222632; }
.corporate .btn.secondary:not(.dark) {
border: 2px solid #222632;
background-color: transparent;
color: #222632; }
.corporate .btn.secondary:not(.dark):before {
background: #222632; }
.app-container.show-hover .corporate .btn.secondary:not(.dark):hover:not(.disabled), .corporate .btn.secondary:not(.dark):active:not(.disabled) {
color: #ffffff; }
.corporate .btn.secondary.dark {
border-color: #ffffff;
color: #ffffff; }
.corporate .btn.secondary.dark:before {
background: #ffffff; }
.app-container.show-hover .corporate .btn.secondary.dark:hover:not(.disabled), .corporate .btn.secondary.dark:active:not(.disabled) {
color: #222632; }
.corporate .btn.grey {
border: 2px solid #909298;
color: #909298; }
.corporate .btn.grey:before {
background-color: #ed1c24; }
.app-container.show-hover .corporate .btn.grey:hover:not(.disabled), .corporate .btn.grey:active:not(.disabled) {
color: #ffffff;
border-color: #ed1c24; }
.corporate .btn.tertiary:not(.dark) {
color: #222632;
border-bottom: 2px solid #222632; }
.corporate .btn.tertiary:not(.dark) sat-animated-arrow {
color: #ed1c24; }
.app-container.show-hover .corporate .btn.tertiary:not(.dark):hover, .corporate .btn.tertiary:not(.dark):active {
background-color: inherit;
color: inherit; }
.app-container.show-hover .corporate .btn.tertiary:not(.dark):hover sat-animated-arrow, .corporate .btn.tertiary:not(.dark):active sat-animated-arrow {
color: #222632; }
.corporate .btn.tertiary.dark {
color: #ffffff;
border-bottom: 2px solid #ffffff; }
.corporate .btn.tertiary.dark sat-animated-arrow {
color: #ed1c24; }
.app-container.show-hover .corporate .btn.tertiary.dark:hover, .corporate .btn.tertiary.dark:active {
color: #909298; }
.corporate .btn.icon:not(.dark) {
color: #222632; }
.corporate .btn.icon:not(.dark) i {
color: #ed1c24; }
.app-container.show-hover .corporate .btn.icon:not(.dark):hover i, .corporate .btn.icon:not(.dark):active i {
color: #222632; }
.corporate .btn.icon.dark {
color: #ffffff; }
.corporate .btn.icon.dark i {
color: #ed1c24; }
.app-container.show-hover .corporate .btn.icon.dark:hover, .corporate .btn.icon.dark:active {
color: #909298; }
.app-container.show-hover .corporate .tag:hover, .corporate .tag:active {
background-color: #ed1c24;
color: #ffffff; }
.corporate .tag-card.front {
background-color: #ed1c24; }
.corporate .tag-card.back {
color: #ed1c24; }
.app-container.show-hover .corporate .tag-circle:hover, .app-container.show-hover .corporate app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .corporate .tag-circle, .app-container.show-hover .corporate app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .corporate .tag-circle, .corporate .tag-circle:active {
background-color: #ed1c24;
color: #ffffff; }
.app-container.show-hover .corporate .tag-circle:hover i, .app-container.show-hover .corporate app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .corporate .tag-circle i, .app-container.show-hover .corporate app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .corporate .tag-circle i, .corporate .tag-circle:active i {
color: #ffffff; }
.corporate p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
border-color: #f68d91; }
.corporate p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
color: #f68d91; }
.corporate p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
border-color: #f68d91; }
.corporate p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
width: 12.5px;
height: 12.5px;
background: #f68d91;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.app-container.show-hover .corporate sat-dropdown .dropdown ul li:hover, .corporate sat-dropdown .dropdown ul li:active, .corporate sat-dropdown .dropdown ul li.hovered {
background-color: #ed1c24;
color: #ffffff; }
.app-container.show-hover .corporate .ui-datepicker td a:hover, .corporate .ui-datepicker td a:active {
background-color: #ed1c24;
color: #ffffff; }
.corporate .ui-datepicker td a.ui-state-active {
background-color: #f68d91; }
.corporate .switch small {
background: #ed1c24;
color: #ffffff; }
.corporate .switch .off {
color: #ffffff; }
.corporate .switch.checked .on {
color: #ffffff; }
.corporate .switch.checked .off {
color: #222632; }
.corporate .tooltip-parent .tooltip.tooltip-ready {
background-color: #ed1c24;
color: #eeeeee; }
.corporate .tooltip-parent .tooltip:after {
border-top-color: #ed1c24; }
.corporate sat-range-selector .selected-range:after {
background-color: #ed1c24; }
.corporate sat-range-selector .range-selector-gradient {
stop-color: #f68d91; }
.corporate .search-container.extended .search-section .search-section-container ul li i {
color: #ed1c24; }
.corporate .tick-icon.selected:before {
background-color: #ed1c24;
color: #eeeeee; }
.corporate .tick-icon:hover:before {
background-color: #ed1c24;
color: #ffffff; }
.app-container.show-hover .corporate .card-category-info .share-cta:hover, .corporate .card-category-info .share-cta:active {
color: #ed1c24; }
.corporate .card-bottom-bar span {
color: #ffffff; }
.corporate .card-actions-bar:before, .corporate .card-actions-bar:after {
background-color: #ed1c24; }
.corporate .card-actions-bar.wish-list .favourite-cta {
border-left: 1px solid rgba(48, 48, 48, 0.3); }
.corporate .card .card-icon-header .icon {
color: #ed1c24; }
.corporate .card .top-button i {
color: #909298; }
.app-container.show-hover .corporate .card .top-button:hover, .corporate .card .top-button:active i {
color: #ed1c24; }
.corporate .card .card-back .card-icon-header .icon {
color: #ed1c24; }
.corporate .card .card-back .top-button i {
color: #909298; }
.app-container.show-hover .corporate .card .card-back .top-button:hover i, .corporate .card .card-back .top-button:active i {
color: #ed1c24; }
.corporate .card sat-content-card .card-back sat-card-container .card-bottom {
color: #ed1c24 !important; }
.corporate .card sat-content-card .card-back .right .card-actions-bar {
background-color: #ed1c24 !important; }
.corporate sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
color: #ed1c24; }
@media (min-width: 768px) {
.corporate sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
color: #ffffff; } }
@media (max-width: 767px) {
.corporate sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #ed1c24; } }
@media (min-width: 768px) and (max-width: 1079px) {
.corporate sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #ed1c24; } }
@media (min-width: 1080px) {
.corporate sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #ed1c24; } }
.corporate nav.primary .nav-mobile .search-outer-container input:focus,
.corporate nav.primary .nav-search .search-outer-container input:focus {
color: #ed1c24; }
.corporate .user-menu {
background-color: #f68d91; }
.corporate .user-menu:before {
border-bottom-color: #f68d91; }
.corporate .user-menu div:not(:last-child) {
border-bottom: 1px solid #ed1c24; }
.app-container.show-hover .corporate nav.primary .nav-mobile:hover .hamburger-icon span, .corporate nav.primary .nav-mobile:active .hamburger-icon span {
background-color: #ed1c24; }
.corporate .menu-left-container .menu-top .menu-top-logo {
background-image: url(822b69c7.png);
background-size: contain;
background-repeat: no-repeat; }
.corporate a {
color: #ed1c24; }
.corporate .color-primary {
color: #ed1c24; }
.corporate a.link, .corporate label.link {
color: #909298;
border-color: #ed1c24; }
.app-container.show-hover .corporate a.link:hover, .app-container.show-hover .corporate app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .corporate a, .app-container.show-hover .corporate app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .corporate a, .corporate a.link:active, .app-container.show-hover .corporate label.link:hover, .corporate label.link:active {
color: #ffffff;
background-color: #ed1c24; }
.corporate p a:link,
.corporate p a.link,
.corporate p a:visited, .corporate ul:not(.custom) > li a:link,
.corporate ul:not(.custom) > li a.link,
.corporate ul:not(.custom) > li a:visited {
color: #909298;
border-color: #ed1c24; }
.app-container.show-hover .corporate p a:link:hover, .corporate p a:link:active, .app-container.show-hover .corporate p a.link:hover, .app-container.show-hover .corporate p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .corporate p a, .app-container.show-hover .corporate p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .corporate p a,
.corporate p a.link:active, .app-container.show-hover
.corporate p a:visited:hover,
.corporate p a:visited:active, .app-container.show-hover .corporate ul:not(.custom) > li a:link:hover, .corporate ul:not(.custom) > li a:link:active, .app-container.show-hover .corporate ul:not(.custom) > li a.link:hover, .app-container.show-hover .corporate ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .corporate ul:not(.custom) > li a, .app-container.show-hover .corporate ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .corporate ul:not(.custom) > li a,
.corporate ul:not(.custom) > li a.link:active, .app-container.show-hover
.corporate ul:not(.custom) > li a:visited:hover,
.corporate ul:not(.custom) > li a:visited:active {
color: #ffffff;
background-color: #ed1c24; }
.corporate .menu-right-cities a {
color: #ffffff; }
.app-container.show-hover .corporate .modal-cover .close-btn:hover, .corporate .modal-cover .close-btn:active {
color: #f68d91; }
.corporate app-social-share .share-social-btn i:before {
color: #f68d91; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.corporate app-social-share .share-social-btn i:before {
background: none !important; } }
.corporate .pattern-white:before, .corporate .pattern-white-s:before {
background-image: url(afe3a3ca.png); }
.corporate .pattern-black:before {
background-image: url(8af83ce2.png); }
.corporate .pattern-primary:before {
background-image: url(5103c497.png) !important; }
.corporate .pattern-hover:before {
background-image: url(22f52c2a.png) !important; }
.corporate .header-middle-panel h6 {
color: #ed1c24; }
.app-container.show-hover .corporate .header-middle-panel h6.clickable:hover, .corporate .header-middle-panel h6.clickable:active {
color: #f68d91; }
.corporate .header-middle-panel .h1 {
color: #ffffff; }
.app-container.show-hover .corporate .header-container-slide .slider-controls .tag-circle i:hover, .corporate .header-container-slide .slider-controls .tag-circle i:active {
color: #ed1c24; }
.app-container.show-hover .corporate .desktop-menu-container .menu-right-container .menu-close:hover, .corporate .desktop-menu-container .menu-right-container .menu-close:active {
color: #f68d91; }
.corporate .desktop-menu-container .menu-right-container .deck-count {
background-image: url(afe3a3ca.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(afe3a3ca.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(afe3a3ca.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(afe3a3ca.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(afe3a3ca.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #eeeeee; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.corporate .desktop-menu-container .menu-right-container .deck-count {
background: none !important; } }
.corporate .desktop-menu-container .menu-items ul.main-menu > li li i {
color: #f68d91; }
.app-container.show-hover .corporate .desktop-menu-container .menu-items ul.main-menu > li li:hover a, .corporate .desktop-menu-container .menu-items ul.main-menu > li li:active a, .corporate .desktop-menu-container .menu-items ul.main-menu > li li.selected a {
color: #f68d91; }
.app-container.show-hover .corporate .desktop-menu-container .menu-items ul.main-menu > li:hover > a, .corporate .desktop-menu-container .menu-items ul.main-menu > li:active > a {
color: #f68d91; }
.corporate .desktop-menu-container .menu-items ul.main-menu > li.selected > a {
color: #f68d91; }
.app-container.show-hover .corporate sat-panel .panel-item .title:hover .icon, .corporate sat-panel .panel-item .title:active .icon {
color: #f68d91; }
.corporate .card-container .card .card-back sat-card-container .card-bottom {
color: #ed1c24; }
.corporate .card-container .card sat-social-feed-card .card-back .card-top .social:before, .corporate .card-container .card sat-social-feed-card .card-flipped .card-top .social:before {
color: #f68d91;
background-size: 150px; }
.corporate .card-container .card sat-social-feed-card > a > .card-back > sat-card-container .card-bottom {
color: #ffffff; }
.corporate .card-container .card sat-location-card .card-bottom:after {
background-color: #ed1c24; }
.corporate .card-container .card sat-location-card .current-location i {
color: #ed1c24; }
.corporate .card-container .card sat-location-card .distance p.highlight {
color: #ed1c24; }
.corporate .card-container .card sat-quick-fact-card .card-bottom:after {
background-color: #ed1c24; }
.corporate .card-container .card sat-brand-card .card-front:after {
background-color: #ed1c24; }
.corporate .card-container .card .card-date .icon-arrow_right {
color: #ed1c24; }
.app-container.show-hover .corporate .paginator-container .paginator .pages a:hover, .corporate .paginator-container .paginator .pages a:active {
background-color: #ed1c24; }
.corporate .paginator-container .paginator .pages a.active {
background-color: #f68d91; }
.corporate .paginator-container .paginator .pages.dots a {
background-color: transparent; }
.app-container.show-hover .corporate .paginator-container .paginator .pages.dots a:hover .dot, .corporate .paginator-container .paginator .pages.dots a.active .dot {
background-color: #ed1c24; }
.corporate .swiper-pagination-bullet-active {
background: #ed1c24; }
.app-container.show-hover .corporate .swiper-pagination-bullet:hover, .corporate .swiper-pagination-bullet:active {
background: #ed1c24; }
.corporate .loader-container .loader, .corporate .loader-container .loader-text {
color: #ed1c24; }
.corporate .loader-circle {
border-left: 1.1em solid #ed1c24; }
.corporate .loader-container-overlay, .corporate .error-container-pattern-overlay {
background: radial-gradient(ellipse at center, #222632 0%, #222632 40%, rgba(34, 38, 50, 0.9) 60%, rgba(34, 38, 50, 0) 100%), url(afe3a3ca.png); }
.corporate sat-button-submit .btn.primary .loader {
border-left-color: #ed1c24; }
.app-container.show-hover .corporate sat-button-submit .btn.primary:hover .loader {
border-top-color: #ed1c24;
border-right-color: #ed1c24;
border-bottom-color: #ed1c24; }
.corporate .toolkit-tab:not(.active-tab) {
background-color: #222632 !important;
cursor: pointer; }
.app-container.show-hover .corporate .toolkit-tab:not(.active-tab):hover {
background-color: #ed1c24 !important; }
.corporate .image-active-primary a {
color: #ffffff; }
.app-container.show-hover .corporate .image-active-primary a img:hover, .corporate .image-active-primary a img:active {
border: solid 1px #ffffff; }
.corporate app-rich-text .richText-container ul li:before, .corporate app-accordion sat-panel .body .content ul li:before {
color: #ed1c24; }
.app-container.show-hover .corporate app-footer a:hover, .corporate app-footer a:active {
color: #ed1c24; }
.corporate .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
color: #ed1c24; }
@media (min-width: 1080px) {
.corporate .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background-image: url(5103c497.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(5103c497.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(5103c497.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(5103c497.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(5103c497.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #f68d91;
opacity: 0.5; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
.corporate .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background: none !important; } }
.corporate#toast-container .toast {
background-color: #f68d91; }
.corporate#toast-container .toast-warning:before {
border-bottom-color: #f68d91; }
.corporate .retweet-container .icon-twitter:before, .corporate .retweet-container .btn.social.twitter:before, .corporate .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .corporate .retweet-container .social:before, .corporate .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .corporate .retweet-container .social:before {
color: #f68d91; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.corporate .retweet-container .icon-twitter:before, .corporate .retweet-container .btn.social.twitter:before, .corporate .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .corporate .retweet-container .social:before, .corporate .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .corporate .retweet-container .social:before {
background: none !important; } }
.corporate app-user-area .profile-pic-proto, .corporate app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo .corporate app-user-area .profile-pic, .corporate app-user-area .user-profile .profile-pic, .user-profile .corporate app-user-area .profile-pic {
border: 4px solid #303030; }
.corporate app-user-area app-user-profile .profile-pic.picture-uploaded, .corporate app-user-area app-user-crop-photo .profile-pic.picture-uploaded {
background-color: #303030; }
.app-container.show-hover .corporate app-user-area app-user-profile .profile-pic:hover, .corporate app-user-area app-user-profile .profile-pic:active {
background-color: #303030; }
.corporate app-user-area .mobile-edit-image {
background-color: #303030; }
.corporate app-user-area .upload-text i:before, .corporate app-user-area .upload-text p {
color: #ffffff; }
.app-container.show-hover .corporate app-active-filters .active-filters .active-filters-container .clear-filters:hover, .corporate app-active-filters .active-filters .active-filters-container .clear-filters:active {
color: #ed1c24;
border-bottom-color: #ed1c24; }
.app-container.show-hover .corporate app-active-filters .active-filters .active-filters-container .icon-close:hover, .corporate app-active-filters .active-filters .active-filters-container .icon-close:active {
color: #ed1c24; }
.corporate app-location-filter .location-filter .sat-map-container .icon-map {
color: #ed1c24; }
.corporate app-location-filter .location-filter .dropdown-controls .icon-open {
color: #ed1c24; }
.app-container.show-hover .corporate app-location-filter .location-filter .dropdown-controls .icon-open:hover, .corporate app-location-filter .location-filter .dropdown-controls .icon-open:active {
color: #ed1c24; }
.corporate .contact-page .contact-cover {
height: 400px; }
.corporate .contact-page .country-selector {
display: none; }
.corporate nav.primary .nav-profile {
border-left: 0; }
.corporate .header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 10%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.75) 100%); }
.corporate app-site-selector .mobile-site-selector-menu ul li.selected:before {
background-color: #f68d91; }
.corporate .completer input[type="search"] {
color: #ed1c24; }
.corporate .completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row.completer-selected-row {
background-color: #ed1c24;
color: #ffffff; }
.corporate .map .map-default.active {
fill: #f68d91; }
.app-container.show-hover .corporate .map .map-default:hover, .corporate .map .map-default.hovered {
fill: #ed1c24; }
@media (min-width: 1080px) {
.corporate .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .corporate .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
opacity: 0.2; } }
.corporate app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn,
.corporate app-quick-links .quick-link-wrapper .quick-link-container .links .spacer {
background-color: #222632; }
.corporate .header-middle-panel h6 {
color: #f68d91; }
.txt-yellow {
color: #ffcb05; }
.txt-green {
color: #00954a; }
.txt-blue {
color: #034694; }
.txt-red {
color: #ed1c24; }
.trade {
/* Overriding general mixin - Trade uses colors in a little different way. */ }
.trade a {
color: #64676f; }
.trade .color-primary {
color: #00954a; }
.trade a.link, .trade label.link {
color: #909298;
border-color: #00954a; }
.app-container.show-hover .trade a.link:hover, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade a, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade a, .trade a.link:active, .app-container.show-hover .trade label.link:hover, .trade label.link:active {
color: #eeeeee;
background-color: #64676f; }
.trade p a:link,
.trade p a.link,
.trade p a:visited, .trade ul:not(.custom) > li a:link,
.trade ul:not(.custom) > li a.link,
.trade ul:not(.custom) > li a:visited {
color: #909298;
border-color: #00954a; }
.app-container.show-hover .trade p a:link:hover, .trade p a:link:active, .app-container.show-hover .trade p a.link:hover, .app-container.show-hover .trade p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade p a, .app-container.show-hover .trade p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade p a,
.trade p a.link:active, .app-container.show-hover
.trade p a:visited:hover,
.trade p a:visited:active, .app-container.show-hover .trade ul:not(.custom) > li a:link:hover, .trade ul:not(.custom) > li a:link:active, .app-container.show-hover .trade ul:not(.custom) > li a.link:hover, .app-container.show-hover .trade ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade ul:not(.custom) > li a, .app-container.show-hover .trade ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade ul:not(.custom) > li a,
.trade ul:not(.custom) > li a.link:active, .app-container.show-hover
.trade ul:not(.custom) > li a:visited:hover,
.trade ul:not(.custom) > li a:visited:active {
color: #eeeeee;
background-color: #64676f; }
.trade .menu-right-cities a {
color: #ffffff; }
.app-container.show-hover .trade .modal-cover .close-btn:hover, .trade .modal-cover .close-btn:active {
color: #00954a; }
.trade app-social-share .share-social-btn i:before {
color: #909298; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.trade app-social-share .share-social-btn i:before {
background: none !important; } }
.trade .pattern-white:before, .trade .pattern-white-s:before {
background-image: url(23158d38.png); }
.trade .pattern-black:before {
background-image: url(62817e03.png); }
.trade .pattern-primary:before {
background-image: url(ec81baa8.png) !important; }
.trade .pattern-hover:before {
background-image: url(eb91cb65.png) !important; }
.trade .header-middle-panel h6 {
color: #00954a; }
.app-container.show-hover .trade .header-middle-panel h6.clickable:hover, .trade .header-middle-panel h6.clickable:active {
color: #7fcaa4; }
.trade .header-middle-panel .h1 {
color: #ffffff; }
.app-container.show-hover .trade .header-container-slide .slider-controls .tag-circle i:hover, .trade .header-container-slide .slider-controls .tag-circle i:active {
color: #00954a; }
.app-container.show-hover .trade .desktop-menu-container .menu-right-container .menu-close:hover, .trade .desktop-menu-container .menu-right-container .menu-close:active {
color: #00954a; }
.trade .desktop-menu-container .menu-right-container .deck-count {
background-image: url(23158d38.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(23158d38.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(23158d38.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(23158d38.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(23158d38.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #eeeeee; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.trade .desktop-menu-container .menu-right-container .deck-count {
background: none !important; } }
.trade .desktop-menu-container .menu-items ul.main-menu > li li i {
color: #00954a; }
.app-container.show-hover .trade .desktop-menu-container .menu-items ul.main-menu > li li:hover a, .trade .desktop-menu-container .menu-items ul.main-menu > li li:active a, .trade .desktop-menu-container .menu-items ul.main-menu > li li.selected a {
color: #00954a; }
.app-container.show-hover .trade .desktop-menu-container .menu-items ul.main-menu > li:hover > a, .trade .desktop-menu-container .menu-items ul.main-menu > li:active > a {
color: #00954a; }
.trade .desktop-menu-container .menu-items ul.main-menu > li.selected > a {
color: #00954a; }
.app-container.show-hover .trade sat-panel .panel-item .title:hover .icon, .trade sat-panel .panel-item .title:active .icon {
color: #00954a; }
.trade .card-container .card .card-back sat-card-container .card-bottom {
color: #64676f; }
.trade .card-container .card sat-social-feed-card .card-back .card-top .social:before, .trade .card-container .card sat-social-feed-card .card-flipped .card-top .social:before {
color: #909298; }
.trade .card-container .card sat-social-feed-card > a > .card-back > sat-card-container .card-bottom {
color: #ffffff; }
.trade .card-container .card sat-location-card .card-bottom:after {
background-color: #00954a; }
.trade .card-container .card sat-location-card .current-location i {
color: #00954a; }
.trade .card-container .card sat-location-card .distance p.highlight {
color: #00954a; }
.trade .card-container .card sat-quick-fact-card .card-bottom:after {
background-color: #00954a; }
.trade .card-container .card sat-brand-card .card-front:after {
background-color: #64676f; }
.trade .card-container .card .card-date .icon-arrow_right {
color: #00954a; }
.app-container.show-hover .trade .paginator-container .paginator .pages a:hover, .trade .paginator-container .paginator .pages a:active {
background-color: #64676f; }
.trade .paginator-container .paginator .pages a.active {
background-color: #909298; }
.trade .paginator-container .paginator .pages.dots a {
background-color: transparent; }
.app-container.show-hover .trade .paginator-container .paginator .pages.dots a:hover .dot, .trade .paginator-container .paginator .pages.dots a.active .dot {
background-color: #64676f; }
.trade .swiper-pagination-bullet-active {
background: #00954a; }
.app-container.show-hover .trade .swiper-pagination-bullet:hover, .trade .swiper-pagination-bullet:active {
background: #00954a; }
.trade .loader-container .loader, .trade .loader-container .loader-text {
color: #64676f; }
.trade .loader-circle {
border-left: 1.1em solid #64676f; }
.trade .loader-container-overlay, .trade .error-container-pattern-overlay {
background: radial-gradient(ellipse at center, #222632 0%, #222632 40%, rgba(34, 38, 50, 0.9) 60%, rgba(34, 38, 50, 0) 100%), url(23158d38.png); }
.trade sat-button-submit .btn.primary .loader {
border-left-color: #00954a; }
.app-container.show-hover .trade sat-button-submit .btn.primary:hover .loader {
border-top-color: #00954a;
border-right-color: #00954a;
border-bottom-color: #00954a; }
.trade .toolkit-tab:not(.active-tab) {
background-color: #222632 !important;
cursor: pointer; }
.app-container.show-hover .trade .toolkit-tab:not(.active-tab):hover {
background-color: #64676f !important; }
.trade .image-active-primary a {
color: #ffffff; }
.app-container.show-hover .trade .image-active-primary a img:hover, .trade .image-active-primary a img:active {
border: solid 1px #ffffff; }
.trade app-rich-text .richText-container ul li:before, .trade app-accordion sat-panel .body .content ul li:before {
color: #64676f; }
.app-container.show-hover .trade app-footer a:hover, .trade app-footer a:active {
color: #64676f; }
.trade .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
color: #64676f; }
@media (min-width: 1080px) {
.trade .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background-image: url(103be7e3.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(103be7e3.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(103be7e3.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(103be7e3.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(103be7e3.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: #909298;
opacity: 0.5; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
.trade .genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter, .trade .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-of-type .first-letter {
background: none !important; } }
.trade#toast-container .toast {
background-color: #7fcaa4; }
.trade#toast-container .toast-warning:before {
border-bottom-color: #7fcaa4; }
.trade .retweet-container .icon-twitter:before, .trade .retweet-container .btn.social.twitter:before, .trade .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .trade .retweet-container .social:before, .trade .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .trade .retweet-container .social:before {
color: #909298; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.trade .retweet-container .icon-twitter:before, .trade .retweet-container .btn.social.twitter:before, .trade .retweet-container .card-container .card sat-social-feed-card.twitter .card-back .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-back .card-top .trade .retweet-container .social:before, .trade .retweet-container .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .social:before, .card-container .card sat-social-feed-card.twitter .card-flipped .card-top .trade .retweet-container .social:before {
background: none !important; } }
.trade app-user-area .profile-pic-proto, .trade app-user-area app-user-crop-photo .crop-photo .profile-pic, app-user-crop-photo .crop-photo .trade app-user-area .profile-pic, .trade app-user-area .user-profile .profile-pic, .user-profile .trade app-user-area .profile-pic {
border: 4px solid #303030; }
.trade app-user-area app-user-profile .profile-pic.picture-uploaded, .trade app-user-area app-user-crop-photo .profile-pic.picture-uploaded {
background-color: #303030; }
.app-container.show-hover .trade app-user-area app-user-profile .profile-pic:hover, .trade app-user-area app-user-profile .profile-pic:active {
background-color: #303030; }
.trade app-user-area .mobile-edit-image {
background-color: #303030; }
.trade app-user-area .upload-text i:before, .trade app-user-area .upload-text p {
color: #ffffff; }
.app-container.show-hover .trade app-active-filters .active-filters .active-filters-container .clear-filters:hover, .trade app-active-filters .active-filters .active-filters-container .clear-filters:active {
color: #00954a;
border-bottom-color: #00954a; }
.app-container.show-hover .trade app-active-filters .active-filters .active-filters-container .icon-close:hover, .trade app-active-filters .active-filters .active-filters-container .icon-close:active {
color: #00954a; }
.trade app-location-filter .location-filter .sat-map-container .icon-map {
color: #64676f; }
.trade app-location-filter .location-filter .dropdown-controls .icon-open {
color: #64676f; }
.app-container.show-hover .trade app-location-filter .location-filter .dropdown-controls .icon-open:hover, .trade app-location-filter .location-filter .dropdown-controls .icon-open:active {
color: #64676f; }
.trade .contact-page .contact-cover {
height: 400px; }
.trade .contact-page .country-selector {
display: none; }
.trade nav.primary .nav-profile {
border-left: 0; }
.trade .header-overlay {
background: linear-gradient(180deg, transparent 0%, transparent 10%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.75) 100%); }
.trade app-site-selector .mobile-site-selector-menu ul li.selected:before {
background-color: #00954a; }
.trade .completer input[type="search"] {
color: #00954a; }
.trade .completer .completer-dropdown-holder .completer-dropdown .completer-row-wrapper .completer-row.completer-selected-row {
background-color: #00954a;
color: #ffffff; }
.trade .map .map-default.active {
fill: #909298; }
.app-container.show-hover .trade .map .map-default:hover, .trade .map .map-default.hovered {
fill: #64676f; }
.trade app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
background-color: #00954a; }
.trade .bck-primary {
background-color: #00954a; }
.app-container.show-hover .trade .bck-primary:hover:not(.expanded) p, .trade .bck-primary.active-tab p {
color: #ffffff; }
.app-container.show-hover .trade .bck-primary:hover:not(.expanded) i, .trade .bck-primary.active-tab i {
color: #ffffff; }
.trade .bck-secondary {
background-color: #909298;
color: #ffffff; }
.trade .pattern-social:before {
background-position: 100px 180px !important; }
.trade .txt-primary {
color: #222632; }
.trade .btn.primary:not(.dark) {
background-color: transparent;
border: 2px solid #222632;
color: #ffffff; }
.trade .btn.primary:not(.dark):before {
background: #222632;
transform: scaleX(1);
transform-origin: 100% 0;
border-radius: 0; }
.app-container.show-hover .trade .btn.primary:not(.dark):hover:not(.disabled), .trade .btn.primary:not(.dark):active:not(.disabled) {
color: #222632; }
.app-container.show-hover .trade .btn.primary:not(.dark):hover:not(.disabled):before, .trade .btn.primary:not(.dark):active:not(.disabled):before {
transform: scaleX(0); }
.trade .btn.primary.dark {
background-color: transparent;
border: 2px solid #ffffff;
color: #222632; }
.trade .btn.primary.dark:before {
background: #ffffff;
transform: scaleX(1);
transform-origin: 100% 0;
border-radius: 0; }
.app-container.show-hover .trade .btn.primary.dark:hover:not(.disabled), .trade .btn.primary.dark:active:not(.disabled) {
color: #ffffff; }
.app-container.show-hover .trade .btn.primary.dark:hover:not(.disabled):before, .trade .btn.primary.dark:active:not(.disabled):before {
transform: scaleX(0); }
.trade .btn.secondary:not(.dark) {
border: 2px solid #222632;
background-color: transparent;
color: #222632; }
.trade .btn.secondary:not(.dark):before {
background: #222632; }
.app-container.show-hover .trade .btn.secondary:not(.dark):hover:not(.disabled), .trade .btn.secondary:not(.dark):active:not(.disabled) {
color: #ffffff; }
.trade .btn.secondary.dark {
border-color: #ffffff;
color: #ffffff; }
.trade .btn.secondary.dark:before {
background: #ffffff; }
.app-container.show-hover .trade .btn.secondary.dark:hover:not(.disabled), .trade .btn.secondary.dark:active:not(.disabled) {
color: #222632; }
.trade .btn.grey {
border: 2px solid #909298;
color: #909298; }
.trade .btn.grey:before {
background-color: #222632; }
.app-container.show-hover .trade .btn.grey:hover:not(.disabled), .trade .btn.grey:active:not(.disabled) {
color: #ffffff;
border-color: #222632; }
.trade .btn.grey.dark {
border: 2px solid #909298;
color: #909298; }
.trade .btn.grey.dark:before {
background-color: #ffffff; }
.app-container.show-hover .trade .btn.grey.dark:hover:not(.disabled), .trade .btn.grey.dark:active:not(.disabled) {
color: #222632;
border-color: #ffffff; }
.trade .btn.tertiary:not(.dark) {
color: #222632;
border-bottom: 2px solid #222632; }
.trade .btn.tertiary:not(.dark) sat-animated-arrow {
color: #909298; }
.app-container.show-hover .trade .btn.tertiary:not(.dark):hover, .trade .btn.tertiary:not(.dark):active {
background-color: inherit;
color: inherit; }
.app-container.show-hover .trade .btn.tertiary:not(.dark):hover sat-animated-arrow, .trade .btn.tertiary:not(.dark):active sat-animated-arrow {
color: #222632; }
.trade .btn.tertiary.dark {
color: #ffffff;
border-bottom: 2px solid #ffffff; }
.trade .btn.tertiary.dark sat-animated-arrow {
color: #909298; }
.app-container.show-hover .trade .btn.tertiary.dark:hover, .trade .btn.tertiary.dark:active {
color: #909298; }
.trade .btn.icon:not(.dark) {
color: #222632; }
.trade .btn.icon:not(.dark) i {
color: #909298; }
.app-container.show-hover .trade .btn.icon:not(.dark):hover i, .trade .btn.icon:not(.dark):active i {
color: #222632; }
.trade .btn.icon.dark {
color: #ffffff; }
.trade .btn.icon.dark i {
color: #909298; }
.app-container.show-hover .trade .btn.icon.dark:hover, .trade .btn.icon.dark:active {
color: #909298; }
.app-container.show-hover .trade .tag:hover, .trade .tag:active {
background-color: #ffffff;
color: #303030; }
.trade .tag-card.front {
background-color: #00954a; }
.trade .tag-card.back {
color: #00954a; }
.app-container.show-hover .trade .tag-circle:hover, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade .tag-circle, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade .tag-circle, .trade .tag-circle:active {
background-color: #222632;
color: #ffffff; }
.app-container.show-hover .trade .tag-circle:hover i, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .tag-circle i, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade .tag-circle i, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .tag-circle i, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade .tag-circle i, .trade .tag-circle:active i {
color: #ffffff; }
.trade p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
border-color: #222632; }
.trade p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
color: #222632; }
.trade .bck-dark p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover, .trade .bck-black p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover, .trade .bck-green p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover, .trade .bck-blue p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover, .trade .bck-red p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-hover {
border-color: #909298; }
.trade .bck-dark p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active, .trade .bck-black p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active, .trade .bck-green p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active, .trade .bck-blue p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active, .trade .bck-red p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
color: #909298; }
.trade p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
border-color: #222632; }
.trade p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
width: 12.5px;
height: 12.5px;
background: #222632;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.trade .bck-dark p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover, .trade .bck-black p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover, .trade .bck-green p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover, .trade .bck-blue p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover, .trade .bck-red p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
border-color: #909298; }
.trade .bck-dark p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after, .trade .bck-black p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after, .trade .bck-green p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after, .trade .bck-blue p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after, .trade .bck-red p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:after {
width: 12.5px;
height: 12.5px;
background: #909298;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.app-container.show-hover .trade sat-dropdown .dropdown ul li:hover, .trade sat-dropdown .dropdown ul li:active, .trade sat-dropdown .dropdown ul li.hovered {
background-color: #909298;
color: #ffffff; }
.app-container.show-hover .trade .ui-datepicker td a:hover, .trade .ui-datepicker td a:active {
background-color: #222632;
color: #ffffff; }
.trade .ui-datepicker td a.ui-state-active {
background-color: #909298;
color: #eeeeee; }
.trade .switch small {
background: #909298;
color: #ffffff; }
.trade .switch .off {
color: #ffffff; }
.trade .switch.checked .on {
color: #ffffff; }
.trade .switch.checked .off {
color: #222632; }
.trade .tooltip-parent .tooltip.tooltip-ready {
background-color: #64676f;
color: #222632; }
.trade .tooltip-parent .tooltip:after {
border-top-color: #64676f; }
.trade sat-range-selector .range-selector .selected-range:after {
background-color: #222632; }
.trade sat-range-selector .range-selector .left-range, .trade sat-range-selector .range-selector .right-range {
background-color: #222632; }
.trade sat-range-selector .range-selector .left-range i, .trade sat-range-selector .range-selector .right-range i {
color: #ffffff; }
.trade sat-range-selector .range-selector-gradient {
stop-color: #64676f; }
.trade .search-container.extended .search-section .search-section-container ul li i {
color: #64676f; }
.trade .bck-dark sat-range-selector .range-selector .selected-range:after, .trade .bck-black sat-range-selector .range-selector .selected-range:after, .trade .bck-green sat-range-selector .range-selector .selected-range:after, .trade .bck-blue sat-range-selector .range-selector .selected-range:after, .trade .bck-red sat-range-selector .range-selector .selected-range:after {
background-color: #64676f; }
.trade .bck-dark sat-range-selector .range-selector .left-range, .trade .bck-dark sat-range-selector .range-selector .right-range, .trade .bck-black sat-range-selector .range-selector .left-range, .trade .bck-black sat-range-selector .range-selector .right-range, .trade .bck-green sat-range-selector .range-selector .left-range, .trade .bck-green sat-range-selector .range-selector .right-range, .trade .bck-blue sat-range-selector .range-selector .left-range, .trade .bck-blue sat-range-selector .range-selector .right-range, .trade .bck-red sat-range-selector .range-selector .left-range, .trade .bck-red sat-range-selector .range-selector .right-range {
background-color: #ffffff; }
.trade .bck-dark sat-range-selector .range-selector .left-range i, .trade .bck-dark sat-range-selector .range-selector .right-range i, .trade .bck-black sat-range-selector .range-selector .left-range i, .trade .bck-black sat-range-selector .range-selector .right-range i, .trade .bck-green sat-range-selector .range-selector .left-range i, .trade .bck-green sat-range-selector .range-selector .right-range i, .trade .bck-blue sat-range-selector .range-selector .left-range i, .trade .bck-blue sat-range-selector .range-selector .right-range i, .trade .bck-red sat-range-selector .range-selector .left-range i, .trade .bck-red sat-range-selector .range-selector .right-range i {
color: #303030; }
.trade .bck-dark sat-range-selector .range-selector-gradient, .trade .bck-black sat-range-selector .range-selector-gradient, .trade .bck-green sat-range-selector .range-selector-gradient, .trade .bck-blue sat-range-selector .range-selector-gradient, .trade .bck-red sat-range-selector .range-selector-gradient {
stop-color: #64676f; }
.trade .tick-icon.selected:before {
background-color: #222632;
color: #eeeeee; }
.trade .tick-icon:hover:before {
background-color: #222632;
color: #ffffff; }
.app-container.show-hover .trade .card-category-info .share-cta:hover, .trade .card-category-info .share-cta:active {
color: #222632; }
.trade .card-bottom-bar span {
color: #ffffff; }
.trade .card-actions-bar:before, .trade .card-actions-bar:after {
background-color: #64676f; }
.trade .card-actions-bar.wish-list .favourite-cta {
border-left: 1px solid rgba(255, 255, 255, 0.35); }
.trade .card .card-icon-header .icon {
color: #909298; }
.trade .card .top-button i {
color: #909298; }
.app-container.show-hover .trade .card .top-button:hover, .trade .card .top-button:active i {
color: #222632; }
.trade .card .card-back .card-icon-header .icon {
color: #909298; }
.trade .card .card-back .top-button i {
color: #909298; }
.app-container.show-hover .trade .card .card-back .top-button:hover i, .trade .card .card-back .top-button:active i {
color: #222632; }
.trade .card sat-content-card .card-back sat-card-container .card-bottom,
.trade .card sat-download-card .card-back sat-card-container .card-bottom {
color: #64676f !important; }
.trade .card sat-content-card .card-back .right .card-actions-bar,
.trade .card sat-download-card .card-back .right .card-actions-bar {
background-color: #64676f !important; }
.trade .card-container .card .card-back sat-card-container .card-bottom {
color: #64676f; }
.trade .card-container .card sat-social-feed-card > .card-back > sat-card-container .card-bottom {
color: #ffffff; }
.trade .card-container .card sat-location-card .card-bottom:after {
background-color: #64676f; }
.trade .card-container .card sat-location-card .current-location i {
color: #222632; }
.trade .card-container .card sat-location-card .distance p.highlight {
color: #222632; }
.trade .card-container .card sat-quick-fact-card .card-bottom:after {
background-color: #64676f; }
.trade sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
color: #00954a; }
@media (min-width: 768px) {
.trade sat-card:not(.card-custom) .card sat-content-card .card-front .card-top .tag-card {
color: #ffffff; } }
@media (max-width: 767px) {
.trade sat-card.card-custom.phone-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #00954a; } }
@media (min-width: 768px) and (max-width: 1079px) {
.trade sat-card.card-custom.tablet-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #00954a; } }
@media (min-width: 1080px) {
.trade sat-card.card-custom.desktop-card-xs .card sat-content-card .card-front .card-top .tag-card {
color: #00954a; } }
.trade nav.primary .nav-mobile .search-outer-container input:focus,
.trade nav.primary .nav-search .search-outer-container input:focus {
color: #00954a; }
.trade .user-menu {
background-color: #7fcaa4; }
.trade .user-menu:before {
border-bottom-color: #7fcaa4; }
.trade .user-menu div:not(:last-child) {
border-bottom: 1px solid #00954a; }
.app-container.show-hover .trade nav.primary .nav-mobile:hover .hamburger-icon span, .trade nav.primary .nav-mobile:active .hamburger-icon span {
background-color: #00954a; }
.trade .menu-left-container .menu-top .menu-top-logo {
background-image: url(822b69c7.png);
background-size: contain;
background-repeat: no-repeat; }
.trade a.link, .trade label.link {
border-color: #222632; }
.app-container.show-hover .trade a.link:hover, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade a, .app-container.show-hover .trade app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade a, .trade a.link:active, .app-container.show-hover .trade label.link:hover, .trade label.link:active {
border-color: #64676f; }
.trade p a:link,
.trade p a.link,
.trade p a:visited, .trade ul:not(.custom) > li a:link,
.trade ul:not(.custom) > li a.link,
.trade ul:not(.custom) > li a:visited {
border-color: #222632; }
.app-container.show-hover .trade p a:link:hover, .trade p a:link:active, .app-container.show-hover .trade p a.link:hover, .app-container.show-hover .trade p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade p a, .app-container.show-hover .trade p app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade p a,
.trade p a.link:active, .app-container.show-hover
.trade p a:visited:hover,
.trade p a:visited:active, .app-container.show-hover .trade ul:not(.custom) > li a:link:hover, .trade ul:not(.custom) > li a:link:active, .app-container.show-hover .trade ul:not(.custom) > li a.link:hover, .app-container.show-hover .trade ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover a, .app-container.show-hover app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:hover .trade ul:not(.custom) > li a, .app-container.show-hover .trade ul:not(.custom) > li app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active a, app-nav-wishlist .nav-wishlist .tabbed-content .wishlist-bottom-panel .utility-btns-wrap .wishlist-utility-btn:active .app-container.show-hover .trade ul:not(.custom) > li a,
.trade ul:not(.custom) > li a.link:active, .app-container.show-hover
.trade ul:not(.custom) > li a:visited:hover,
.trade ul:not(.custom) > li a:visited:active {
border-color: #64676f; }
.trade .swiper-pagination-bullet-active {
background: #909298; }
.app-container.show-hover .trade .swiper-pagination-bullet:hover, .trade .swiper-pagination-bullet:active {
background: #909298; }
.app-container.show-hover .trade .header-container-slide .slider-controls .tag-circle i:hover, .trade .header-container-slide .slider-controls .tag-circle i:active {
color: #909298; }
.trade .header-middle-panel h6 {
color: #ffffff; }
.trade .loader-circle {
border-left-color: #64676f; }
.trade.portal-welcome app-portal-menu {
border-top: 3px solid #2abdbb; }
.trade.portal-welcome app-portal-menu ul li a {
color: #222632; }
.trade.portal-welcome app-portal-menu ul li a:hover, .trade.portal-welcome app-portal-menu ul li a.active-link {
background-color: #2abdbb;
color: #222632; }
.trade.portal-welcome app-portal-menu .featured-link {
color: #ffffff;
background-color: #2abdbb; }
.trade.portal-welcome app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
background-color: #676470; }
.trade.portal-welcome .header h6 a {
color: #2abdbb; }
.trade.portal-welcome .tag-card.front {
background-color: #2abdbb; }
.trade.portal-welcome .tag-card.back {
color: #2abdbb; }
.trade.portal-welcome .bck-primary {
background-color: #676470; }
.app-container.show-hover .trade.portal-welcome .bck-primary:hover:not(.expanded) p, .trade.portal-welcome .bck-primary.active-tab p {
color: #ffffff; }
.app-container.show-hover .trade.portal-welcome .bck-primary:hover:not(.expanded) i, .trade.portal-welcome .bck-primary.active-tab i {
color: #ffffff; }
.app-container.show-hover .trade.portal-welcome nav.primary .nav-mobile:hover .hamburger-icon span, .trade.portal-welcome nav.primary .nav-mobile:active .hamburger-icon span {
background-color: #2abdbb; }
.trade.portal-lilizela app-portal-menu {
border-top: 3px solid #ffda82; }
.trade.portal-lilizela app-portal-menu ul li a {
color: #222632; }
.trade.portal-lilizela app-portal-menu ul li a:hover, .trade.portal-lilizela app-portal-menu ul li a.active-link {
background-color: #ffda82;
color: #222632; }
.trade.portal-lilizela app-portal-menu .featured-link {
color: #ffffff;
background-color: #ffda82; }
.trade.portal-lilizela app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
background-color: #676470; }
.trade.portal-lilizela .header h6 a {
color: #ffda82; }
.trade.portal-lilizela .tag-card.front {
background-color: #222632;
color: #d3bb78; }
.trade.portal-lilizela .tag-card.back {
color: #d3bb78; }
.trade.portal-lilizela .bck-primary {
background-color: #676470; }
.app-container.show-hover .trade.portal-lilizela .bck-primary:hover:not(.expanded) p, .trade.portal-lilizela .bck-primary.active-tab p {
color: #ffffff; }
.app-container.show-hover .trade.portal-lilizela .bck-primary:hover:not(.expanded) i, .trade.portal-lilizela .bck-primary.active-tab i {
color: #ffffff; }
.app-container.show-hover .trade.portal-lilizela nav.primary .nav-mobile:hover .hamburger-icon span, .trade.portal-lilizela nav.primary .nav-mobile:active .hamburger-icon span {
background-color: #ffda82; }
.trade.portal-lilizela .content-type-individual .sat-card-container .card-bottom {
color: #ffffff !important; }
.trade.portal-lilizela .content-type-individual .card-back .card-bottom-bar::before, .trade.portal-lilizela .content-type-individual .card-back .card-bottom-bar::after {
background-color: white; }
.trade.portal-lilizela .content-type-individual .card-back .card-bottom-bar a {
display: none; }
.trade.portal-tgcsa app-portal-menu {
border-top: 3px solid #ed1c24; }
.trade.portal-tgcsa app-portal-menu ul li a {
color: #222632; }
.trade.portal-tgcsa app-portal-menu ul li a:hover, .trade.portal-tgcsa app-portal-menu ul li a.active-link {
background-color: #ed1c24;
color: #ffffff; }
.trade.portal-tgcsa app-portal-menu .featured-link {
color: #ffffff;
background-color: #ed1c24; }
.trade.portal-tgcsa app-quick-links .quick-link-wrapper .quick-link-container .quick-link-btn {
background-color: #676470; }
.trade.portal-tgcsa .header h6 a {
color: #ed1c24; }
.trade.portal-tgcsa .tag-card.front {
background-color: #ed1c24; }
.trade.portal-tgcsa .tag-card.back {
color: #ed1c24; }
.trade.portal-tgcsa .bck-primary {
background-color: #676470; }
.app-container.show-hover .trade.portal-tgcsa .bck-primary:hover:not(.expanded) p, .trade.portal-tgcsa .bck-primary.active-tab p {
color: #ffffff; }
.app-container.show-hover .trade.portal-tgcsa .bck-primary:hover:not(.expanded) i, .trade.portal-tgcsa .bck-primary.active-tab i {
color: #ffffff; }
.app-container.show-hover .trade.portal-tgcsa nav.primary .nav-mobile:hover .hamburger-icon span, .trade.portal-tgcsa nav.primary .nav-mobile:active .hamburger-icon span {
background-color: #ed1c24; }
/*
_ _ _ _ _ _ _
/ \ __| | __| (_) |_(_) ___ _ __ __ _| |
/ _ \ / _` |/ _` | | __| |/ _ \| '_ \ / _` | |
/ ___ \ (_| | (_| | | |_| | (_) | | | | (_| | |
/_/ \_\__,_|\__,_|_|\__|_|\___/|_| |_|\__,_|_|
Additional styles to sections that go beyond the theme
!Note: ideally we don't want to see anything in additional files.
*/
/*
#Business
____ _
| __ ) _ _ ___(_)_ __ ___ ___ ___
| _ \| | | / __| | '_ \ / _ \/ __/ __|
| |_) | |_| \__ \ | | | | __/\__ \__ \
|____/ \__,_|___/_|_| |_|\___||___/___/
Sub business styles that go beyond the Theme files linked here
*/
/*
#Corporate
____ _
/ ___|___ _ __ _ __ ___ _ __ __ _| |_ ___
| | / _ \| '__| '_ \ / _ \| '__/ _` | __/ _ \
| |__| (_) | | | |_) | (_) | | | (_| | || __/
\____\___/|_| | .__/ \___/|_| \__,_|\__\___|
|_|
Sub corporate styles that go beyond the Theme files linked here
*/
app-leadership-page .leadership-container {
padding: 0 50px; }
@media (max-width: 1079px) {
app-leadership-page .leadership-container {
padding: 0 30px; } }
@media (max-width: 767px) {
app-leadership-page .leadership-container {
padding: 0 20px; } }
@media (min-width: 1080px) {
app-leadership-page .leadership-container {
padding: 0; } }
@media (min-width: 1680px) {
app-leadership-page .leadership-container {
padding-top: 40px; } }
@media (max-width: 320px) {
app-leadership-page .leadership-container {
padding: 0 15px; } }
/*
#Travel
_____ _
|_ _| __ __ ___ _____| |
| || '__/ _` \ \ / / _ \ |
| || | | (_| |\ V / __/ |
|_||_| \__,_| \_/ \___|_|
Sub travel styles that go beyond the Theme files linked here
*/
/*
#Travel
_____ _
|_ _| __ __ ___ _____| |
| || '__/ _` \ \ / / _ \ |
| || | | (_| |\ V / __/ |
|_||_| \__,_| \_/ \___|_|
Sub travel styles that go beyond the Theme files linked here
*/
app-filter-deck .cat-filters-container {
padding: 0 50px; }
@media (max-width: 1079px) {
app-filter-deck .cat-filters-container {
padding: 0 30px; } }
@media (max-width: 767px) {
app-filter-deck .cat-filters-container {
padding: 0 20px; } }
@media (max-width: 480px) {
app-filter-deck .cat-filters-container {
background: #eeeeee;
min-height: initial; }
app-filter-deck .cat-filters-container h3 {
display: none; } }
@media (min-width: 1680px) {
app-filter-deck .cat-filters-container {
padding-top: 40px; } }
app-filter-deck .cat-filters-container h4 {
text-align: center;
margin: 0; }
@media (max-width: 480px) {
app-filter-deck .cat-filters-container h4 .new-line {
display: block;
margin-top: -7px; } }
@media (max-width: 480px) {
app-filter-deck .cat-filters-container h4 {
padding-right: 20px;
margin-bottom: 15px;
padding-left: 20px;
line-height: 30px;
font-size: 20px; } }
app-filter-deck .cat-filters-container > p {
margin-top: 8px;
text-align: center; }
@media (max-width: 480px) {
app-filter-deck .cat-filters-container > p .new-line {
display: block; } }
@media (max-width: 480px) {
app-filter-deck .cat-filters-container > p {
margin-top: 4px; } }
app-simple-counter .simple-counter {
padding: 4rem; }
app-simple-counter .simple-counter h2 {
text-align: center;
color: #ffffff; }
app-simple-counter .simple-counter .control-btns {
margin-top: 4rem;
text-align: center; }
app-simple-counter .simple-counter .control-btns a {
margin: 2px 2rem; }
app-redux-deck .redux-deck {
padding: 4rem 0; }
app-redux-deck .redux-deck .control-btns {
text-align: center; }
app-redux-deck .redux-deck .control-btns a {
margin: 2px 2rem; }
app-remote-api .remote-api {
padding: 4rem; }
app-remote-api .remote-api h2 {
text-align: center;
color: #ffffff; }
app-remote-api .remote-api .control-btns {
margin-top: 4rem;
text-align: center; }
app-remote-api .remote-api .control-btns a {
margin: 0 2rem; }
.contact-page .contact-layout {
background-color: #eeeeee;
padding: 40px 0; }
@media (min-width: 768px) {
.contact-page .contact-layout {
padding: 80px 0; } }
.contact-page sat-panel.multiple .panels {
padding-top: 0; }
.contact-page sat-panel > div > .panel-item > .body > .content {
padding-top: 0; }
.contact-page sat-panel > div > .panel-item > .title {
color: #eeeeee;
font-size: 18px;
font-weight: bold;
padding-left: 15px; }
.contact-page .accordion-item {
font-weight: 600;
cursor: pointer;
user-select: none; }
@media (min-width: 1920px) {
.contact-page .accordion-item {
line-height: 2; } }
.contact-page .accordion-item:not(.selected) {
margin-right: 21px; }
.app-container.show-hover .contact-page .accordion-item:not(.selected):hover, .contact-page .accordion-item:not(.selected):active {
margin-right: 0; }
.contact-page .contact-header-container {
margin: 40px 50px;
position: absolute;
top: 100px;
left: 0;
right: 0;
text-align: center; }
@media (max-width: 1079px) {
.contact-page .contact-header-container {
margin: 40px 30px; } }
@media (max-width: 767px) {
.contact-page .contact-header-container {
margin: 40px 20px; } }
@media (min-width: 1080px) and (max-width: 1919px) {
.contact-page .contact-header-container {
margin-top: 20px;
margin-bottom: 20px; } }
.contact-page .contact-header-container .contact-header {
margin: auto;
width: 100%; }
@media (min-width: 768px) {
.contact-page .contact-header-container .contact-header {
max-width: 600px; } }
.contact-page .menu-title {
padding-bottom: 25px; }
.contact-page .contact-office-details {
margin-bottom: 34px;
overflow-wrap: break-word; }
@media (max-width: 1079px) and (min-width: 480px) {
.contact-page .control.input.textarea .input-container {
height: 242px;
margin-bottom: 5px; }
.contact-page .control.input.textarea .input-container textarea.ui-inputtext {
height: 242px; } }
.contact-page .contact-cover {
background-image: url(6800d654.jpg);
height: 470px; }
@media (min-width: 1080px) {
.contact-page .contact-cover {
height: 700px; } }
@media (min-width: 1680px) {
.contact-page .contact-cover {
height: 850px; } }
.contact-page .country-selector-accordion {
background-color: #ffffff;
text-align: left;
max-width: 415px;
margin: auto; }
.contact-page .country-selector-dropdown .dropdown {
border-radius: 4px;
width: 100% !important;
max-width: 415px;
background: #ffffff; }
.contact-page .country-selector-dropdown .dropdown select {
border: none; }
.contact-page .country-selector-dropdown .dropdown label {
font-size: 18px;
color: #909298;
padding: 0;
margin: 0 0 0px -1px !important;
height: 45px; }
.contact-page .country-selector-dropdown .dropdown label .label-text {
top: 10px; }
.contact-page .country-selector-dropdown .dropdown .dropdown-input {
border: none; }
.contact-page .country-selector-dropdown .dropdown .label-text {
font-weight: 600; }
.contact-page .country-selector-dropdown .dropdown .dropdown-icon {
color: #909298;
top: 13px; }
.contact-page .country-selector-dropdown .dropdown ul {
border-color: #909298;
color: #909298;
top: 45px;
text-align: left;
padding: 0;
font-size: 18px;
font-weight: 600; }
.contact-page .country-selector-dropdown .dropdown ul li {
height: 25px;
padding: 10px 15px; }
@media (min-width: 1080px) {
.contact-page .tablet-columns-only {
width: 100%;
margin-left: 0; } }
@media (max-width: 1079px) {
.contact-page .desktop-columns-only {
width: 100%;
margin-left: 0; } }
.contact-page .country-selector-mobile-title {
color: #222632;
font-weight: bold;
font-size: 20px;
max-width: 415px;
margin: auto;
margin-bottom: 10px; }
.contact-page .country-selector-tablet-container {
display: block;
margin-top: 18px; }
@media (min-width: 768px) {
.contact-page .country-selector-tablet-container {
margin-top: 40px; } }
@media (min-width: 1080px) {
.contact-page .country-selector-tablet-container {
display: none; } }
.contact-page .contact-title {
text-align: center;
color: #ffffff;
font-size: 27px; }
.contact-page .contact-subtitle {
text-align: center;
font-size: 18px;
color: #ffffff;
font-weight: 100; }
.contact-page .office-title {
color: #222632;
font-weight: bold;
font-size: 29px; }
.contact-page .office-email-title {
color: #222632;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px; }
.contact-page .thank-you-message {
color: #909298; }
.contact-page .contact-office {
color: #909298; }
.contact-page .contact-office strong {
color: #303030; }
@media (max-width: 767px) {
.contact-page .form-container .btn {
display: block;
margin: 0 auto; } }
@media (min-width: 768px) and (max-width: 1079px) {
.contact-page .form-container .btn {
width: 100%; } }
.contact-page .head-board {
width: 20px;
height: 2px;
background-color: #222632; }
.contact-page .country-selector {
display: none;
margin: auto; }
.contact-page .country-selector .row {
max-width: 1080px;
margin: auto; }
@media (min-width: 1080px) {
.contact-page .country-selector {
display: block; } }
.contact-page .country-selector .area-col {
color: #ffffff;
text-align: left;
max-width: 250px; }
.contact-page .country-selector .area-col h4 {
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin-top: 0; }
.contact-page .country-selector .area-col .head-board {
margin-top: 50px;
background-color: #ffffff; }
@media (min-width: 1080px) and (max-width: 1919px) {
.contact-page .country-selector .area-col .head-board {
margin-top: 40px; } }
.contact-page .contact-form-submit-container {
margin-top: 10px; }
@media (max-width: 1079px) {
.spectators-wish-list-page .desktop-only {
display: none; } }
@media (min-width: 1080px) {
.spectators-wish-list-page .phone-only {
display: none; } }
.spectators-wish-list-page .header .h1:hover, .spectators-wish-list-page .header .h1:active {
opacity: 1; }
.spectators-wish-list-page .header-middle-panel-card.phablet-only {
bottom: 60px; }
@media (min-width: 1080px) {
.spectators-wish-list-page .header-middle-panel-card.phablet-only {
display: none; } }
.spectators-wish-list-page .card-flex-container {
display: flex;
/* or inline-flex */
flex-direction: row;
flex-wrap: wrap;
margin: auto; }
.spectators-wish-list-page .wish-list-layout {
padding: 40px 20px;
margin: auto;
background: #eeeeee; }
@media (min-width: 1680px) {
.spectators-wish-list-page .wish-list-layout {
padding-top: 60px; } }
.spectators-wish-list-page sat-panel > div > .panel-item.open > .body {
max-height: inherit; }
@media (min-width: 768px) {
.spectators-wish-list-page .tabs ul li {
font-size: 14px; }
.spectators-wish-list-page .tabs ul li a {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1080px) {
.spectators-wish-list-page .tabs ul li {
font-size: 15px; }
.spectators-wish-list-page .tabs ul li a {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 1366px) {
.spectators-wish-list-page .tabs ul li a {
padding-left: 40px;
padding-right: 50px; } }
.mobile-link-only a {
display: none; }
.mobile-link-only p {
display: inline-block;
margin: 0px; }
@media (max-width: 480px) {
.mobile-link-only a {
display: inline-block; }
.mobile-link-only p {
display: none; } }
@media (min-width: 1080px) {
.travel .article .faq-wrapper {
padding: 20px 0; } }
@media (min-width: 1680px) {
.travel .article .faq-wrapper {
padding: 40px 0; } }
/*
#Pages
____
| _ \ __ _ __ _ ___ ___
| |_) / _` |/ _` |/ _ \/ __|
| __/ (_| | (_| | __/\__ \
|_| \__,_|\__, |\___||___/
|___/
All page related files will be linked here get added in last as base overrides
*/
/*
#Default Styles
____ __ _ _ ____ _ _
| _ \ ___ / _| __ _ _ _| | |_ / ___|| |_ _ _| | ___ ___
| | | |/ _ \ |_ / _` | | | | | __| \___ \| __| | | | |/ _ \/ __|
| |_| | __/ _| (_| | |_| | | |_ ___) | |_| |_| | | __/\__ \
|____/ \___|_| \__,_|\__,_|_|\__| |____/ \__|\__, |_|\___||___/
|___/
General styling for unclassified components or elements without stylesheets
*/
.share-container {
width: 80%;
text-align: center;
position: relative; }
.share-container .btn {
margin: 10px 10px; }
.share-container .btn-hide {
display: none; }
@media (max-width: 1079px) {
.share-container .btn-hide {
display: inline-block; } }
@media (min-width: 1080px) {
.share-container .head-share {
float: right;
bottom: -20px;
min-width: 130px;
min-height: 40px;
height: 40px; } }
@media (max-width: 1079px) {
.share-container {
margin: 20px auto;
width: 100%; } }
@media (max-width: 767px) {
.share-container {
text-align: center;
position: relative;
margin-top: 20px; } }
.grid-container .section .container.two-columns-row:not(.wrap-columns-row).row {
width: auto; }
@media (min-width: 768px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row).row {
display: flex;
align-items: center; } }
.grid-container .section .container.two-columns-row:not(.wrap-columns-row).row .richText-container h2 {
font-size: 40px;
line-height: 44px;
margin: 0;
font-weight: 300;
word-break: break-word; }
@media (min-width: 1680px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row).row .richText-container h2 {
font-size: 60px;
line-height: 64px; } }
.grid-container .section .container.two-columns-row:not(.wrap-columns-row).row .richText-container h2:after {
content: none; }
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) app-grid-control {
margin-top: 40px;
margin-bottom: 40px;
text-align: center; }
@media (min-width: 768px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) app-grid-control {
text-align: left; } }
@media (min-width: 1680px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) app-grid-control {
margin-top: 60px;
margin-bottom: 60px; } }
@media (min-width: 1080px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .four {
width: 27%; } }
@media (min-width: 1366px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .four {
width: 22%; } }
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .four .richText-container {
padding-left: 50px; }
@media (max-width: 1079px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .four .richText-container {
padding-left: 30px; } }
@media (max-width: 767px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .four .richText-container {
padding: 0; } }
@media (min-width: 1080px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .eight {
width: 69%; } }
@media (min-width: 1366px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .eight {
width: 74%; } }
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .eight .richText-container {
padding-right: 50px; }
@media (max-width: 1079px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .eight .richText-container {
padding-right: 30px; } }
@media (max-width: 767px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .eight .richText-container {
padding: 0; } }
@media (max-width: 767px) {
.grid-container .section .container.two-columns-row:not(.wrap-columns-row) .eight app-grid-control {
margin: 0 auto 40px; } }
iframe {
display: block;
margin: 0 auto;
height: 430px;
width: 770px; }
@media (max-width: 1079px) {
iframe {
width: 100%;
height: 461px; } }
@media (max-width: 767px) {
iframe {
height: 432px; } }
@media (max-width: 480px) {
iframe {
height: 300px; } }
.fullscreen-embed .embed {
margin: 0;
width: 100%; }
.fullscreen-embed .embed iframe {
width: 100%;
height: 210px; }
@media (min-width: 768px) {
.fullscreen-embed .embed iframe {
height: 431px; } }
@media (min-width: 1080px) {
.fullscreen-embed .embed iframe {
height: 500px; } }
@media (min-width: 1680px) {
.fullscreen-embed .embed iframe {
height: 800px; } }
.content.inner {
padding: 4rem 2.5rem;
margin: 0 auto;
float: none; }
.m-t-10 {
margin-top: 10px; }
.bold {
font-weight: 600; }
.italic {
font-style: italic; }
@media (min-width: 1080px) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type .richText-container.text-area, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type .richText-container.text-area, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type .richText-container.text-area, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type .richText-container.text-area {
min-height: 220px; } }
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p {
position: relative;
z-index: 0; }
@media (min-width: 1080px) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child {
position: relative;
padding-top: 25px; }
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter {
display: inline;
line-height: 1;
font-weight: 800;
font-style: normal;
font-size: 300px;
z-index: -1;
background-image: url(7d46d7af.png);
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -moz-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -ms-linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
background: -o-linear-gradient(transparent, transparent);
background: linear-gradient(transparent, transparent), url(7d46d7af.png) repeat;
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
color: rgba(255, 203, 5, 0.5);
text-align: center;
position: absolute;
top: -80px;
right: 85%;
width: 300px; } }
@media screen and (min-width: 1080px) and (-ms-high-contrast: active), (min-width: 1080px) and (-ms-high-contrast: none) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter {
background: none !important; } }
@media (min-width: 1080px) and (min-width: 1366px) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter {
right: 87%; } }
@media (min-width: 1080px) and (min-width: 1680px) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter {
font-size: 350px;
top: -100px;
right: 91%; } }
@media (min-width: 1080px) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .text, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .text, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .text, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .text {
position: relative;
z-index: 1;
font-weight: 600;
font-style: italic; } }
@media (max-width: 1079px) {
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child {
padding-top: 0; }
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-letter {
font-size: 7.8rem;
font-weight: 700;
line-height: 1;
color: rgba(255, 203, 5, 0.5);
float: left;
display: inline-block;
padding-right: 0.2rem;
position: relative;
top: -10px;
height: 6rem;
text-transform: uppercase; }
.genericPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-text-letter, .locationPage .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-text-letter, .article .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-text-letter, .pressItem .grid-container > .section:first-child > .row:first-child > .columns.single > .content-first > app-rich-text:first-of-type p:first-child .first-text-letter {
display: none; } }
.tabbed-content-container {
padding-bottom: 20px;
padding: 40px 50px; }
@media (max-width: 1079px) {
.tabbed-content-container {
padding: 40px 30px; } }
@media (max-width: 767px) {
.tabbed-content-container {
padding: 40px 20px; } }
@media (min-width: 1080px) {
.tabbed-content-container {
padding: 40px 0; } }
@media (max-width: 767px) {
.tabbed-content-container {
padding-top: 0; } }
.tabbed-content-container sat-panel > div > .panel-item > .body {
overflow: visible; }
.tabbed-content-container sat-panel-item app-grid-control:first-child {
margin: 0 auto; }
.tabbed-content-container sat-panel-item .contact-details {
margin-bottom: 40px; }
.tabbed-content-container sat-panel-item .contact-details p {
font-size: 16px; }
.tabbed-content-container sat-panel-item .contact-details p.header {
text-transform: uppercase;
color: #909298;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px; }
.tabbed-content-container sat-panel-item .contact-details-tw {
display: initial; }
.tabbed-content-container app-gallery .gallery-wrapper {
margin-top: 40px; }
@media (max-width: 767px) {
.tabbed-content-container app-gallery .gallery-wrapper {
margin-left: -20px;
margin-right: -20px; } }
@media (max-width: 767px) {
.tabbed-content-container app-map .map-container {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -20px; } }
.tabbed-content-container app-disclaimer section {
margin: 40px auto; }
@media (max-width: 767px) {
.tabbed-content-container app-disclaimer section {
margin-bottom: 25px; } }
@-webkit-keyframes copyright {
from {
opacity: 0;
left: -400px; }
to {
opacity: 1;
left: 50px; } }
@-moz-keyframes copyright {
from {
opacity: 0;
left: -400px; }
to {
opacity: 1;
left: 50px; } }
@-ms-keyframes copyright {
from {
opacity: 0;
left: -400px; }
to {
opacity: 1;
left: 50px; } }
@keyframes copyright {
from {
opacity: 0;
left: -400px; }
to {
opacity: 1;
left: 50px; } }
@-webkit-keyframes saofficial {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 50px; } }
@-moz-keyframes saofficial {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 50px; } }
@-ms-keyframes saofficial {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 50px; } }
@keyframes saofficial {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 50px; } }
@-webkit-keyframes saofficialMobi {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 0px; } }
@-moz-keyframes saofficialMobi {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 0px; } }
@-ms-keyframes saofficialMobi {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 0px; } }
@keyframes saofficialMobi {
from {
opacity: 0;
right: -400px; }
to {
opacity: 1;
right: 0px; } }
@-webkit-keyframes logo {
from {
opacity: 0;
top: -100px; }
to {
opacity: 1;
top: 40px; } }
@-moz-keyframes logo {
from {
opacity: 0;
top: -100px; }
to {
opacity: 1;
top: 40px; } }
@-ms-keyframes logo {
from {
opacity: 0;
top: -100px; }
to {
opacity: 1;
top: 40px; } }
@keyframes logo {
from {
opacity: 0;
top: -100px; }
to {
opacity: 1;
top: 40px; } }
@-webkit-keyframes logoMobi {
from {
left: -400px;
opacity: 0;
top: auto; }
to {
opacity: 1;
top: auto;
left: 0; } }
@-moz-keyframes logoMobi {
from {
left: -400px;
opacity: 0;
top: auto; }
to {
opacity: 1;
top: auto;
left: 0; } }
@-ms-keyframes logoMobi {
from {
left: -400px;
opacity: 0;
top: auto; }
to {
opacity: 1;
top: auto;
left: 0; } }
@keyframes logoMobi {
from {
left: -400px;
opacity: 0;
top: auto; }
to {
opacity: 1;
top: auto;
left: 0; } }
@-webkit-keyframes navigation {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 55px; } }
@-moz-keyframes navigation {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 55px; } }
@-ms-keyframes navigation {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 55px; } }
@keyframes navigation {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 55px; } }
@-webkit-keyframes navigationMobi {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 17px; } }
@-moz-keyframes navigationMobi {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 17px; } }
@-ms-keyframes navigationMobi {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 17px; } }
@keyframes navigationMobi {
from {
opacity: 0;
margin-left: -155px; }
to {
opacity: 1;
margin-left: 17px; } }
.home-container {
position: static; }
@media (max-width: 767px) {
.home-container {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; } }
.home-container .home.ssr .home-logo, .home-container .home.ssr .home-navigation, .home-container .home.ssr .copyright, .home-container .home.ssr .sa-official {
display: none; }
.home-container .home-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.home-container .home-slider .swiper-slide {
background-size: cover; }
.home-container .home-slider .swiper-slide:before, .home-container .home-slider .swiper-slide:after {
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
.home-container .home-slider .swiper-slide:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(20, 20, 20, 0.25);
content: ""; }
.home-container .home-slider .swiper-slide.travel-slide {
background-image: url(c911baa2.jpg);
position: relative; }
@media (min-width: 768px) {
.home-container .home-slider .swiper-slide.travel-slide {
background-image: url(0a3fe652.jpg); } }
@media (min-width: 1080px) {
.home-container .home-slider .swiper-slide.travel-slide {
background-image: url(0fb99579.jpg); } }
@media (min-width: 1920px) {
.home-container .home-slider .swiper-slide.travel-slide {
background-image: url(99bfc38d.jpg); } }
.home-container .home-slider .swiper-slide.travel-slide:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #222632 0%, #222632 25%, rgba(34, 38, 50, 0) 50%, #222632 75%, #222632 100%), url(aa3b4576.png);
opacity: 0; }
.home-container .home-slider .swiper-slide.business-slide {
background-image: url(98154b3f.jpg);
position: relative; }
@media (min-width: 768px) {
.home-container .home-slider .swiper-slide.business-slide {
background-image: url(7f6d5330.jpg); } }
@media (min-width: 1080px) {
.home-container .home-slider .swiper-slide.business-slide {
background-image: url(849d4f5e.jpg); } }
@media (min-width: 1920px) {
.home-container .home-slider .swiper-slide.business-slide {
background-image: url(5cc31b49.jpg); } }
.home-container .home-slider .swiper-slide.business-slide:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #222632 0%, #222632 25%, rgba(34, 38, 50, 0) 50%, #222632 75%, #222632 100%), url(d0f756e4.png);
opacity: 0; }
.home-container .home-slider .swiper-slide.trade-slide {
background-image: url(5ca40fd2.jpg);
position: relative; }
@media (min-width: 768px) {
.home-container .home-slider .swiper-slide.trade-slide {
background-image: url(f6237bd8.jpg); } }
@media (min-width: 1080px) {
.home-container .home-slider .swiper-slide.trade-slide {
background-image: url(4c01445b.jpg); } }
@media (min-width: 1920px) {
.home-container .home-slider .swiper-slide.trade-slide {
background-image: url(d3752c2d.jpg); } }
.home-container .home-slider .swiper-slide.trade-slide:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #222632 0%, #222632 25%, rgba(34, 38, 50, 0) 50%, #222632 75%, #222632 100%), url(23158d38.png);
opacity: 0; }
.home-container .home-slider .swiper-slide.corporate-slide {
background-image: url(a4b71220.jpg);
position: relative; }
@media (min-width: 768px) {
.home-container .home-slider .swiper-slide.corporate-slide {
background-image: url(b6b9287f.jpg); } }
@media (min-width: 1080px) {
.home-container .home-slider .swiper-slide.corporate-slide {
background-image: url(793b4666.jpg); } }
@media (min-width: 1920px) {
.home-container .home-slider .swiper-slide.corporate-slide {
background-image: url(a441170e.jpg); } }
.home-container .home-slider .swiper-slide.corporate-slide:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #222632 0%, #222632 25%, rgba(34, 38, 50, 0) 50%, #222632 75%, #222632 100%), url(afe3a3ca.png);
opacity: 0; }
.home-container .home-slider.hovered .swiper-slide:before {
opacity: 0.1; }
.home-container .sa-official, .home-container .copyright, .home-container .home-logo {
position: absolute;
z-index: 999999;
bottom: 25px; }
@media (max-width: 767px) {
.home-container .sa-official, .home-container .copyright, .home-container .home-logo {
position: fixed; } }
.home-container .copyright {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation: copyright 1s;
-moz-animation: copyright 1s;
-ms-animation: copyright 1s;
-o-animation: copyright 1s;
animation: copyright 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
font-size: 14px;
display: block;
color: #ffffff;
left: 50px; }
@media (max-width: 767px) {
.home-container .copyright {
display: none; } }
.home-container .home-logo {
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation: logo 1s;
-moz-animation: logo 1s;
-ms-animation: logo 1s;
-o-animation: logo 1s;
animation: logo 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
bottom: auto;
left: 50px;
top: 40px; }
@media (max-width: 767px) {
.home-container .home-logo {
-webkit-animation: logoMobi 1s;
-moz-animation: logoMobi 1s;
-ms-animation: logoMobi 1s;
-o-animation: logoMobi 1s;
animation: logoMobi 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
background-color: #222632;
padding: 12px;
width: 50%;
bottom: 0;
top: auto;
left: 0; } }
.home-container .sa-official {
right: 20px;
-webkit-animation: saofficial 1s;
-moz-animation: saofficial 1s;
-ms-animation: saofficial 1s;
-o-animation: saofficial 1s;
animation: saofficial 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
@media (max-width: 767px) {
.home-container .sa-official {
-webkit-animation: saofficialMobi 1s;
-moz-animation: saofficialMobi 1s;
-ms-animation: saofficialMobi 1s;
-o-animation: saofficialMobi 1s;
animation: saofficialMobi 1s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
padding: 28px 12px 29px 12px;
background-color: #222632;
text-align: right;
width: 50%;
bottom: 0;
right: 0; }
.home-container .sa-official img {
width: 88px;
height: auto; } }
.home, .home-container, .home-slider {
width: 100%;
height: 100%; }
@media (min-width: 1080px) {
.home-container .swiper-container.home-slider {
width: 100vw; } }
.home-navigation {
-webkit-font-smoothing: antialiased;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation: navigation 1.5s;
-moz-animation: navigation 1.5s;
-ms-animation: navigation 1.5s;
-o-animation: navigation 1.5s;
animation: navigation 1.5s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
position: relative;
margin-left: 55px;
margin-top: 13%;
z-index: 99999; }
@media (max-width: 1079px) {
.home-navigation {
margin-top: 22.5vh; } }
@media (max-width: 767px) {
.home-navigation {
-webkit-animation: navigationMobi 1.5s;
-moz-animation: navigationMobi 1.5s;
-ms-animation: navigationMobi 1.5s;
-o-animation: navigationMobi 1.5s;
animation: navigationMobi 1.5s;
animation-delay: 0s;
animation-fill-mode: none;
-webkit-animation-fill-mode: none;
margin: 15vh 17px 105px; } }
.home-navigation h4 {
position: relative;
margin: 0 0 55px 0;
line-height: 22px;
font-size: 22px;
color: #ffffff; }
@media (max-width: 767px) {
.home-navigation h4 {
margin: 0 0 30px 5px;
font-size: 16px; } }
.home-navigation h4:before {
background-color: #ffffff;
position: absolute;
display: block;
content: "";
width: 30px;
height: 3px;
left: -55px;
top: 10px; }
@media (max-width: 767px) {
.home-navigation h4:before {
width: 14px;
left: -25px; } }
.home-navigation a {
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display: inline-block;
position: relative;
padding-left: 35px;
line-height: 25px;
font-size: 35px;
color: #ffffff; }
@media (max-width: 767px) {
.home-navigation a {
padding-left: 20px;
padding-right: 5px;
line-height: 20px;
font-size: 20px; } }
.home-navigation a em {
display: inline-block;
margin-left: -35px;
line-height: 16px;
font-weight: 400;
font-size: 16px;
opacity: 0; }
@media (max-width: 767px) {
.home-navigation a em {
display: none; } }
.home-navigation a .icon-arrow {
left: 0;
bottom: 22px;
display: block;
font-size: 16px;
position: absolute; }
@media (max-width: 767px) {
.home-navigation a .icon-arrow {
bottom: 40px;
font-size: 10px;
bottom: -2px; } }
@media (max-width: 480px) {
.home-navigation a .icon-arrow {
bottom: auto;
top: 0; } }
.home-navigation a.highlighted {
color: #ffcb05; }
.app-container.show-hover .home-navigation a:hover, .home-navigation a.active {
transform: scale(1.04);
color: #ffcb05; }
.app-container.show-hover .home-navigation a:hover em, .home-navigation a.active em {
text-shadow: none;
font-weight: normal;
color: #ffffff;
opacity: 1; }
.home-navigation li {
margin: 0 0 28px 0;
list-style: none;
padding: 0; }
@media (max-width: 1079px) {
.home-navigation li {
margin: 0 0 40px 0; } }
@media (max-width: 320px) {
.home-navigation li {
margin: 0 0 30px 0; } }
@media (max-width: 767px) {
.home-page {
margin-bottom: 0 !important; } }
.home-page.app-container {
padding: 0 !important; }
@media (max-width: 767px) {
.home-page.app-container {
margin-bottom: 0; } }
.app-container .clip-paths {
position: absolute;
left: -5000px;
width: 1px;
height: 1px; }
#prebootOverlay {
background: #222632 !important;
opacity: 0.8 !important;
position: fixed !important;
bottom: 0;
right: 0; }
/**
Default scrollbar width.
To be overridden by DomHandler service.
To be ignored by IE.
*/
:root {
--scrollbar-width: 15px; }
module.exports = "\n
\n";
/*# sourceMappingURL=main.e8ce0e07116e137bd49d.css.map*/