@charset "UTF-8";
.bsaHidden {
opacity: 0;
visibility: hidden;
}
.bsaHide {
display: none;
opacity: 0;
}
.bsaProItem.animated {
opacity: 1;
visibility: visible;
}
.showHideAdvanced:hover {
cursor: pointer;
}
.showAdvanced {
display: none;
}
.hideAdvanced {
display: block;
} .apPluginContainer,
.bsaProOrderingForm,
.bsaStatsWrapper {
font-family: inherit;
}
.bsaLoader,
.bsaLoaderRedirect {
display: inline-block;
margin: 0 5px -3px;
width: 16px;
height: 16px;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/white-loader.gif) white center center no-repeat;
background-size: 100%;
padding: 2px;
border-radius: 20px;
}
.bsaLoaderRedirect {
display: block;
margin: 20px auto;
}
.bsaLockedSection {
position: relative;
opacity: 0.5;
}
.bsaLockedSection:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: ' ';
z-index: 10000;
}
.bsaLockedContent {
padding: 15px;
background-color: #f0f0f1;
margin: 10px 10px 20px;
border-radius: 10px;
}
.bsaLockedWhite {
background-color: #ffffff;
margin: 10px 0;
}
.bsaLockedImage {
padding: 10px;
opacity: 0.5;
} .bsaGreen { color: #4CAF50; }
.bsaBlue { color: #2196F3; }
.bsaYellow { color: #FBCD39; } .bsaViolet { color: #673AB7; }
.bsaRed { color: #F44336; }
.bsaGreenBg { background-color: #4CAF50; }
.bsaBlueBg { background-color: #2196F3; }
.bsaYellowBg { background-color: #FBC02D; }
.bsaVioletBg { background-color: #673AB7; }
.bsaRedBg { background-color: #F44336; }
.ui-state-disabled.bsaProUnavailableDate, .ui-state-disabled.bsaProUnavailableDate:hover, .ui-datepicker .ui-datepicker-calendar .ui-state-disabled.bsaProUnavailableDate:hover {
background-color: #F44336 !important;
color: white !important;
opacity: .2;
}
.bottomLink {
float: right;
clear: both;
margin: 0;
padding: 0;
font-size: .9rem;
}
.apMainLeft {
display: inline-block;
width: 100%;
}
.apMainLeft .apPluginContainer {
float: left;
}
.apFloatLeft {
float: left;
clear: both;
margin: 15px 15px 15px 0;
}
.apMainCenter {
width: 100%;
}
.apMainCenter .apPluginContainer {
margin: 0 auto;
}
.apFloatRight {
float: right;
clear: both;
margin: 15px 15px 15px 0;
}
.apMainRight {
display: inline-block;
width: 100%;
}
.apMainRight .apPluginContainer {
float: right;
}  .apPluginContainer h3 {
font-size: 16px;
}
.apPluginContainer a,
.apPluginContainer span,
.apPluginContainer p {
font-size: 14px;
}
.apPluginContainer a {
display: block;
}
.apPluginContainer,
.apPluginContainer .bsaProItems {
height: 100%;
width: 100%;
clear: both;
overflow: hidden;
}
.bsaProCorner .apPluginContainer,
.bsaProCorner .apPluginContainer .bsaProItems {
overflow: visible;
}
.apPluginContainer .bsaProItem {
position: relative;
}
.apPluginContainer .bsaProHeader {
padding: 10px 15px;
margin: 0;
}
.apPluginContainer .bsaProHeader .bsaProHeader__title {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
}
.apPluginContainer .bsaProHeader .bsaProHeader__formUrl {
float: right;
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
text-align: right;
}   .apPluginContainer .bsaProItem.animated {
opacity: 1;
visibility: visible;
}
.apPluginContainer .bsaProItem {
float: left;
padding: 0;
width: 100%;
}
.apPluginContainer .bsaProItemInner__img {
background-position: center;
background-size: cover;
height: 100%;
}
.apPluginContainer .bsaProItem__url {
height: 100%;
}
.apPluginContainer .bsaGridGutter .bsaProItem { margin: .8% 0 .8% 1.6%; } .apPluginContainer .bsaGridGutVer .bsaProItem { margin: .8% 0 .8% 0; } .apPluginContainer .bsaGridGutHor .bsaProItem { margin: 0 0 0 1.6%; } .apPluginContainer .bsaGridNoGutter .bsaProItem { margin: 0; } .apPluginContainer .bsaProItem:first-child,
.apPluginContainer .bsaProItem.bsaReset {
margin-left: 0 !important;
clear: left;
}
.bsaProCarousel .bsaProItem.bsaReset {
clear: none;
margin: 0 !important;
}
.bsaProCarousel .disabled {
display:  none;
}  .bsaProOrderingForm {
position: relative;
width: 100%;
padding: 0;
margin: 0;
color: #444444;
background-color: #FFFFFF;
overflow: hidden;
}
.bsaProOrderingFormInner {
padding: 20px;
overflow: hidden;
}
.bsaProInputs {
width: 100%;
float: left;
}
.bsaProInputs > h3 {
padding: 0 !important;
margin: 0 0 15px !important;
font-size: 18px !important;
}
.bsaProInputsLeft {
margin-right: 0;
}
.bsaProInputsRight {
margin-top: 25px;
margin-left: 0;
}
.bsaProInput {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.bsaProInput label {
float: left;
width: 100%;
margin: 10px 0 5px 0;
font-size: 12px;
font-weight: 700;
}
.bsaProInput:nth-of-type(1) label {
margin: 0 0 5px;
}
.bsaProInput > input,
.bsaProInput input[type="file"],
.bsaProSelectSpace select {
float: left;
box-sizing: border-box;
border-radius: 3px !important;
border: 0 none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
font-size: 12px;
line-height: 20px;
padding: 10px;
width: 100% !important;
background-color: #f5f5f5 !important;
color: 	#444444;
height: auto;
}
.bsaProSelectSpace > select {
background-image: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/select-arrow.png);
background-repeat: no-repeat;
background-position: 97.5% 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.bsaProInputsGroup {
clear: both;
overflow: hidden;
}
.bsaGetBillingModels {
float: left;
width: 100%;
margin: 0 0 20px;
clear: both;
}
.bsaProInputsRight .bsaProInputsValues {
margin-top: 20px;
}
.bsaProInputsRight .bsaInputInnerModel {
opacity: .5;
}
.bsaProInputsRight .bsaInputInnerModel.bsaSelected {
opacity: 1;
}
.bsaProInputsRight .bsaProInput {
float: left;
width: 30%;
}
.bsaProInputsRight .bsaProInput:nth-of-type(2) {
margin: 0 5%;
}
.bsaProInputsRight .bsaInputInner {
padding: 10px;
margin: 0;
text-align: center;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 3px;
}
.bsaProInputsRight .bsaInputInner input,
.bsaProInputsRight .bsaInputInner label {
cursor: pointer;
}
.bsaProInputsRight .bsaInputInner label {
display: block;
margin-top: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
color: #444444;
}
.bsaProExpiration,
.bsaProPrice,
.bsaProDiscount {
display: block;
}
.bsaProExpiration {
font-weight: 400;
font-size: 14px;
}
.bsaProPrice {
font-size: 17px;
color: #65cc84;
}
.bsaProDiscount {
float: right;
font-weight: 400;
font-size: 11px;
text-align: center;
background-color: #df5050;
color: white;
padding: 1px 7px;
margin-top: 5px;
border-radius: 3px;
}
.bsaProInputsValues .bsaInputInner label {
margin: 5px 0 0;
}
.bsaTemplatePreview {
max-width: 370px;
max-height: 370px;
margin-bottom: 20px;
clear: both; overflow: auto;
}
.bsaTemplatePreview .apPluginContainer .bsaProItemInner__img {
background-position: center;
background-size: 100%;
}
.bsaTemplatePreviewInner .bsaProItemInner__img { background-size: cover !important; }
.bsaProSubmit,
.bsaProSubmit:hover,
.bsaProSubmit:active {
float: right;
color: #ffffff;
background-color: #65cc84 !important;
border-color: #3cbb62 !important;
border: 0;
border-right: 3px;
background: none;
padding: 10px 20px;
box-shadow: none;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.bsaPayPalSection {
}
.bsaPayPalSectionBg {
background-color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
opacity: .8;
}
.bsaPayPalSectionCenter {
height: 100%;
width: 100%;
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
}
.bsaPayPalSectionCenterFixed {
position: fixed;
z-index: 999;
}
.bsaPayPalSectionCenterResponsive {
width: 60%;
height: 60%;
min-width: 200px;
max-width: 400px;
padding: 40px;
}
.bsaProImgSubmit {
display: block;
margin: 0 auto;
background: white;
}  .bsaProAlert {
float: left;
width: 100%;
padding: 10px 0;
margin: 0 0 15px;
border-radius: 3px;
text-align: center;
z-index: 100;
position: relative;
}
.bsaProAlert strong,
.bsaProAlert p {
display: inline-block;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 14px;
}
.bsaProAlert > p {
margin: 0 !important;
}
.bsaProAlert,
.bsaProAlert > a,
.bsaProAlert > a:hover,
.bsaProAlert > a:focus {
font-size: 12px;
text-decoration: none;
color: #ffffff;
}
.bsaProAlertSuccess {
background-color: #65cc84;
}
.bsaProAlertFailed {
background-color: #df5050;
}  .bsaStatsWrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
background-color: white;
}
.bsaStatsWrapper h2 {
font-size: 22px;
margin: 20px 0;
}
.bsaStatsWrapper h3 {
font-size: 18px;
margin: 15px 0;
}
.bsaStatsWrapperBg {
position: fixed;
background-color: white;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bsaStatsWrapper .tooltip {
position: absolute;
padding: 15px;
margin: 0;
color: white;
background-color: black;
}
.bsaStatsButtons {
display: block;
overflow: hidden;
width: 100%;
margin: 0 0 20px;
}
.bsaPrevWeek {
display: inline-block;
width: 50%;
text-align: left;
}
.bsaNextWeek {
display: none;
float: right;
text-align: right;
}
.bsaStatsWrapper table {
table-layout: fixed;
width: 100%;
min-width: 700px;
overflow-x: scroll;
}
.bsaStatsWrapper table td {
font-weight: normal;
border: 1px solid #ededed;
padding: 10px 15px;
}
.bsaStatsWrapper .bsaOdd {
background-color: #f9f9f9;
}
.bsaStatsWrapperInner {
position: relative;
max-width: 1200px;
padding: 40px;
margin: 0 auto;
color: black;
}
.bsaSumStats {
float: left;
width: 30%;
padding: 15px 0;
text-align: center;
margin-bottom: 25px;
color: black;
background-color: #eeeeee;
}
.bsaStatsWrapper .ct-chart .ct-series.ct-series-b .ct-bar,
.bsaStatsWrapper .ct-chart .ct-series.ct-series-b .ct-line,
.bsaStatsWrapper .ct-chart .ct-series.ct-series-b .ct-point,
.bsaStatsWrapper .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut { stroke: #673AB7; }
.bsaStatsWrapper  .ct-chart .ct-series.ct-series-a .ct-bar,
.bsaStatsWrapper .ct-chart .ct-series.ct-series-a .ct-line,
.bsaStatsWrapper .ct-chart .ct-series.ct-series-a .ct-point,
.bsaStatsWrapper .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut { stroke: #FBCD39; }
.bsaStatsClicks {
overflow-y: scroll;
}
.bsaStatsClose {
position: absolute;
cursor: pointer;
top: 40px;
right: 40px;
width: 25px;
height: 25px;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/close-black.png) white center center no-repeat;
}
.bsaCorrectIcon {
display: block;
width: 20px;
height: 20px;
margin: 0 auto;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/correct.png) white center center no-repeat;
}
.bsaInCorrectIcon {
display: block;
width: 20px;
height: 20px;
margin: 0 auto;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/incorrect.png) white center center no-repeat;
}  .bsaPopupWrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000000;
background-position: top center;
}
.bsaPopupWrapperBg {
position: fixed;
background-color: white;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
}
.bsaPopupWrapperInner {
position: relative;
max-width: 1200px;
padding: 10% 10% 70px;
margin: 0 auto;
overflow: hidden;
color: black;
background: none;
}
.bsaPopupClose {
position: absolute;
cursor: pointer;
top: 40px;
right: 40px;
width: 25px;
height: 25px;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/close-black.png) white center center no-repeat;
}  .bsaFloatingButton {
position: relative;
float: right;
width: 25px;
height: 25px;
}
.bsaFloatingClose {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
width: 25px;
height: 25px;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/close-black.png) center center no-repeat;
}  .bsaProScrollBarButton {
position: relative;
float: right;
width: 25px;
height: 25px;
}
.bsaProScrollBarClose {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
width: 25px;
height: 25px;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/close-black.png) center center no-repeat;
}  .bsaProRibbon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-image: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/corner-peel.png);
background-position: top center;
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
}
.bsaProCornerContent {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 200%;
height: 75%;
overflow: hidden;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
z-index: 9999;
}
.bsaProCornerInner {
position: relative;
top: 25px;
left: -75px;
right: 0;
bottom: 0;
padding-left: 25px;
-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
z-index: 9998;
}                   .bsaProLink {
display: inline;
position: relative;
cursor: pointer;
}
.bsaProLink .bsaProLinkHover {
display: none;
opacity: 0;
position: absolute;
top: 0;
padding-top: 20px;   }
.bsaProLink:hover .bsaProLinkHover {
display: block;
opacity: 1;   -webkit-animation: bsaLinkAnimate .4s ease-out;
animation: bsaLinkAnimate .4s ease-out;
}
.bsaProLinkHover .bsaHidden {
opacity: 1 !important;
visibility: visible !important;
}
@-webkit-keyframes bsaLinkAnimate {
0%   {opacity:0;}
25%  {opacity:0;}
90%  {opacity:.7;}
100% {opacity:1;}
}
@keyframes bsaLinkAnimate {
0%   {opacity:0;}
25%  {opacity:0;}
90%  {opacity:.7;}
100% {opacity:1;}
}  @media (min-width: 768px) {
.bsaProInputs {
width: 47.5%;
}
.bsaProInputsLeft {
margin-right: 2.5%;
}
.bsaProInputsRight {
margin-top: 0;
margin-left: 2.5%;
}
}
@media (min-width: 1px) {
.apPluginContainer.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
}
@media (min-width: 600px) {
.apPluginContainer.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 48.4%; margin: .8%; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 48.4%; margin: .8%; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 48.4%; margin: .8%; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutter .bsaProItem { width: 48.4%; margin: .8%; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutter .bsaProItem { width: 48.4%; margin: .8%; } .apPluginContainer.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0 .8% 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0 .8% 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0 .8% 0; } .apPluginContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 48.4%; margin: 0 .8%; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutHor .bsaProItem { width: 48.4%; margin: 0 .8%; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutHor .bsaProItem { width: 48.4%; margin: 0 .8%; } .apPluginContainer.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; } }
@media (min-width: 900px) {
.apPluginContainer.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 32.2%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutter .bsaProItem { width: 23.8%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutter .bsaProItem { width: 32.2%; margin: .8% 0 .8% 1.6%; } .apPluginContainer.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 33.33333333%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutVer .bsaProItem { width: 25%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutVer .bsaProItem { width: 33.33333333%; margin: .8% 0; } .apPluginContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 32.2%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutHor .bsaProItem { width: 23.8%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutHor .bsaProItem { width: 32.2%; margin: 0 0 0 1.6%; } .apPluginContainer.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 33.33333333%; margin: 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridNoGutter .bsaProItem { width: 25%; margin: 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridNoGutter .bsaProItem { width: 33.33333333%; margin: 0; } }
@media (min-width: 1200px) {
.apPluginContainer.bsa-pro-col-1 .bsaGridGutter .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutter .bsaProItem { width: 49.2%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 32.2%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutter .bsaProItem { width: 23.8%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutter .bsaProItem { width: 11.11111111%; margin: .8% 0 .8% 1.6%; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutter .bsaProItem { width: 6.866666666%; margin: .8% 0 .8% 1.6%; } .apPluginContainer.bsa-pro-col-1 .bsaGridGutVer .bsaProItem { width: 100%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutVer .bsaProItem { width: 50%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutVer .bsaProItem { width: 33.33333333%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutVer .bsaProItem { width: 25%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutVer .bsaProItem { width: 12.5%; margin: .8% 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutVer .bsaProItem { width: 8.33333333%; margin: .8% 0; } .apPluginContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridGutHor .bsaProItem { width: 49.2%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-3 .bsaGridGutHor .bsaProItem { width: 32.2%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-4 .bsaGridGutHor .bsaProItem { width: 23.8%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-8 .bsaGridGutHor .bsaProItem { width: 11.11111111%; margin: 0 0 0 1.6%; }
.apPluginContainer.bsa-pro-col-12 .bsaGridGutHor .bsaProItem { width: 6.866666666%; margin: 0 0 0 1.6%; } .apPluginContainer.bsa-pro-col-1 .bsaGridNoGutter .bsaProItem { width: 100%; margin: 0; }
.apPluginContainer.bsa-pro-col-2 .bsaGridNoGutter .bsaProItem { width: 50%; margin: 0; }
.apPluginContainer.bsa-pro-col-3 .bsaGridNoGutter .bsaProItem { width: 33.33333333%; margin: 0; }
.apPluginContainer.bsa-pro-col-4 .bsaGridNoGutter .bsaProItem { width: 25%; margin: 0; }
.apPluginContainer.bsa-pro-col-8 .bsaGridNoGutter .bsaProItem { width: 12.5%; margin: 0; }
.apPluginContainer.bsa-pro-col-12 .bsaGridNoGutter .bsaProItem { width: 8.33333333%; margin: 0; } }             .bsaProScrollBar .bsaReset { clear: none !important; }    .simply-scroll-container {
position: relative;
top: 0;
left: 0;
width: 100%;
} .simply-scroll-clip {
position: relative;
overflow: hidden;
} .simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}  .simply-scroll {
width: 1920px;
height: auto;
} .simply-scroll .simply-scroll-clip {
width: 1920px;
height: auto;
}  .bsaSite {
text-align: center;
background: lightgrey no-repeat;
background-size: cover;
height: 125px;
position: relative;
}
.bsaSite:nth-child(3n+1) {
margin-left: 0 !important;
}
.bsaSiteInner {
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
height: 125px;
overflow: hidden;
-webkit-transition: all .5s; transition: all .5s;
}
.bsaSiteInner h3 {
margin: 10px 0 0 !important;
padding: 10px 10px 15px !important;
}
.bsaSiteInner h3 > a,
.bsaSiteInner h3 > small,
.bsaSiteInner h3 > a:hover,
.bsaSiteInner h3 > small:hover {
position: relative;
color: white !important;
bottom: 10px;
}
.bsaSiteInner h3 > a {
position: relative;
font-size: 24px;
line-height: 27px;
margin-bottom: 5px;
text-decoration: none !important;
}
.bsaSiteInner h3 > small {
font-weight: normal;
position: absolute;
width: 90%;
left: 0;
top: 80px;
bottom: 0;
white-space: nowrap;
overflow: hidden;
margin: 0 5%;
opacity: 1;
text-overflow: ellipsis;
-webkit-transition: all .5s; transition: all .5s;
}
.bsaSiteInner:hover h3 > small {
opacity: 0;
left: 0;
top: 140px;
-webkit-transition: all .5s; transition: all .5s;
}
.bsaSiteInner .bsaSiteActions {
font-weight: normal;
position: absolute;
width: 84%;
left: 0;
bottom: -40px;
overflow: hidden;
opacity: 0;
margin: 0 8%;
padding: 0;
-webkit-transition: all .25s; transition: all .25s;
}
.bsaSiteInner .bsaSiteActions .bsaSiteAction {
float: left;
width: 47%;
margin: 0;
padding: 4px 0;
color: white;
border-radius: 40px;
border: 1px solid white;
text-align: center;
-webkit-transition: all .25s; transition: all .25s;
}
.bsaSiteInner .bsaSiteActions .bsaSiteAction a {
color: white;
text-decoration: none;
-webkit-transition: all .25s; transition: all .25s;
}
.bsaSiteInner .bsaSiteActions .bsaSiteAction:hover{
color: black;
background-color: white;
-webkit-transition: all .5s; transition: all .5s;
}
.bsaSiteInner .bsaSiteActions .bsaSiteAction:hover a {
color: black;
}
.bsaSiteInner .bsaSiteActions .bsaSiteActionLeft {
}
.bsaSiteInner .bsaSiteActions .bsaSiteActionRight {
float: right;
}
.bsaSiteInner:hover .bsaSiteActions {
opacity: 1;
left: 0;
bottom: 15px;
-webkit-transition: all .5s; transition: all .5s;
}
.bsaSiteInner .bsaSiteInnerBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: black;
opacity: .5;
-webkit-transition: all .5s; transition: all .5s;
}
.bsaSiteInner:hover .bsaSiteInnerBg {
opacity: .9;
background-color: black;
-webkit-transition: all .5s; transition: all .5s;
}  .bsaBlurWrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
}
.bsaBlurInner {
width: 100%;
max-width: 500px;
height: 150px;
margin: 15% auto 0;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/detection.png) center left no-repeat;
text-align: center;
}
.bsaBlurInnerContent {
float: right;
text-align: right;
font-size: 14px;
margin-top: 45px;
margin-right: 15px;
padding: 15px;
max-width: 60%;
}
.bsaBlurInnerContent h3 {
font-weight: bold;
font-size: 20px;
margin: 0;
padding: 0;
}
.bsaBlurInnerContent p {
margin: 10px 0 0;
padding: 0;
font-size: 14px;
color: black;
}
.bsaBlurContent > * {
filter: blur(5px) !important;
-webkit-filter: blur(5px) !important;
-moz-filter: blur(5px) !important;
-o-filter: blur(5px) !important;
-ms-filter: blur(5px) !important;
opacity: .5;
}
.bsaBlurContent > .bsaBlurWrapper {
filter: blur(0) !important;
-webkit-filter: blur(0) !important;
-moz-filter: blur(0) !important;
-o-filter: blur(0) !important;
-ms-filter: blur(0) !important;
opacity: 1;
}  .bsaCountdown {
position: absolute;
bottom: 0;
right: 0;
padding: 1px 3px;
font-size: 10px;
background-color: white;
color: black;
border-radius: 0;
margin: 0;
z-index: 1000;
}
.bsaCountdown span { font-size: 10px; }.bsaProPanelContainer {
float: left;
width: 100%;
overflow: auto;
}
#bsaProPanelTable {
float: left;
width: 100% !important;
margin: 10px 0 0 !important;
font-size: 12px;
line-height: 1.5;
min-width: 700px;
border-radius: 5px;
overflow-x: scroll;
}
#bsaProPanelTable,
#bsaProPanelTable th {
color: black;
background-color: white;
border: 0;position: relative;
}
#bsaProPanelTable tbody tr {
opacity: 1;
-webkit-transition: all .4s; transition: all .4s;
}
#bsaProPanelTable tbody:hover tr {
opacity: 0.5;
}
#bsaProPanelTable tbody tr:hover {
opacity: 1;
}
#bsaProPanelTable tr,
#bsaProPanelTable th,
#bsaProPanelTable td {
text-align: left;
padding: 5px 10px;
border: 0;
}
#bsaProPanelTable th,
#bsaProPanelTable tr {
border-bottom: 1px solid #ededed;
}
#bsaProPanelTable tr:last-of-type {
border-bottom: 0;
}
#bsaProPanelTable tr.bsaProFirst,
#bsaProPanelTable th.bsaProFirst,
#bsaProPanelTable td.bsaProFirst {
text-align: left;
}
#bsaProPanelTable th {
line-height: 40px;
height: 40px;
}
#bsaProPanelTable th.bsaProFirst {
border-top-left-radius: 5px;
max-width: 250px;
}
#bsaProPanelTable td.bsaProFirst {
max-width: 250px;
}
#bsaProPanelTable td.bsaNoWrap {
white-space: nowrap;
}
#bsaProPanelTable td.bsaCenter {
text-align: center;
}
#bsaProPanelTable td.bsaProFirst .bsaProContent {
margin-left: 60px;
}
#bsaProPanelTable th.bsaProFirst > img,
#bsaProPanelTable td.bsaProFirst > img {
float: left;
max-width: 50px;
}
#bsaProPanelTable tr.bsaProLast,
#bsaProPanelTable th.bsaProLast,
#bsaProPanelTable td.bsaProLast {
text-align: right;
font-weight: bold;
}
#bsaProPanelTable th.bsaProLast {
border-top-right-radius: 5px;
}
#bsaProPanelTable .bsaProContent > a {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}
#bsaProPanelTable span.bsaProPanelStatus {
background-color: grey;
color: white;
border-radius: 3px;
padding: 1px 4px;
}
#bsaProPanelTable span.bsaProPanelStatus.active {
background-color: #4DA720;
color: white;
}
#bsaProPanelTable span.bsaProPanelStatus.pending {
background-color: grey;
color: white;
}
#bsaProPanelTable span.bsaProPanelStatus.expired {
background-color: #FF2A13;
color: white;
}
#bsaProPanelTable .buyButton {
background-color: #673ab7;
color: #ffd71a;
padding: 10px 20px;
display: inline-block;
text-decoration: none;
border-radius: 4px;
-webkit-transition: all .7s; transition: all .7s;
}
#bsaProPanelTable .buyButton:hover {
background-color: #ffd71a;
color: #673ab7;
}#bsa-block-125--125 h3,
#bsa-block-125--125 a,
#bsa-block-125--125 img,
#bsa-block-125--125 span,
#bsa-block-125--125 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-125--125.apPluginContainer .bsaProItem,
#bsa-block-125--125 .bsaProItemInner__thumb,
#bsa-block-125--125 .bsaProAnimateThumb {
max-width: 125px;
max-height: 125px;
aspect-ratio: 125/125;
}
#bsa-block-125--125 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 125px;
}
#bsa-block-125--125 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-125--125 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-125--125 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 125px;
height: 100%;
max-height: 125px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-1920--1200 h3,
#bsa-block-1920--1200 a,
#bsa-block-1920--1200 img,
#bsa-block-1920--1200 span,
#bsa-block-1920--1200 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-1920--1200.apPluginContainer .bsaProItem,
#bsa-block-1920--1200 .bsaProItemInner__thumb,
#bsa-block-1920--1200 .bsaProAnimateThumb {
max-width: 1920px;
max-height: 1200px;
aspect-ratio: 1920/1200;
}
#bsa-block-1920--1200 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 1200px;
}
#bsa-block-1920--1200 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-1920--1200 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-1920--1200 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 1920px;
height: 100%;
max-height: 1200px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-250--250 h3,
#bsa-block-250--250 a,
#bsa-block-250--250 img,
#bsa-block-250--250 span,
#bsa-block-250--250 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-250--250.apPluginContainer .bsaProItem,
#bsa-block-250--250 .bsaProItemInner__thumb,
#bsa-block-250--250 .bsaProAnimateThumb {
max-width: 250px;
max-height: 250px;
aspect-ratio: 250/250;
}
#bsa-block-250--250 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 250px;
}
#bsa-block-250--250 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-250--250 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-250--250 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 250px;
height: 100%;
max-height: 250px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-300--250 h3,
#bsa-block-300--250 a,
#bsa-block-300--250 img,
#bsa-block-300--250 span,
#bsa-block-300--250 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-300--250.apPluginContainer .bsaProItem,
#bsa-block-300--250 .bsaProItemInner__thumb,
#bsa-block-300--250 .bsaProAnimateThumb {
max-width: 300px;
max-height: 250px;
aspect-ratio: 300/250;
}
#bsa-block-300--250 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 250px;
}
#bsa-block-300--250 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-300--250 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-300--250 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 300px;
height: 100%;
max-height: 250px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-300--600 h3,
#bsa-block-300--600 a,
#bsa-block-300--600 img,
#bsa-block-300--600 span,
#bsa-block-300--600 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-300--600.apPluginContainer .bsaProItem,
#bsa-block-300--600 .bsaProItemInner__thumb,
#bsa-block-300--600 .bsaProAnimateThumb {
max-width: 300px;
max-height: 600px;
aspect-ratio: 300/600;
}
#bsa-block-300--600 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 600px;
}
#bsa-block-300--600 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-300--600 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-300--600 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 300px;
height: 100%;
max-height: 600px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-336--280 h3,
#bsa-block-336--280 a,
#bsa-block-336--280 img,
#bsa-block-336--280 span,
#bsa-block-336--280 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-336--280.apPluginContainer .bsaProItem,
#bsa-block-336--280 .bsaProItemInner__thumb,
#bsa-block-336--280 .bsaProAnimateThumb {
max-width: 336px;
max-height: 280px;
aspect-ratio: 336/280;
}
#bsa-block-336--280 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 280px;
}
#bsa-block-336--280 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-336--280 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-336--280 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 336px;
height: 100%;
max-height: 280px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-468--60 h3,
#bsa-block-468--60 a,
#bsa-block-468--60 img,
#bsa-block-468--60 span,
#bsa-block-468--60 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-468--60.apPluginContainer .bsaProItem,
#bsa-block-468--60 .bsaProItemInner__thumb,
#bsa-block-468--60 .bsaProAnimateThumb {
max-width: 468px;
max-height: 60px;
aspect-ratio: 468/60;
}
#bsa-block-468--60 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 60px;
}
#bsa-block-468--60 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-468--60 .bsaProItemInner__img {
height: 100%;
}
#bsa-block-468--60 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 468px;
height: 100%;
max-height: 60px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-block-728--90 h3,
#bsa-block-728--90 a,
#bsa-block-728--90 img,
#bsa-block-728--90 span,
#bsa-block-728--90 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-block-728--90.apPluginContainer .bsaProItem,
#bsa-block-728--90 .bsaProItemInner__thumb,
#bsa-block-728--90 .bsaProAnimateThumb {
max-width: 728px;
max-height: 90px;
aspect-ratio: 728/90;
}
#bsa-block-728--90 .bsaProAnimateThumb {
position: relative;
width: 100%;
height: 90px;
}
#bsa-block-728--90 .bsaProAnimateThumb:before{
content: "";
display: block;
}
#bsa-block-728--90 .bsaProItemInner__url {
height: 100%;
}
#bsa-block-728--90 .bsaProItemInner__img {
position:  absolute;
width: 100%;
max-width: 728px;
height: 100%;
max-height: 90px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: 100%;
background-repeat: no-repeat;
}  #bsa-default-extra h3,
#bsa-default-extra a,
#bsa-default-extra img,
#bsa-default-extra span,
#bsa-default-extra p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-default-extra .bsaProItem {
overflow: hidden;
}
#bsa-default-extra .bsaProItemInner {
width: 101%;
height: 150px;
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
}
#bsa-default-extra .bsaProItemInner:hover .bsaProItemInner__thumb {
-webkit-animation: bsaThumbIn .4s forwards ease-out; animation: bsaThumbIn .4s forwards ease-out;
}
#bsa-default-extra .bsaProItemInner:hover .bsaProItemInner__copy {
-webkit-animation: bsaCopyIn .4s forwards ease-out; animation: bsaCopyIn .4s forwards ease-out;
}
#bsa-default-extra .bsaProItemInner:hover .bsaProItemInner__copy .bsaProItemInner__url {
opacity: 1;
-webkit-transition: all .4s ease-out; transition: all .4s ease-out;
} @-webkit-keyframes bsaThumbIn {
0%   {width: 35%;transform: scale(1);}
100%   {width: 20%;transform: scale(1.4);}
} @keyframes bsaThumbIn {
0%   {width: 35%;transform: scale(1);}
100%   {width: 20%;transform: scale(1.4);}
} @-webkit-keyframes bsaThumbOut {
0%   {width: 20%;transform: scale(1.4);}
100%   {width: 35%;transform: scale(1);}
} @keyframes bsaThumbOut {
0%   {width: 20%;transform: scale(1.4);}
100%   {width: 35%;transform: scale(1);}
} @-webkit-keyframes bsaCopyIn {
0%   {width: 65%;}
100%   {width: 80%;}
} @keyframes bsaCopyIn {
0%   {width: 65%;}
100%   {width: 80%;}
} @-webkit-keyframes bsaCopyOut {
0%   {width: 80%;}
100%   {width: 65%;}
} @keyframes bsaCopyOut {
0%   {width: 80%;}
100%   {width: 65%;}
}
#bsa-default-extra .bsaProItemInner .bsaProItemInner__thumb {
float: left;
height: 150px;
width: 35%;
overflow: hidden;
-webkit-animation: bsaThumbOut .4s forwards ease-out; animation: bsaThumbOut .4s forwards ease-out;
zoom: 1;
z-index: 1;
}
#bsa-default-extra .bsaProItemInner__thumb .bsaProItemInner__img {
width: 100%;
height: 150px;
background-position: center;
background-size: cover;
}
#bsa-default-extra .bsaProItemInner .bsaProItemInner__copy {
float: left;
position: relative;
height: 150px;
width: 65%;
padding: 0;
margin: 0;
-webkit-box-shadow: 0 0 50px #000000;
-moz-box-shadow: 0 0 50px #000000;
box-shadow: 0 0 50px #000000;
background-color: #f5f5f5;
-webkit-animation: bsaCopyOut .4s forwards ease-out; animation: bsaCopyOut .4s forwards ease-out;
z-index: 10;
}
#bsa-default-extra .bsaProItemInner__copyInner {
}
#bsa-default-extra .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 17px;
margin: 15px 15px 0;
}
#bsa-default-extra .bsaProItemInner__copy .bsaProItemInner__desc {
margin: 0 15px 10px;
font-size: 14px;
}
#bsa-default-extra .bsaProItemInner__copy .bsaProItemInner__url {
opacity: 0;
margin: 0 15px;
font-weight: bold;
font-size: 14px;
-webkit-transition: all .4s ease-out; transition: all .4s ease-out;
}  #bsa-default h3,
#bsa-default a,
#bsa-default img,
#bsa-default span,
#bsa-default p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-default .bsaProItem {
overflow: hidden;
}
#bsa-default .bsaProItemInner {
width: 101%;
height: 150px;
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
}
#bsa-default .bsaProItemInner .bsaProItemInner__thumb {
float: left;
height: 150px;
width: 35%;
overflow: hidden;
}
#bsa-default .bsaProItemInner__thumb .bsaProItemInner__img {
width: 100%;
height: 150px;
background-position: center;
background-size: cover;
}
#bsa-default .bsaProItemInner .bsaProItemInner__copy {
float: left;
height: 150px;
width: 65%;
padding: 0;
margin: 0;
-webkit-box-shadow: 0 0 50px #000000;
-moz-box-shadow: 0 0 50px #000000;
box-shadow: 0 0 50px #000000;
}
#bsa-default .bsaProItemInner__copyInner {
}
#bsa-default .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 17px;
margin: 15px 15px 0;
}
#bsa-default .bsaProItemInner__copy .bsaProItemInner__desc {
margin: 0 15px 10px;
font-size: 14px;
}
#bsa-default .bsaProItemInner__copy .bsaProItemInner__url {
margin: 0 15px;
font-weight: bold;
font-size: 14px;
}  #bsa-facebook-1 h3,
#bsa-facebook-1 a,
#bsa-facebook-1 img,
#bsa-facebook-1 span,
#bsa-facebook-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-facebook-1 .bsaProItem {
position: relative;
overflow: hidden;
}
#bsa-facebook-1 .bsaProItemInner {
box-sizing: border-box;
overflow: hidden;
background-color: #ffffff;
color: #000000;
height: 260px;
width: 100%;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
-webkit-border-radius: 3px;
}
#bsa-facebook-1 .bsaProItemInner__copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
color: white;
}
#bsa-facebook-1 .bsaProItemInner__copyInner {
position: relative;
padding: 10px;
z-index: 100;
height: 240px;
}
#bsa-facebook-1 .bsaProItemInner__thumb {
}
#bsa-facebook-1 .bsaProItemInner__img {
width: 100%;
height: 160px;
background-size: cover;
}
#bsa-facebook-1 .bsaProItemInner__title {
margin-top: 10px;
font-weight: bold;
}
#bsa-facebook-1 .bsaProItemInner__title,
#bsa-facebook-1 .bsaProItemInner__url {
font-size: 12px;
color: #3b5998;
}
#bsa-facebook-1 .bsaProItemInner__url {
display: block;
font-weight: normal;
white-space: nowrap;
}
#bsa-facebook-1 .bsaProItemInner__desc {
font-size: 12px;
color: #9197a3;
}  #bsa-facebook-2 h3,
#bsa-facebook-2 a,
#bsa-facebook-2 img,
#bsa-facebook-2 span,
#bsa-facebook-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-facebook-2 .bsaProItem {
position: relative;
overflow: hidden;
}
#bsa-facebook-2 .bsaProItemInner {
box-sizing: border-box;
overflow: hidden;
background-color: #ffffff;
color: #000000;
height: 190px;
width: 100%;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
-webkit-border-radius: 3px;
}
#bsa-facebook-2 .bsaProItemInner__copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
color: white;
}
#bsa-facebook-2 .bsaProItemInner__copyInner {
position: relative;
padding: 10px;
z-index: 100;
height: 170px;
}
#bsa-facebook-2 .bsaProItemInner_copyHeader {
height: 80px;
}
#bsa-facebook-2 .bsaProItemInner__title {
font-size: 16px;
color: #3b5998;
}
#bsa-facebook-2 .bsaProItemInner__desc {
font-size: 13px;
color: #9197a3;
}
#bsa-facebook-2 .bsaProItemInner__thumb {
}
#bsa-facebook-2 .bsaProItemInner__img {
width: 100%;
height: 70px;
background-size: cover;
}
#bsa-facebook-2 .bsaProItemInner__url {
display: block;
font-size: 12px;
color: #9197a3;
font-weight: normal;
white-space: nowrap;
margin-top: 7px;
}  #bsa-flat-1 h3,
#bsa-flat-1 a,
#bsa-flat-1 img,
#bsa-flat-1 span,
#bsa-flat-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-flat-1 .bsaProItemInner {
width: 100%;
height: 150px;
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
}
#bsa-flat-1 .bsaProItemInner .bsaProItemInner__thumb {
float: right;
height: 150px;
width: 35%;
overflow: hidden;
}
#bsa-flat-1 .bsaProItemInner__thumb .bsaProItemInner__img {
width: 100%;
height: 150px;
background-color: #bbdefb;
}
#bsa-flat-1 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbol {
color: white;
}
#bsa-flat-1 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbolBox {
width: 50px;
margin: 0 auto;
}
#bsa-flat-1 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbol .bsaProItemInner__imgSymbolBox > i {
font-size: 50px;
line-height: 150px;
text-align: center;
border: 1px solid white;
border-radius: 50%;
}
#bsa-flat-1 .bsaProItemInner .bsaProItemInner__copy {
float: left;
height: 150px;
width: 65%;
padding: 0;
margin: 0;
}
#bsa-flat-1 .bsaProItemInner__copyInner {
}
#bsa-flat-1 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 17px;
margin: 15px 15px 0;
}
#bsa-flat-1 .bsaProItemInner__copy .bsaProItemInner__desc {
margin: 0 15px 10px;
font-size: 14px;
}
#bsa-flat-1 .bsaProItemInner__copy .bsaProItemInner__url {
margin: 0 15px;
font-weight: bold;
font-size: 14px;
}  #bsa-flat-2 h3,
#bsa-flat-2 a,
#bsa-flat-2 img,
#bsa-flat-2 span,
#bsa-flat-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-flat-2 .bsaProItemInner {
width: 100%;
height: 150px;
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
}
#bsa-flat-2 .bsaProItemInner .bsaProItemInner__thumb {
float: right;
height: 150px;
width: 35%;
overflow: hidden;
}
#bsa-flat-2 .bsaProItemInner__thumb .bsaProItemInner__img {
width: 100%;
height: 150px;
background-color: #9575cd;
}
#bsa-flat-2 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbol {
color: black;
}
#bsa-flat-2 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbolBox {
width: 50px;
margin: 0 auto;
}
#bsa-flat-2 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbol .bsaProItemInner__imgSymbolBox > i {
font-size: 50px;
line-height: 150px;
text-align: center;
border: 1px solid black;
border-radius: 50%;
}
#bsa-flat-2 .bsaProItemInner .bsaProItemInner__copy {
float: left;
height: 150px;
width: 65%;
padding: 0;
margin: 0;
}
#bsa-flat-2 .bsaProItemInner__copyInner {
}
#bsa-flat-2 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 17px;
margin: 15px 15px 0;
}
#bsa-flat-2 .bsaProItemInner__copy .bsaProItemInner__desc {
margin: 10px 15px;
font-size: 14px;
}  #bsa-flat-3 h3,
#bsa-flat-3 a,
#bsa-flat-3 img,
#bsa-flat-3 span,
#bsa-flat-3 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-flat-3 .bsaProItemInner {
width: 100%;
height: 170px;
overflow: hidden;
color: #FFFFFF;
text-align: center;
}
#bsa-flat-3 .bsaProItemInner .bsaProItemInner__thumb,
#bsa-flat-3 .bsaProItemInner .bsaProItemInner__thumbBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
#bsa-flat-3 .bsaProItemInner .bsaProItemInner__thumbBg {
z-index: 20;
background-color: black;
opacity: .4;
}
#bsa-flat-3 .bsaProItemInner__thumb .bsaProItemInner__img {
width: 100%;
height: 170px;
background-size: cover;
}
#bsa-flat-3 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbol .bsaProItemInner__imgSymbolBox > i {
font-size: 50px;
line-height: 170px;
text-align: center;
border: 1px solid black;
border-radius: 50%;
}
#bsa-flat-3 .bsaProItemInner .bsaProItemInner__copy {
position: relative;
height: 170px;
width: 100%;
padding: 0;
margin: 0;
z-index: 100;
}
#bsa-flat-3 .bsaProItemInner__copyInner {
}
#bsa-flat-3 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 12px;
font-weight: normal;
padding: 7px 11px;
color: white;
border: 1px solid white;
width: auto;
border-radius: 30px;
display: inline-block;
opacity: .9;
}
#bsa-flat-3 .bsaProItemInner:hover .bsaProItemInner__copy .bsaProItemInner__title {
background-color: white;
color: black;
opacity: 1;
}
#bsa-flat-3 .bsaProItemInner__copy .bsaProItemInner__desc {
font-size: 15px;
margin: 25px 50px 20px;
line-height: 22px;
font-weight: bold;
}  #bsa-flat-4 h3,
#bsa-flat-4 a,
#bsa-flat-4 img,
#bsa-flat-4 span,
#bsa-flat-4 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-flat-4 .bsaProItemInner {
width: 100%;
height: 170px;
overflow: hidden;
color: #FFFFFF;
text-align: center;
}
#bsa-flat-4 .bsaProItemInner .bsaProItemInner__thumb,
#bsa-flat-4 .bsaProItemInner .bsaProItemInner__thumbBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
#bsa-flat-4 .bsaProItemInner .bsaProItemInner__thumbBg {
z-index: 20;
background-color: black;
opacity: .4;
}
#bsa-flat-4 .bsaProItemInner__thumb .bsaProItemInner__img {
width: 100%;
height: 170px;
background-size: cover;
}
#bsa-flat-4 .bsaProItemInner__thumb .bsaProItemInner__img .bsaProItemInner__imgSymbol .bsaProItemInner__imgSymbolBox > i {
font-size: 50px;
line-height: 170px;
text-align: center;
border: 1px solid black;
border-radius: 50%;
}
#bsa-flat-4 .bsaProItemInner .bsaProItemInner__copy {
position: relative;
height: 170px;
width: 100%;
padding: 0;
margin: 0;
z-index: 100;
}
#bsa-flat-4 .bsaProItemInner__copyInner {
}
#bsa-flat-4 .bsaProItemInner__copy .bsaProItemInner__url {
display: block;
line-height: 30px;
text-align: right;
margin: 5px 15px;
}
#bsa-flat-4 .bsaProItemInner__copy .bsaProItemInner__line {
display: block;
margin: 0 15px 15px;
background-color: white;
opacity: .5;
border-bottom: 1px solid white;
}
#bsa-flat-4 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 26px;
text-transform: uppercase;
color: white;
width: auto;
display: inline-block;
margin: 0 20px;
font-weight: bold;
}  #bsa-html h3,
#bsa-html a,
#bsa-html img,
#bsa-html span,
#bsa-html p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}
#bsa-html a {
display: inline;
}  #bsa-image-1 h3,
#bsa-image-1 a,
#bsa-image-1 img,
#bsa-image-1 span,
#bsa-image-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-image-1 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
}  #bsa-image-2 h3,
#bsa-image-2 a,
#bsa-image-2 img,
#bsa-image-2 span,
#bsa-image-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-image-2 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
}
#bsa-image-2 .bsaProItemInner__copy {
position: absolute;
bottom: 0;
width: 100%;
height: auto;
}
#bsa-image-2 .bsaProItemInner__copyInner {
padding: 10px;
z-index: 100;
position: relative;
}
#bsa-image-2 .bsaProItemInner__copyInnerBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background-color: black;
z-index: 10;
}
#bsa-image-2 .bsaProItemInner__title {
color: white;
}  #bsa-link-1 h3,
#bsa-link-1 a,
#bsa-link-1 img,
#bsa-link-1 span,
#bsa-link-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-link-2 .bsaProItems {
border: 1px grey dashed;
box-sizing: border-box;
}
#bsa-link-1 .bsaProItemInner__copy {
margin: 5px 15px;
}  #bsa-link-2 h3,
#bsa-link-2 img,
#bsa-link-2 a,
#bsa-link-2 span,
#bsa-link-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-link-2 .bsaProItems {
border: 1px grey dashed;
box-sizing: border-box;
}
#bsa-link-2 .bsaProItemInner__copy {
margin: 5px 15px;
}  #bsa-material-design-1 h3,
#bsa-material-design-1 img,
#bsa-material-design-1 span,
#bsa-material-design-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-material-design-1 .bsaProItem {
position: relative;
overflow: hidden;
border-radius: 2px;
}
#bsa-material-design-1 .bsaProItemInner {
overflow: hidden;
background-color: white;
color: #000000;
height: 150px;
width: 100%;
}
#bsa-material-design-1 .bsaProItemInner__thumb {
}
#bsa-material-design-1 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
}
#bsa-material-design-1 .bsaProItemInner__copy {
position: absolute;
top: 0;
margin: 5%;
width: 90%;
height: auto;
color: black;
z-index: 15;
background-color: white;
border-radius: 2px;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-1 .bsaProItemInner:hover .bsaProItemInner__copy {
top: 60%;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-1 .bsaProItemInner__copyInner {
position: relative;
padding: 15px;
}
#bsa-material-design-1 .bsaProItemInner__button {
color: white;
position: absolute;
bottom: -80px;
width: 100%;
text-align: center;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-1 .bsaProItemInner:hover .bsaProItemInner__button {
bottom: 45px;
-webkit-transition: all .5s; transition: all .5s;
-webkit-transition-delay: .1s; transition-delay: .1s;
}
#bsa-material-design-1 .bsaProItemInner__buttonInner {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}
#bsa-material-design-1 .bsaProItemInner__title {
color: black;
}
#bsa-material-design-1 .bsaProItemInner__desc {
line-height: 20px;
font-size: 13px;
margin-top: 5px;
}  #bsa-material-design-2 h3,
#bsa-material-design-2 img,
#bsa-material-design-2 span,
#bsa-material-design-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-material-design-2 .bsaProItem {
position: relative;
overflow: hidden;
border-radius: 2px;
padding: 0;
}
#bsa-material-design-2 .bsaProItemInner {
overflow: hidden;
background-color: white;
color: #000000;
height: 150px;
width: 100%;
border-radius: 2px;
}
#bsa-material-design-2 .bsaProItemInner__thumb {
border-radius: 2px;
}
#bsa-material-design-2 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
border-radius: 2px;
}
#bsa-material-design-2 .bsaProItemInner__copy {
position: absolute;
top: 100px;
bottom: 0;
margin: 0;
width: 100%;
height: 100%;
color: black;
z-index: 15;
background-color: white;
border-radius: 0 0 2px 2px;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-2 .bsaProItemInner:hover .bsaProItemInner__copy {
top: 0;
border-radius: 2px;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-2 .bsaProItemInner__copyInner {
position: relative;
padding: 15px;
}
#bsa-material-design-2 .bsaProItemInner__buttonInner {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}
#bsa-material-design-2 .bsaProItemInner__title {
color: black;
margin-top: -10px;
line-height: 40px;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-2 .bsaProItemInner:hover .bsaProItemInner__title {
margin-top: 0;
line-height: 22px;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-material-design-2 .bsaProItemInner__desc {
line-height: 18px;
font-size: 13px;
margin-top: 5px;
}  #bsa-modern-1 h3,
#bsa-modern-1 a,
#bsa-modern-1 img,
#bsa-modern-1 span,
#bsa-modern-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-modern-1 .bsaProItem {
position: relative;
overflow: hidden;
}
#bsa-modern-1 .bsaProItemInner {
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
height: 150px;
width: 100%;
}
#bsa-modern-1 .bsaProItemInner__thumb {
}
#bsa-modern-1 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-1 .bsaProItemInner:hover .bsaProItemInner__img  {
width: 140%;
-webkit-transition: width .5s; transition: width .5s;
}
#bsa-modern-1 .bsaProItemInner__copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
color: white;
}
#bsa-modern-1 .bsaProItemInner__copyInnerBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background-color: black;
z-index: 10;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-1 .bsaProItemInner:hover .bsaProItemInner__copyInnerBg  {
opacity: .7;
-webkit-transition: opacity .5s; transition: opacity .5s;
}
#bsa-modern-1 .bsaProItemInner__copyInner {
position: relative;
padding: 15px;
z-index: 100;
}
#bsa-modern-1 .bsaProItemInner__title {
color: white;
}
#bsa-modern-1 .bsaProItemInner__desc,
#bsa-modern-1 .bsaProItemInner__url {
margin-top: 10px;
}
#bsa-modern-1 .bsaProItemInner__url {
display: block;
font-weight: bold;
}  #bsa-modern-2 h3,
#bsa-modern-2 a,
#bsa-modern-2 img,
#bsa-modern-2 span,
#bsa-modern-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-modern-2 .bsaProItem {
position: relative;
overflow: hidden;
}
#bsa-modern-2 .bsaProItemInner {
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
height: 150px;
width: 100%;
}
#bsa-modern-2 .bsaProItemInner__thumb {
}
#bsa-modern-2 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-2 .bsaProItemInner:hover .bsaProItemInner__img  {
width: 140%;
-webkit-transition: width .5s; transition: width .5s;
}
#bsa-modern-2 .bsaProItemInner__copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
color: white;
}
#bsa-modern-2 .bsaProItemInner__copyInnerBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background-color: black;
z-index: 10;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-2 .bsaProItemInner:hover .bsaProItemInner__copyInnerBg  {
opacity: .7;
-webkit-transition: opacity .5s; transition: opacity .5s;
}
#bsa-modern-2 .bsaProItemInner__copyInner {
position: relative;
padding: 20px;
z-index: 100;
}
#bsa-modern-2 .bsaProItemInner__title {
color: white;
text-align: center;
font-size: 20px;
}
#bsa-modern-2 .bsaProItemInner__desc {
margin-top: 15px;
text-align: center;
}  #bsa-modern-3 h3,
#bsa-modern-3 a,
#bsa-modern-3 img,
#bsa-modern-3 span,
#bsa-modern-3 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-modern-3 .bsaProItem {
position: relative;
overflow: hidden;
}
#bsa-modern-3 .bsaProItemInner {
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
height: 150px;
width: 100%;
}
#bsa-modern-3 .bsaProItemInner__thumb {
}
#bsa-modern-3 .bsaProItemInner__img {
width: 100%;
height: 150px;
background-size: cover;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-3 .bsaProItemInner:hover .bsaProItemInner__img  {
width: 140%;
-webkit-transition: width .5s; transition: width .5s;
}
#bsa-modern-3 .bsaProItemInner__copy {
position: absolute;
bottom: 0;
width: 100%;
height: 60%;
color: white;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-3 .bsaProItemInner:hover .bsaProItemInner__copy  {
height: 100%;
-webkit-animation: showCopy .4s ease-in-out; animation: showCopy .4s ease-in-out;
}
@-webkit-keyframes showCopy {
0%   {height: 60%;}
100% {height: 100%;}
} @keyframes showCopy {
0%   {height: 60%;}
100% {height: 100%;}
}
#bsa-modern-3 .bsaProItemInner__copyInnerBg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background-color: black;
z-index: 10;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-3 .bsaProItemInner:hover .bsaProItemInner__copyInnerBg  {
opacity: .7;
-webkit-transition: opacity .5s; transition: opacity .5s;
}
#bsa-modern-3 .bsaProItemInner__copyInner {
position: relative;
padding: 20px;
z-index: 100;
}
#bsa-modern-3 .bsaProItemInner__title {
color: white;
text-align: center;
font-size: 20px;
}
#bsa-modern-3 .bsaProItemInner__desc {
opacity: 0;
margin-top: 15px;
text-align: center;
line-height: 20px;
-webkit-transition: all .4s; transition: all .4s;
}
#bsa-modern-3 .bsaProItemInner:hover .bsaProItemInner__desc  {
opacity: 1;
-webkit-transition: all .4s; transition: all .4s;
-webkit-transition-delay: .2s; transition-delay: .2s;
}  #bsa-modern-4 h3,
#bsa-modern-4 a,
#bsa-modern-4 img,
#bsa-modern-4 span,
#bsa-modern-4 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-modern-4 .bsaProItem {
position: relative;
overflow: hidden;
}
#bsa-modern-4 .bsaProItemInner {
overflow: hidden;
background-color: #f5f5f5;
color: #000000;
height: 200px;
width: 100%;
}
#bsa-modern-4 .bsaProItemInner__thumb {
width: 70px;
height: 70px;
overflow: hidden;
border-radius: 50%;
margin: 0 auto;
}
#bsa-modern-4 .bsaProItemInner__thumbContainer {
width: 100%;
margin: -40px auto 0;
text-align: center;
z-index: 100;
position: relative;
}
#bsa-modern-4 .bsaProItemInner__img {
width: 100%;
height: 100%;
margin: 0 auto;
background-size: cover;
-webkit-transition: all .5s; transition: all .5s;
}
#bsa-modern-4 .bsaProItemInner:hover .bsaProItemInner__img  {
width: 140%;
-webkit-transition: width .5s; transition: width .5s;
}
#bsa-modern-4 .bsaProItemInner__copyTitle {
bottom: 0;
width: 100%;
color: black;
height: 90px;
}
#bsa-modern-4 .bsaProItemInner__copyTitle .bsaProItemInner__copyInner {
position: relative;
padding: 20px;
z-index: 10;
height: 50px;
background-color: #eaeaea;
}
#bsa-modern-4 .bsaProItemInner__title {
color: black;
}
#bsa-modern-4 .bsaProItemInner__copyDesc {
}
#bsa-modern-4 .bsaProItemInner__copyDesc .bsaProItemInner__copyInner {
padding: 0 15px;
}
#bsa-modern-4 .bsaProItemInner__desc {
margin-top: 15px;
text-align: center;
line-height: 20px;
}  #bsa-paper-note-1 h3,
#bsa-paper-note-1 a,
#bsa-paper-note-1 img,
#bsa-paper-note-1 span,
#bsa-paper-note-1 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-paper-note-1 .bsaProItemInner.bsaNote {
position: relative;
height: 140px;
width: 100%;
padding: 0;
margin: 0;
color: #fff;
background: #e53935;
overflow: hidden;
}
#bsa-paper-note-1 .bsaProItemInner.bsaNote:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #fff #fff #c62828 #c62828;
background: #c62828;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); display: block; width: 0;
}
#bsa-paper-note-1 .bsaProItemInner.bsaNote.bsaRounded {
-moz-border-radius: 5px 0 5px 5px;
border-radius: 5px 0 5px 5px;
}
#bsa-paper-note-1 .bsaProItemInner.bsaNote.bsaRounded:before {
border-width: 15px;
border-color: #fff #fff transparent transparent;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
#bsa-paper-note-1 .bsaProItemInner .bsaProItemInner__copy {
float: left;
height: 140px;
width: 100%;
padding: 0;
margin: 0;
}
#bsa-paper-note-1 .bsaProItemInner__copyInner {
}
#bsa-paper-note-1 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 20px;
margin: 15px 15px 0;
color: #5d0a0a;
}
#bsa-paper-note-1 .bsaProItemInner__copy .bsaProItemInner__desc {
margin: 0 15px 10px;
font-size: 14px;
color: #ffcdd2;
}
#bsa-paper-note-1 .bsaProItemInner__copy .bsaProItemInner__url {
margin: 0 15px;
font-weight: bold;
font-size: 14px;
color: #ffcdd2;
}  #bsa-paper-note-2 h3,
#bsa-paper-note-2 a,
#bsa-paper-note-2 img,
#bsa-paper-note-2 span,
#bsa-paper-note-2 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-paper-note-2 .bsaProItemInner.bsaNote {
position: relative;
height: 160px;
width: 100%;
padding: 0;
margin: 0;
color: #000;
background: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/paper-note.png) transparent top center no-repeat;
background-size: cover;
overflow: hidden;
}
#bsa-paper-note-2 .bsaProItemInner .bsaProItemInner__copy {
float: left;
height: 160px;
width: 85%;
padding: 0 0 0 15%;
margin: 0;
}
#bsa-paper-note-2 .bsaProItemInner__copyInner {
}
#bsa-paper-note-2 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 20px;
margin: 20px 15px 0;
color: #000;
}
#bsa-paper-note-2 .bsaProItemInner__copy .bsaProItemInner__desc {
font-size: 14px;
line-height: 24px;
margin: 4px 15px 10px;
color: #000;
}
#bsa-paper-note-2 .bsaProItemInner__copy .bsaProItemInner__url {
margin: 0 15px;
font-weight: bold;
font-size: 14px;
color: #000;
}  #bsa-paper-note-3 h3,
#bsa-paper-note-3 a,
#bsa-paper-note-3 img,
#bsa-paper-note-3 span,
#bsa-paper-note-3 p {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
line-height: 1.25;
}  #bsa-paper-note-3.bsaAnimateCircle,
#bsa-paper-note-3 .bsaAnimateCircle {
transition: all 750ms ease-in-out;
}
#bsa-paper-note-3 .bsaProItemInner {
position: relative;
width: 180px;
height: 180px;
margin: 0 auto;
backface-visibility: hidden;
}
#bsa-paper-note-3 .bsaProItemInner .bsaSticky{
transform: rotate(45deg);
}
#bsa-paper-note-3 .bsaProItemInner:hover .bsaSticky{
transform: rotate(10deg);
}
#bsa-paper-note-3 .bsaProItemInner .bsaSticky{
position: absolute;
top: 0;
left: 0;
width:180px;
height: 180px;
}
#bsa-paper-note-3 .bsaProItemInner .bsaReveal .bsaCircle{
box-shadow: 0 1px 0px rgba(0,0,0,.15);
font-family: 'helvetica neue', arial;
font-weight: 200;
line-height: 140px;
text-align: center;
cursor: pointer;
}
#bsa-paper-note-3 .bsaProItemInner .bsaReveal .bsaCircle{
background: #f1f1f1;
}
#bsa-paper-note-3 .bsaProItemInner .bsaCircle_wrapper{
position: absolute;
width: 180px;
height: 180px;
left: 0px;
top: 0px;
overflow: hidden;
}
#bsa-paper-note-3 .bsaProItemInner .bsaCircle{
position: absolute;
width: 140px;
height:  140px;
margin: 20px;
border-radius: 999px;
}
#bsa-paper-note-3 .bsaProItemInner .bsaBack{
height: 10px;
top: 30px;
}
#bsa-paper-note-3 .bsaProItemInner:hover .bsaBack{
height: 90px;
top: 110px;
}
#bsa-paper-note-3 .bsaProItemInner .bsaBack .bsaCircle{
margin-top: -130px;
background-color: #00897b;
background-image: -webkit-linear-gradient(bottom, transparent, #00695c);
background-image: -moz-linear-gradient(bottom, transparent, #00695c);
background-image: linear-gradient(bottom, transparent, #00695c);
}
#bsa-paper-note-3 .bsaProItemInner:hover .bsaBack .bsaCircle{
margin-top: -50px;
}
#bsa-paper-note-3 .bsaProItemInner .bsaFront{
height: 150px;
bottom: 0;
top: auto;
-webkit-box-shadow: 0 -140px 20px -140px rgba(0,0,0,.3);
}
#bsa-paper-note-3 .bsaProItemInner:hover .bsaFront{
height: 70px;
-webkit-box-shadow: 0 -60px 10px -60px rgba(0,0,0,.1);
}
#bsa-paper-note-3 .bsaProItemInner .bsaFront .bsaCircle{
margin-top: -10px;
background-color: #00897b;
background-image: -webkit-linear-gradient(bottom, transparent 75%, #00695c 95%);
background-image: -moz-linear-gradient(bottom, transparent 75%, #00695c 95%);
background-image: linear-gradient(bottom, transparent 75%, #00695c 95%);
}
#bsa-paper-note-3 .bsaProItemInner h3 {
font-weight: 200;
text-align: center;
position: absolute;
width: 110px;
height: 70px;
margin: 65px 0 0 30px;
color: #e0f2f1;
-ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); transition: opacity 50ms linear 400ms;
}
#bsa-paper-note-3 .bsaProItemInner:hover h3 {
opacity: 0;
transition: opacity 50ms linear 300ms;
}
#bsa-paper-note-3 .bsaProItemInner:hover .bsaFront .bsaCircle {
margin-top: -90px;
background-color: #00897b;
background-position: 0 100px;
}
#bsa-paper-note-3 .bsaProItemInner__copy .bsaProItemInner__title {
font-size: 17px;
line-height: 22px;
overflow: hidden;
}
#bsa-paper-note-3 .bsaProItemInner__copy .bsaProItemInner__desc {
font-size: 12px;
line-height: 16px;
margin: 15px 15px 10px;
color: #000;
overflow: hidden;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes owlFadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes owlFadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.owl-bsaFade-in {
-webkit-animation-name: owlFadeIn;
animation-name: owlFadeIn;
-webkit-animation-duration: 1s; animation-duration: 1s;
}
@-webkit-keyframes owlFadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes owlFadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.owl-bsaFade-out {
-webkit-animation-name: owlFadeOut;
animation-name: owlFadeOut;
-webkit-animation-duration: 1s; animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} .animate,.hover-bounce,.hover-flash,.hover-heartbeat,.hover-panic,.hover-pulsate,.hover-pulse,.hover-shakeH,.hover-shakeV,.hover-slingshotCCW,.hover-slingshotCW,.hover-spinCCW,.hover-spinCW,.hover-strobe,.hover-tada,.hover-wave,.hover-wobble,.trigger{opacity:0;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animate.slow-mo,.hover-bounce.slow-mo,.hover-flash.slow-mo,.hover-heartbeat.slow-mo,.hover-panic.slow-mo,.hover-pulsate.slow-mo,.hover-pulse.slow-mo,.hover-shakeH.slow-mo,.hover-shakeV.slow-mo,.hover-slingshotCCW.slow-mo,.hover-slingshotCW.slow-mo,.hover-spinCCW.slow-mo,.hover-spinCW.slow-mo,.hover-strobe.slow-mo,.hover-tada.slow-mo,.hover-wave.slow-mo,.hover-wobble.slow-mo,.trigger.slow-mo{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}.animate.super-slow-mo,.hover-bounce.super-slow-mo,.hover-flash.super-slow-mo,.hover-heartbeat.super-slow-mo,.hover-panic.super-slow-mo,.hover-pulsate.super-slow-mo,.hover-pulse.super-slow-mo,.hover-shakeH.super-slow-mo,.hover-shakeV.super-slow-mo,.hover-slingshotCCW.super-slow-mo,.hover-slingshotCW.super-slow-mo,.hover-spinCCW.super-slow-mo,.hover-spinCW.super-slow-mo,.hover-strobe.super-slow-mo,.hover-tada.super-slow-mo,.hover-wave.super-slow-mo,.hover-wobble.super-slow-mo,.trigger.super-slow-mo{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s}.animate.ultra-slow-mo,.hover-bounce.ultra-slow-mo,.hover-flash.ultra-slow-mo,.hover-heartbeat.ultra-slow-mo,.hover-panic.ultra-slow-mo,.hover-pulsate.ultra-slow-mo,.hover-pulse.ultra-slow-mo,.hover-shakeH.ultra-slow-mo,.hover-shakeV.ultra-slow-mo,.hover-slingshotCCW.ultra-slow-mo,.hover-slingshotCW.ultra-slow-mo,.hover-spinCCW.ultra-slow-mo,.hover-spinCW.ultra-slow-mo,.hover-strobe.ultra-slow-mo,.hover-tada.ultra-slow-mo,.hover-wave.ultra-slow-mo,.hover-wobble.ultra-slow-mo,.trigger.ultra-slow-mo{-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s}.animate.hyper-slow-mo,.hover-bounce.hyper-slow-mo,.hover-flash.hyper-slow-mo,.hover-heartbeat.hyper-slow-mo,.hover-panic.hyper-slow-mo,.hover-pulsate.hyper-slow-mo,.hover-pulse.hyper-slow-mo,.hover-shakeH.hyper-slow-mo,.hover-shakeV.hyper-slow-mo,.hover-slingshotCCW.hyper-slow-mo,.hover-slingshotCW.hyper-slow-mo,.hover-spinCCW.hyper-slow-mo,.hover-spinCW.hyper-slow-mo,.hover-strobe.hyper-slow-mo,.hover-tada.hyper-slow-mo,.hover-wave.hyper-slow-mo,.hover-wobble.hyper-slow-mo,.trigger.hyper-slow-mo{-webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;-o-animation-duration:5s;animation-duration:5s}.hover-bounce,.hover-flash,.hover-heartbeat,.hover-panic,.hover-pulsate,.hover-pulse,.hover-shakeH,.hover-shakeV,.hover-slingshotCCW,.hover-slingshotCW,.hover-spinCCW,.hover-spinCW,.hover-strobe,.hover-tada,.hover-wave,.hover-wobble,.ie .animate,.no-js .animate,.trigger{opacity:1}.animate.infinite,.hover-bounce.infinite,.hover-flash.infinite,.hover-heartbeat.infinite,.hover-panic.infinite,.hover-pulsate.infinite,.hover-pulse.infinite,.hover-shakeH.infinite,.hover-shakeV.infinite,.hover-slingshotCCW.infinite,.hover-slingshotCW.infinite,.hover-spinCCW.infinite,.hover-spinCW.infinite,.hover-strobe.infinite,.hover-tada.infinite,.hover-wave.infinite,.hover-wobble.infinite,.trigger.infinite{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animate.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(200px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(200px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(200px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(200px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(200px)}100%{opacity:1;transform:translateY(0)}}.animate.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-200px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-200px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-200px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-200px)}100%{opacity:1;transform:translateY(0)}}.animate.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-ms-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-200px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-200px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-200px)}100%{opacity:1;-ms-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-200px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-200px)}100%{opacity:1;transform:translateX(0)}}.animate.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(200px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(200px)}100%{opacity:1;-ms-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(200px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(200px)}100%{opacity:1;transform:translateX(0)}}.animate.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpLarge{0%{opacity:0;-webkit-transform:translateY(1000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpLarge{0%{opacity:0;-moz-transform:translateY(1000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInUpLarge{0%{opacity:0;-ms-transform:translateY(1000px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes fadeInUpLarge{0%{opacity:0;-o-transform:translateY(1000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(1000px)}100%{opacity:1;transform:translateY(0)}}.animate.fadeInUpLarge{-webkit-animation-name:fadeInUpLarge;-moz-animation-name:fadeInUpLarge;-ms-animation-name:fadeInUpLarge;-o-animation-name:fadeInUpLarge;animation-name:fadeInUpLarge}@-webkit-keyframes fadeInDownLarge{0%{opacity:0;-webkit-transform:translateY(-1000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownLarge{0%{opacity:0;-moz-transform:translateY(-1000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInDownLarge{0%{opacity:0;-ms-transform:translateY(-1000px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes fadeInDownLarge{0%{opacity:0;-o-transform:translateY(-1000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownLarge{0%{opacity:0;transform:translateY(-1000px)}100%{opacity:1;transform:translateY(0)}}.animate.fadeInDownLarge{-webkit-animation-name:fadeInDownLarge;-moz-animation-name:fadeInDownLarge;-ms-animation-name:fadeInDownLarge;-o-animation-name:fadeInDownLarge;animation-name:fadeInDownLarge}@-webkit-keyframes fadeInLeftLarge{0%{opacity:0;-webkit-transform:translateX(-1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftLarge{0%{opacity:0;-moz-transform:translateX(-1000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeftLarge{0%{opacity:0;-ms-transform:translateX(-1000px)}100%{opacity:1;-ms-transform:translateX(0)}}@-o-keyframes fadeInLeftLarge{0%{opacity:0;-o-transform:translateX(-1000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftLarge{0%{opacity:0;transform:translateX(-1000px)}100%{opacity:1;transform:translateX(0)}}.animate.fadeInLeftLarge{-webkit-animation-name:fadeInLeftLarge;-moz-animation-name:fadeInLeftLarge;-ms-animation-name:fadeInLeftLarge;-o-animation-name:fadeInLeftLarge;animation-name:fadeInLeftLarge}@-webkit-keyframes fadeInRightLarge{0%{opacity:0;-webkit-transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightLarge{0%{opacity:0;-moz-transform:translateX(1000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInRightLarge{0%{opacity:0;-ms-transform:translateX(1000px)}100%{opacity:1;-ms-transform:translateX(0)}}@-o-keyframes fadeInRightLarge{0%{opacity:0;-o-transform:translateX(1000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightLarge{0%{opacity:0;transform:translateX(1000px)}100%{opacity:1;transform:translateX(0)}}.animate.fadeInRightLarge{-webkit-animation-name:fadeInRightLarge;-moz-animation-name:fadeInRightLarge;-ms-animation-name:fadeInRightLarge;-o-animation-name:fadeInRightLarge;animation-name:fadeInRightLarge}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animate.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-ms-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-200px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-200px)}}@-ms-keyframes fadeOutUp{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-200px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-200px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-200px)}}.animate.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-ms-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(200px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(200px)}}@-ms-keyframes fadeOutDown{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(200px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(200px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(200px)}}.animate.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-ms-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:0;-webkit-transform:translateX(0)}100%{opacity:1;-webkit-transform:translateX(-200px)}}@-moz-keyframes fadeOutLeft{0%{opacity:0;-moz-transform:translateX(0)}100%{opacity:1;-moz-transform:translateX(-200px)}}@-ms-keyframes fadeOutLeft{0%{opacity:0;-ms-transform:translateX(0)}100%{opacity:1;-ms-transform:translateX(-200px)}}@-o-keyframes fadeOutLeft{0%{opacity:0;-o-transform:translateX(0)}100%{opacity:1;-o-transform:translateX(-200px)}}@keyframes fadeOutLeft{0%{opacity:0;transform:translateX(0)}100%{opacity:1;transform:translateX(-200px)}}.animate.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-ms-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:0;-webkit-transform:translateX(0)}100%{opacity:1;-webkit-transform:translateX(200px)}}@-moz-keyframes fadeOutRight{0%{opacity:0;-moz-transform:translateX(0)}100%{opacity:1;-moz-transform:translateX(200px)}}@-ms-keyframes fadeOutRight{0%{opacity:0;-ms-transform:translateX(0)}100%{opacity:1;-ms-transform:translateX(200px)}}@-o-keyframes fadeOutRight{0%{opacity:0;-o-transform:translateX(0)}100%{opacity:1;-o-transform:translateX(200px)}}@keyframes fadeOutRight{0%{opacity:0;transform:translateX(0)}100%{opacity:1;transform:translateX(200px)}}.animate.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-ms-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpLarge{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-1000px)}}@-moz-keyframes fadeOutUpLarge{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-1000px)}}@-ms-keyframes fadeOutUpLarge{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-1000px)}}@-o-keyframes fadeOutUpLarge{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-1000px)}}@keyframes fadeOutUpLarge{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-1000px)}}.animate.fadeOutUpLarge{-webkit-animation-name:fadeOutUpLarge;-moz-animation-name:fadeOutUpLarge;-ms-animation-name:fadeOutUpLarge;-o-animation-name:fadeOutUpLarge;animation-name:fadeOutUpLarge}@-webkit-keyframes fadeOutDownLarge{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(1000px)}}@-moz-keyframes fadeOutDownLarge{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(1000px)}}@-ms-keyframes fadeOutDownLarge{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(1000px)}}@-o-keyframes fadeOutDownLarge{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(1000px)}}@keyframes fadeOutDownLarge{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(1000px)}}.animate.fadeOutDownLarge{-webkit-animation-name:fadeOutDownLarge;-moz-animation-name:fadeOutDownLarge;-ms-animation-name:fadeOutDownLarge;-o-animation-name:fadeOutDownLarge;animation-name:fadeOutDownLarge}@-webkit-keyframes fadeOutLeftLarge{0%{opacity:0;-webkit-transform:translateX(0)}100%{opacity:1;-webkit-transform:translateX(-1000px)}}@-moz-keyframes fadeOutLeftLarge{0%{opacity:0;-moz-transform:translateX(0)}100%{opacity:1;-moz-transform:translateX(-1000px)}}@-ms-keyframes fadeOutLeftLarge{0%{opacity:0;-ms-transform:translateX(0)}100%{opacity:1;-ms-transform:translateX(-1000px)}}@-o-keyframes fadeOutLeftLarge{0%{opacity:0;-o-transform:translateX(0)}100%{opacity:1;-o-transform:translateX(-1000px)}}@keyframes fadeOutLeftLarge{0%{opacity:0;transform:translateX(0)}100%{opacity:1;transform:translateX(-1000px)}}.animate.fadeOutLeftLarge{-webkit-animation-name:fadeOutLeftLarge;-moz-animation-name:fadeOutLeftLarge;-ms-animation-name:fadeOutLeftLarge;-o-animation-name:fadeOutLeftLarge;animation-name:fadeOutLeftLarge}@-webkit-keyframes fadeOutRightLarge{0%{opacity:0;-webkit-transform:translateX(0)}100%{opacity:1;-webkit-transform:translateX(1000px)}}@-moz-keyframes fadeOutRightLarge{0%{opacity:0;-moz-transform:translateX(0)}100%{opacity:1;-moz-transform:translateX(1000px)}}@-ms-keyframes fadeOutRightLarge{0%{opacity:0;-ms-transform:translateX(0)}100%{opacity:1;-ms-transform:translateX(1000px)}}@-o-keyframes fadeOutRightLarge{0%{opacity:0;-o-transform:translateX(0)}100%{opacity:1;-o-transform:translateX(1000px)}}@keyframes fadeOutRightLarge{0%{opacity:0;transform:translateX(0)}100%{opacity:1;transform:translateX(1000px)}}.animate.fadeOutRightLarge{-webkit-animation-name:fadeOutRightLarge;-moz-animation-name:fadeOutRightLarge;-ms-animation-name:fadeOutRightLarge;-o-animation-name:fadeOutRightLarge;animation-name:fadeOutRightLarge}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes zoomIn{0%{opacity:0;-moz-transform:scale(0)}100%{opacity:1;-moz-transform:scale(1)}}@-ms-keyframes zoomIn{0%{opacity:0;-ms-transform:scale(0)}100%{opacity:1;-ms-transform:scale(1)}}@-o-keyframes zoomIn{0%{opacity:0;-o-transform:scale(0)}100%{opacity:1;-o-transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.animate.zoomIn{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;-ms-animation-name:zoomIn;-o-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0) translateY(200px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@-moz-keyframes zoomInUp{0%{opacity:0;-moz-transform:scale(0) translateY(200px)}100%{opacity:1;-moz-transform:scale(1) translateY(0)}}@-ms-keyframes zoomInUp{0%{opacity:0;-ms-transform:scale(0) translateY(200px)}100%{opacity:1;-ms-transform:scale(1) translateY(0)}}@-o-keyframes zoomInUp{0%{opacity:0;-o-transform:scale(0) translateY(200px)}100%{opacity:1;-o-transform:scale(1) translateY(0)}}@keyframes zoomInUp{0%{opacity:0;transform:scale(0) translateY(200px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate.zoomInUp{-webkit-animation-name:zoomInUp;-moz-animation-name:zoomInUp;-ms-animation-name:zoomInUp;-o-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0) translateY(-200px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@-moz-keyframes zoomInDown{0%{opacity:0;-moz-transform:scale(0) translateY(-200px)}100%{opacity:1;-moz-transform:scale(1) translateY(0)}}@-ms-keyframes zoomInDown{0%{opacity:0;-ms-transform:scale(0) translateY(-200px)}100%{opacity:1;-ms-transform:scale(1) translateY(0)}}@-o-keyframes zoomInDown{0%{opacity:0;-o-transform:scale(0) translateY(-200px)}100%{opacity:1;-o-transform:scale(1) translateY(0)}}@keyframes zoomInDown{0%{opacity:0;transform:scale(0) translateY(-200px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate.zoomInDown{-webkit-animation-name:zoomInDown;-moz-animation-name:zoomInDown;-ms-animation-name:zoomInDown;-o-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(0) translateX(-200px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@-moz-keyframes zoomInLeft{0%{opacity:0;-moz-transform:scale(0) translateX(-200px)}100%{opacity:1;-moz-transform:scale(1) translateX(0)}}@-ms-keyframes zoomInLeft{0%{opacity:0;-ms-transform:scale(0) translateX(-200px)}100%{opacity:1;-ms-transform:scale(1) translateX(0)}}@-o-keyframes zoomInLeft{0%{opacity:0;-o-transform:scale(0) translateX(-200px)}100%{opacity:1;-o-transform:scale(1) translateX(0)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale(0) translateX(-200px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animate.zoomInLeft{-webkit-animation-name:zoomInLeft;-moz-animation-name:zoomInLeft;-ms-animation-name:zoomInLeft;-o-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(0) translateX(200px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@-moz-keyframes zoomInRight{0%{opacity:0;-moz-transform:scale(0) translateX(200px)}100%{opacity:1;-moz-transform:scale(1) translateX(0)}}@-ms-keyframes zoomInRight{0%{opacity:0;-ms-transform:scale(0) translateX(200px)}100%{opacity:1;-ms-transform:scale(1) translateX(0)}}@-o-keyframes zoomInRight{0%{opacity:0;-o-transform:scale(0) translateX(200px)}100%{opacity:1;-o-transform:scale(1) translateX(0)}}@keyframes zoomInRight{0%{opacity:0;transform:scale(0) translateX(200px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animate.zoomInRight{-webkit-animation-name:zoomInRight;-moz-animation-name:zoomInRight;-ms-animation-name:zoomInRight;-o-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUpLarge{0%{opacity:0;-webkit-transform:scale(0) translateY(1000px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@-moz-keyframes zoomInUpLarge{0%{opacity:0;-moz-transform:scale(0) translateY(1000px)}100%{opacity:1;-moz-transform:scale(1) translateY(0)}}@-ms-keyframes zoomInUpLarge{0%{opacity:0;-ms-transform:scale(0) translateY(1000px)}100%{opacity:1;-ms-transform:scale(1) translateY(0)}}@-o-keyframes zoomInUpLarge{0%{opacity:0;-o-transform:scale(0) translateY(1000px)}100%{opacity:1;-o-transform:scale(1) translateY(0)}}@keyframes zoomInUpLarge{0%{opacity:0;transform:scale(0) translateY(1000px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate.zoomInUpLarge{-webkit-animation-name:zoomInUpLarge;-moz-animation-name:zoomInUpLarge;-ms-animation-name:zoomInUpLarge;-o-animation-name:zoomInUpLarge;animation-name:zoomInUpLarge}@-webkit-keyframes zoomInDownLarge{0%{opacity:0;-webkit-transform:scale(0) translateY(-1000px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@-moz-keyframes zoomInDownLarge{0%{opacity:0;-moz-transform:scale(0) translateY(-1000px)}100%{opacity:1;-moz-transform:scale(1) translateY(0)}}@-ms-keyframes zoomInDownLarge{0%{opacity:0;-ms-transform:scale(0) translateY(-1000px)}100%{opacity:1;-ms-transform:scale(1) translateY(0)}}@-o-keyframes zoomInDownLarge{0%{opacity:0;-o-transform:scale(0) translateY(-1000px)}100%{opacity:1;-o-transform:scale(1) translateY(0)}}@keyframes zoomInDownLarge{0%{opacity:0;transform:scale(0) translateY(-1000px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate.zoomInDownLarge{-webkit-animation-name:zoomInDownLarge;-moz-animation-name:zoomInDownLarge;-ms-animation-name:zoomInDownLarge;-o-animation-name:zoomInDownLarge;animation-name:zoomInDownLarge}@-webkit-keyframes zoomInLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(-1000px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@-moz-keyframes zoomInLeftLarge{0%{opacity:0;-moz-transform:scale(0) translateX(-1000px)}100%{opacity:1;-moz-transform:scale(1) translateX(0)}}@-ms-keyframes zoomInLeftLarge{0%{opacity:0;-ms-transform:scale(0) translateX(-1000px)}100%{opacity:1;-ms-transform:scale(1) translateX(0)}}@-o-keyframes zoomInLeftLarge{0%{opacity:0;-o-transform:scale(0) translateX(-1000px)}100%{opacity:1;-o-transform:scale(1) translateX(0)}}@keyframes zoomInLeftLarge{0%{opacity:0;transform:scale(0) translateX(-1000px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animate.zoomInLeftLarge{-webkit-animation-name:zoomInLeftLarge;-moz-animation-name:zoomInLeftLarge;-ms-animation-name:zoomInLeftLarge;-o-animation-name:zoomInLeftLarge;animation-name:zoomInLeftLarge}@-webkit-keyframes zoomInRightLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(1000px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@-moz-keyframes zoomInRightLarge{0%{opacity:0;-moz-transform:scale(0) translateX(1000px)}100%{opacity:1;-moz-transform:scale(1) translateX(0)}}@-ms-keyframes zoomInRightLarge{0%{opacity:0;-ms-transform:scale(0) translateX(1000px)}100%{opacity:1;-ms-transform:scale(1) translateX(0)}}@-o-keyframes zoomInRightLarge{0%{opacity:0;-o-transform:scale(0) translateX(1000px)}100%{opacity:1;-o-transform:scale(1) translateX(0)}}@keyframes zoomInRightLarge{0%{opacity:0;transform:scale(0) translateX(1000px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animate.zoomInRightLarge{-webkit-animation-name:zoomInRightLarge;-moz-animation-name:zoomInRightLarge;-ms-animation-name:zoomInRightLarge;-o-animation-name:zoomInRightLarge;animation-name:zoomInRightLarge}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0)}}@-moz-keyframes zoomOut{0%{opacity:1;-moz-transform:scale(1)}100%{opacity:0;-moz-transform:scale(0)}}@-ms-keyframes zoomOut{0%{opacity:1;-ms-transform:scale(1)}100%{opacity:0;-ms-transform:scale(0)}}@-o-keyframes zoomOut{0%{opacity:1;-o-transform:scale(1)}100%{opacity:0;-o-transform:scale(0)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}.animate.zoomOut{-webkit-animation-name:zoomOut;-moz-animation-name:zoomOut;-ms-animation-name:zoomOut;-o-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutUp{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(-200px)}}@-moz-keyframes zoomOutUp{0%{opacity:1;-moz-transform:scale(1) translateY(0)}100%{opacity:0;-moz-transform:scale(0) translateY(-200px)}}@-ms-keyframes zoomOutUp{0%{opacity:1;-ms-transform:scale(1) translateY(0)}100%{opacity:0;-ms-transform:scale(0) translateY(-200px)}}@-o-keyframes zoomOutUp{0%{opacity:1;-o-transform:scale(1) translateY(0)}100%{opacity:0;-o-transform:scale(0) translateY(-200px)}}@keyframes zoomOutUp{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(-200px)}}.animate.zoomOutUp{-webkit-animation-name:zoomOutUp;-moz-animation-name:zoomOutUp;-ms-animation-name:zoomOutUp;-o-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes zoomOutDown{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(200px)}}@-moz-keyframes zoomOutDown{0%{opacity:1;-moz-transform:scale(1) translateY(0)}100%{opacity:0;-moz-transform:scale(0) translateY(200px)}}@-ms-keyframes zoomOutDown{0%{opacity:1;-ms-transform:scale(1) translateY(0)}100%{opacity:0;-ms-transform:scale(0) translateY(200px)}}@-o-keyframes zoomOutDown{0%{opacity:1;-o-transform:scale(1) translateY(0)}100%{opacity:0;-o-transform:scale(0) translateY(200px)}}@keyframes zoomOutDown{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(200px)}}.animate.zoomOutDown{-webkit-animation-name:zoomOutDown;-moz-animation-name:zoomOutDown;-ms-animation-name:zoomOutDown;-o-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{0%{opacity:0;-webkit-transform:scale(0) translateX(0)}100%{opacity:1;-webkit-transform:scale(1) translateX(-200px)}}@-moz-keyframes zoomOutLeft{0%{opacity:0;-moz-transform:scale(0) translateX(0)}100%{opacity:1;-moz-transform:scale(1) translateX(-200px)}}@-ms-keyframes zoomOutLeft{0%{opacity:0;-ms-transform:scale(0) translateX(0)}100%{opacity:1;-ms-transform:scale(1) translateX(-200px)}}@-o-keyframes zoomOutLeft{0%{opacity:0;-o-transform:scale(0) translateX(0)}100%{opacity:1;-o-transform:scale(1) translateX(-200px)}}@keyframes zoomOutLeft{0%{opacity:0;transform:scale(0) translateX(0)}100%{opacity:1;transform:scale(1) translateX(-200px)}}.animate.zoomOutLeft{-webkit-animation-name:zoomOutLeft;-moz-animation-name:zoomOutLeft;-ms-animation-name:zoomOutLeft;-o-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{0%{opacity:0;-webkit-transform:scale(0) translateX(0)}100%{opacity:1;-webkit-transform:scale(1) translateX(200px)}}@-moz-keyframes zoomOutRight{0%{opacity:0;-moz-transform:scale(0) translateX(0)}100%{opacity:1;-moz-transform:scale(1) translateX(200px)}}@-ms-keyframes zoomOutRight{0%{opacity:0;-ms-transform:scale(0) translateX(0)}100%{opacity:1;-ms-transform:scale(1) translateX(200px)}}@-o-keyframes zoomOutRight{0%{opacity:0;-o-transform:scale(0) translateX(0)}100%{opacity:1;-o-transform:scale(1) translateX(200px)}}@keyframes zoomOutRight{0%{opacity:0;transform:scale(0) translateX(0)}100%{opacity:1;transform:scale(1) translateX(200px)}}.animate.zoomOutRight{-webkit-animation-name:zoomOutRight;-moz-animation-name:zoomOutRight;-ms-animation-name:zoomOutRight;-o-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUpLarge{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(-1000px)}}@-moz-keyframes zoomOutUpLarge{0%{opacity:1;-moz-transform:scale(1) translateY(0)}100%{opacity:0;-moz-transform:scale(0) translateY(-1000px)}}@-ms-keyframes zoomOutUpLarge{0%{opacity:1;-ms-transform:scale(1) translateY(0)}100%{opacity:0;-ms-transform:scale(0) translateY(-1000px)}}@-o-keyframes zoomOutUpLarge{0%{opacity:1;-o-transform:scale(1) translateY(0)}100%{opacity:0;-o-transform:scale(0) translateY(-1000px)}}@keyframes zoomOutUpLarge{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(-1000px)}}.animate.zoomOutUpLarge{-webkit-animation-name:zoomOutUpLarge;-moz-animation-name:zoomOutUpLarge;-ms-animation-name:zoomOutUpLarge;-o-animation-name:zoomOutUpLarge;animation-name:zoomOutUpLarge}@-webkit-keyframes zoomOutDownLarge{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(1000px)}}@-moz-keyframes zoomOutDownLarge{0%{opacity:1;-moz-transform:scale(1) translateY(0)}100%{opacity:0;-moz-transform:scale(0) translateY(1000px)}}@-ms-keyframes zoomOutDownLarge{0%{opacity:1;-ms-transform:scale(1) translateY(0)}100%{opacity:0;-ms-transform:scale(0) translateY(1000px)}}@-o-keyframes zoomOutDownLarge{0%{opacity:1;-o-transform:scale(1) translateY(0)}100%{opacity:0;-o-transform:scale(0) translateY(1000px)}}@keyframes zoomOutDownLarge{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(1000px)}}.animate.zoomOutDownLarge{-webkit-animation-name:zoomOutDownLarge;-moz-animation-name:zoomOutDownLarge;-ms-animation-name:zoomOutDownLarge;-o-animation-name:zoomOutDownLarge;animation-name:zoomOutDownLarge}@-webkit-keyframes zoomOutLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(0)}100%{opacity:1;-webkit-transform:scale(1) translateX(-1000px)}}@-moz-keyframes zoomOutLeftLarge{0%{opacity:0;-moz-transform:scale(0) translateX(0)}100%{opacity:1;-moz-transform:scale(1) translateX(-1000px)}}@-ms-keyframes zoomOutLeftLarge{0%{opacity:0;-ms-transform:scale(0) translateX(0)}100%{opacity:1;-ms-transform:scale(1) translateX(-1000px)}}@-o-keyframes zoomOutLeftLarge{0%{opacity:0;-o-transform:scale(0) translateX(0)}100%{opacity:1;-o-transform:scale(1) translateX(-1000px)}}@keyframes zoomOutLeftLarge{0%{opacity:0;transform:scale(0) translateX(0)}100%{opacity:1;transform:scale(1) translateX(-1000px)}}.animate.zoomOutLeftLarge{-webkit-animation-name:zoomOutLeftLarge;-moz-animation-name:zoomOutLeftLarge;-ms-animation-name:zoomOutLeftLarge;-o-animation-name:zoomOutLeftLarge;animation-name:zoomOutLeftLarge}@-webkit-keyframes zoomOutRightLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(0)}100%{opacity:1;-webkit-transform:scale(1) translateX(1000px)}}@-moz-keyframes zoomOutRightLarge{0%{opacity:0;-moz-transform:scale(0) translateX(0)}100%{opacity:1;-moz-transform:scale(1) translateX(1000px)}}@-ms-keyframes zoomOutRightLarge{0%{opacity:0;-ms-transform:scale(0) translateX(0)}100%{opacity:1;-ms-transform:scale(1) translateX(1000px)}}@-o-keyframes zoomOutRightLarge{0%{opacity:0;-o-transform:scale(0) translateX(0)}100%{opacity:1;-o-transform:scale(1) translateX(1000px)}}@keyframes zoomOutRightLarge{0%{opacity:0;transform:scale(0) translateX(0)}100%{opacity:1;transform:scale(1) translateX(1000px)}}.animate.zoomOutRightLarge{-webkit-animation-name:zoomOutRightLarge;-moz-animation-name:zoomOutRightLarge;-ms-animation-name:zoomOutRightLarge;-o-animation-name:zoomOutRightLarge;animation-name:zoomOutRightLarge}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0)}50%{opacity:1;-webkit-transform:scale(1.1)}70%{opacity:1;-webkit-transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0)}50%{opacity:1;-moz-transform:scale(1.1)}70%{opacity:1;-moz-transform:scale(.9)}100%{opacity:1;-moz-transform:scale(1)}}@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(0)}50%{opacity:1;-ms-transform:scale(1.1)}70%{opacity:1;-ms-transform:scale(.9)}100%{opacity:1;-ms-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0)}50%{opacity:1;-o-transform:scale(1.1)}70%{opacity:1;-o-transform:scale(.9)}100%{opacity:1;-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.animate.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-ms-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:scale(0) translateY(200px)}60%{opacity:1;-webkit-transform:scale(1.1) translateY(-40px)}80%{opacity:1;-webkit-transform:scale(.9) translateY(20px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:scale(0) translateY(200px)}60%{opacity:1;-moz-transform:scale(1.1) translateY(-40px)}80%{opacity:1;-moz-transform:scale(.9) translateY(20px)}100%{opacity:1;-moz-transform:scale(1) translateY(0)}}@-ms-keyframes bounceInUp{0%{opacity:0;-ms-transform:scale(0) translateY(200px)}60%{opacity:1;-ms-transform:scale(1.1) translateY(-40px)}80%{opacity:1;-ms-transform:scale(.9) translateY(20px)}100%{opacity:1;-ms-transform:scale(1) translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:scale(0) translateY(200px)}60%{opacity:1;-o-transform:scale(1.1) translateY(-40px)}80%{opacity:1;-o-transform:scale(.9) translateY(20px)}100%{opacity:1;-o-transform:scale(1) translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:scale(0) translateY(200px)}60%{opacity:1;transform:scale(1.1) translateY(-40px)}80%{opacity:1;transform:scale(.9) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-ms-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:scale(0) translateY(-200px)}60%{opacity:1;-webkit-transform:scale(1.1) translateY(40px)}80%{opacity:1;-webkit-transform:scale(.9) translateY(-20px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:scale(0) translateY(-200px)}60%{opacity:1;-moz-transform:scale(1.1) translateY(40px)}80%{opacity:1;-moz-transform:scale(.9) translateY(-20px)}100%{opacity:1;-moz-transform:scale(1) translateY(0)}}@-ms-keyframes bounceInDown{0%{opacity:0;-ms-transform:scale(0) translateY(-200px)}60%{opacity:1;-ms-transform:scale(1.1) translateY(40px)}80%{opacity:1;-ms-transform:scale(.9) translateY(-20px)}100%{opacity:1;-ms-transform:scale(1) translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:scale(0) translateY(-200px)}60%{opacity:1;-o-transform:scale(1.1) translateY(40px)}80%{opacity:1;-o-transform:scale(.9) translateY(-20px)}100%{opacity:1;-o-transform:scale(1) translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:scale(0) translateY(-200px)}60%{opacity:1;transform:scale(1.1) translateY(40px)}80%{opacity:1;transform:scale(.9) translateY(-20px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animate.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-ms-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:scale(0) translateX(-200px)}60%{opacity:1;-webkit-transform:scale(1.1) translateX(40px)}80%{opacity:1;-webkit-transform:scale(.9) translateX(-20px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:scale(0) translateX(-200px)}60%{opacity:1;-moz-transform:scale(1.1) translateX(40px)}80%{opacity:1;-moz-transform:scale(.9) translateX(-20px)}100%{opacity:1;-moz-transform:scale(1) translateX(0)}}@-ms-keyframes bounceInLeft{0%{opacity:0;-ms-transform:scale(0) translateX(-200px)}60%{opacity:1;-ms-transform:scale(1.1) translateX(40px)}80%{opacity:1;-ms-transform:scale(.9) translateX(-20px)}100%{opacity:1;-ms-transform:scale(1) translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:scale(0) translateX(-200px)}60%{opacity:1;-o-transform:scale(1.1) translateX(40px)}80%{opacity:1;-o-transform:scale(.9) translateX(-20px)}100%{opacity:1;-o-transform:scale(1) translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:scale(0) translateX(-200px)}60%{opacity:1;transform:scale(1.1) translateX(40px)}80%{opacity:1;transform:scale(.9) translateX(-20px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animate.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-ms-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:scale(0) translateX(200px)}60%{opacity:1;-webkit-transform:scale(1.1) translateX(-40px)}80%{opacity:1;-webkit-transform:scale(.9) translateX(20px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:scale(0) translateX(200px)}60%{opacity:1;-moz-transform:scale(1.1) translateX(-40px)}80%{opacity:1;-moz-transform:scale(.9) translateX(20px)}100%{opacity:1;-moz-transform:scale(1) translateX(0)}}@-ms-keyframes bounceInRight{0%{opacity:0;-ms-transform:scale(0) translateX(200px)}60%{opacity:1;-ms-transform:scale(1.1) translateX(-40px)}80%{opacity:1;-ms-transform:scale(.9) translateX(20px)}100%{opacity:1;-ms-transform:scale(1) translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:scale(0) translateX(200px)}60%{opacity:1;-o-transform:scale(1.1) translateX(-40px)}80%{opacity:1;-o-transform:scale(.9) translateX(20px)}100%{opacity:1;-o-transform:scale(1) translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:scale(0) translateX(200px)}60%{opacity:1;transform:scale(1.1) translateX(-40px)}80%{opacity:1;transform:scale(.9) translateX(20px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animate.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-ms-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{opacity:1;-webkit-transform:scale(1)}30%{opacity:1;-webkit-transform:scale(1.1)}50%{opacity:0;-webkit-transform:scale(.9)}100%{opacity:0;-webkit-transform:scale(0)}}@-moz-keyframes bounceOut{0%{opacity:1;-moz-transform:scale(1)}30%{opacity:1;-moz-transform:scale(1.1)}50%{opacity:0;-moz-transform:scale(.9)}100%{opacity:0;-moz-transform:scale(0)}}@-ms-keyframes bounceOut{0%{opacity:1;-ms-transform:scale(1)}30%{opacity:1;-ms-transform:scale(1.1)}50%{opacity:0;-ms-transform:scale(.9)}100%{opacity:0;-ms-transform:scale(0)}}@-o-keyframes bounceOut{0%{opacity:1;-o-transform:scale(1)}30%{opacity:1;-o-transform:scale(1.1)}50%{opacity:0;-o-transform:scale(.9)}100%{opacity:0;-o-transform:scale(0)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}50%{opacity:0;transform:scale(.9)}100%{opacity:0;transform:scale(0)}}.animate.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-ms-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(40px)}100%{opacity:0;-webkit-transform:translateY(-200px)}}@-moz-keyframes bounceOutUp{0%{opacity:1;-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(40px)}100%{opacity:0;-moz-transform:translateY(-200px)}}@-ms-keyframes bounceOutUp{0%{opacity:1;-ms-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(40px)}100%{opacity:0;-ms-transform:translateY(-200px)}}@-o-keyframes bounceOutUp{0%{opacity:1;-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(40px)}100%{opacity:0;-o-transform:translateY(-200px)}}@keyframes bounceOutUp{0%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(-200px)}}.animate.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-ms-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-40px)}100%{opacity:0;-webkit-transform:translateY(200px)}}@-moz-keyframes bounceOutDown{0%{opacity:1;-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-40px)}100%{opacity:0;-moz-transform:translateY(200px)}}@-ms-keyframes bounceOutDown{0%{opacity:1;-ms-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(-40px)}100%{opacity:0;-ms-transform:translateY(200px)}}@-o-keyframes bounceOutDown{0%{opacity:1;-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-40px)}100%{opacity:0;-o-transform:translateY(200px)}}@keyframes bounceOutDown{0%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(-40px)}100%{opacity:0;transform:translateY(200px)}}.animate.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-ms-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(40px)}100%{opacity:0;-webkit-transform:translateX(-200px)}}@-moz-keyframes bounceOutLeft{0%{opacity:1;-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(40px)}100%{opacity:0;-moz-transform:translateX(-200px)}}@-ms-keyframes bounceOutLeft{0%{opacity:1;-ms-transform:translateX(0)}20%{opacity:1;-ms-transform:translateX(40px)}100%{opacity:0;-ms-transform:translateX(-200px)}}@-o-keyframes bounceOutLeft{0%{opacity:1;-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(40px)}100%{opacity:0;-o-transform:translateX(-200px)}}@keyframes bounceOutLeft{0%{opacity:1;transform:translateX(0)}20%{opacity:1;transform:translateX(40px)}100%{opacity:0;transform:translateX(-200px)}}.animate.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-ms-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{opacity:1;-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-40px)}100%{opacity:0;-webkit-transform:translateX(200px)}}@-moz-keyframes bounceOutRight{0%{opacity:1;-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-40px)}100%{opacity:0;-moz-transform:translateX(200px)}}@-ms-keyframes bounceOutRight{0%{opacity:1;-ms-transform:translateX(0)}20%{opacity:1;-ms-transform:translateX(-40px)}100%{opacity:0;-ms-transform:translateX(200px)}}@-o-keyframes bounceOutRight{0%{opacity:1;-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-40px)}100%{opacity:0;-o-transform:translateX(200px)}}@keyframes bounceOutRight{0%{opacity:1;transform:translateX(0)}20%{opacity:1;transform:translateX(-40px)}100%{opacity:0;transform:translateX(200px)}}.animate.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-ms-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-ms-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.hover-flash:hover,.trigger.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}@-moz-keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}@-ms-keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}@-o-keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}@keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}.hover-strobe:hover,.trigger.strobe{-webkit-animation-name:strobe;-moz-animation-name:strobe;-ms-animation-name:strobe;-o-animation-name:strobe;animation-name:strobe}@-webkit-keyframes shakeH{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shakeH{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-ms-keyframes shakeH{0%,100%{-ms-transform:translateX(0)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(10px)}}@-o-keyframes shakeH{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shakeH{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.hover-shakeH:hover,.trigger.shakeH{-webkit-animation-name:shakeH;-moz-animation-name:shakeH;-ms-animation-name:shakeH;-o-animation-name:shakeH;animation-name:shakeH}@-webkit-keyframes shakeV{0%,100%{-webkit-transform:translateY(0)}10%,30%,50%,70%,90%{-webkit-transform:translateY(-10px)}20%,40%,60%,80%{-webkit-transform:translateY(10px)}}@-moz-keyframes shakeV{0%,100%{-moz-transform:translateY(0)}10%,30%,50%,70%,90%{-moz-transform:translateY(-10px)}20%,40%,60%,80%{-moz-transform:translateY(10px)}}@-ms-keyframes shakeV{0%,100%{-ms-transform:translateY(0)}10%,30%,50%,70%,90%{-ms-transform:translateY(-10px)}20%,40%,60%,80%{-ms-transform:translateY(10px)}}@-o-keyframes shakeV{0%,100%{-o-transform:translateY(0)}10%,30%,50%,70%,90%{-o-transform:translateY(-10px)}20%,40%,60%,80%{-o-transform:translateY(10px)}}@keyframes shakeV{0%,100%{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.hover-shakeV:hover,.trigger.shakeV{-webkit-animation-name:shakeV;-moz-animation-name:shakeV;-ms-animation-name:shakeV;-o-animation-name:shakeV;animation-name:shakeV}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-ms-keyframes bounce{0%,100%,20%,50%,80%{-ms-transform:translateY(0)}40%{-ms-transform:translateY(-30px)}60%{-ms-transform:translateY(-15px)}}@-o-keyframes bounce{0%,100%,20%,50%,80%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.hover-bounce:hover,.trigger.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%,100%{-webkit-transform:scale(1) rotate(0)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}}@-moz-keyframes tada{0%,100%{-moz-transform:scale(1) rotate(0)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}}@-ms-keyframes tada{0%,100%{-ms-transform:scale(1) rotate(0)}10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}}@-o-keyframes tada{0%,100%{-o-transform:scale(1) rotate(0)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}}@keyframes tada{0%,100%{transform:scale(1) rotate(0)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}.hover-tada:hover,.trigger.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-ms-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes wave{20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes wave{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-ms-keyframes wave{20%{-ms-transform:rotate(15deg)}40%{-ms-transform:rotate(-10deg)}60%{-ms-transform:rotate(5deg)}80%{-ms-transform:rotate(-5deg)}100%{-ms-transform:rotate(0deg)}}@-o-keyframes wave{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes wave{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.hover-wave:hover{-webkit-animation-name:wave;-moz-animation-name:wave;-ms-animation-name:wave;-o-animation-name:wave;animation-name:wave}@-webkit-keyframes spinCW{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinCW{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spinCW{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes spinCW{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@keyframes spinCW{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hover-spinCW:hover,.trigger.spinCW{-webkit-animation-name:spinCW;-moz-animation-name:spinCW;-ms-animation-name:spinCW;-o-animation-name:spinCW;animation-name:spinCW}@-webkit-keyframes spinCCW{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes spinCCW{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}@-ms-keyframes spinCCW{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-360deg)}}@-o-keyframes spinCCW{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(-360deg)}}@keyframes spinCCW{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.hover-spinCCW:hover,.trigger.spinCCW{-webkit-animation-name:spinCCW;-moz-animation-name:spinCCW;-ms-animation-name:spinCCW;-o-animation-name:spinCCW;animation-name:spinCCW}@-webkit-keyframes slingshotCW{0%{-webkit-transform:rotate(0deg)}20%,30%{-webkit-transform:rotate(-45deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes slingshotCW{0%{-moz-transform:rotate(0deg)}20%,30%{-moz-transform:rotate(-45deg)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes slingshotCW{0%{-ms-transform:rotate(0deg)}20%,30%{-ms-transform:rotate(-45deg)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes slingshotCW{0%{-o-transform:rotate(0deg)}20%,30%{-o-transform:rotate(-45deg)}100%{-o-transform:rotate(360deg)}}@keyframes slingshotCW{0%{transform:rotate(0deg)}20%,30%{transform:rotate(-45deg)}100%{transform:rotate(360deg)}}.hover-slingshotCW:hover,.trigger.slingshotCW{-webkit-animation-name:slingshotCW;-moz-animation-name:slingshotCW;-ms-animation-name:slingshotCW;-o-animation-name:slingshotCW;animation-name:slingshotCW}@-webkit-keyframes slingshotCCW{0%{-webkit-transform:rotate(0deg)}20%,30%{-webkit-transform:rotate(45deg)}100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes slingshotCCW{0%{-moz-transform:rotate(0deg)}20%,30%{-moz-transform:rotate(45deg)}100%{-moz-transform:rotate(-360deg)}}@-ms-keyframes slingshotCCW{0%{-ms-transform:rotate(0deg)}20%,30%{-ms-transform:rotate(45deg)}100%{-ms-transform:rotate(-360deg)}}@-o-keyframes slingshotCCW{0%{-o-transform:rotate(0deg)}20%,30%{-o-transform:rotate(45deg)}100%{-o-transform:rotate(-360deg)}}@keyframes slingshotCCW{0%{transform:rotate(0deg)}20%,30%{transform:rotate(45deg)}100%{transform:rotate(-360deg)}}.hover-slingshotCCW:hover,.trigger.slingshotCCW{-webkit-animation-name:slingshotCCW;-moz-animation-name:slingshotCCW;-ms-animation-name:slingshotCCW;-o-animation-name:slingshotCCW;animation-name:slingshotCCW}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0px)}15%{-webkit-transform:translateX(-25px) rotate(-5deg)}30%{-webkit-transform:translateX(20px) rotate(3deg)}45%{-webkit-transform:translateX(-15px) rotate(-3deg)}60%{-webkit-transform:translateX(10px) rotate(2deg)}75%{-webkit-transform:translateX(-5px) rotate(-1deg)}100%{-webkit-transform:translateX(0px)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0px)}15%{-moz-transform:translateX(-25px) rotate(-5deg)}30%{-moz-transform:translateX(20px) rotate(3deg)}45%{-moz-transform:translateX(-15px) rotate(-3deg)}60%{-moz-transform:translateX(10px) rotate(2deg)}75%{-moz-transform:translateX(-5px) rotate(-1deg)}100%{-moz-transform:translateX(0px)}}@-ms-keyframes wobble{0%{-ms-transform:translateX(0px)}15%{-ms-transform:translateX(-25px) rotate(-5deg)}30%{-ms-transform:translateX(20px) rotate(3deg)}45%{-ms-transform:translateX(-15px) rotate(-3deg)}60%{-ms-transform:translateX(10px) rotate(2deg)}75%{-ms-transform:translateX(-5px) rotate(-1deg)}100%{-ms-transform:translateX(0px)}}@-o-keyframes wobble{0%{-o-transform:translateX(0px)}15%{-o-transform:translateX(-25px) rotate(-5deg)}30%{-o-transform:translateX(20px) rotate(3deg)}45%{-o-transform:translateX(-15px) rotate(-3deg)}60%{-o-transform:translateX(10px) rotate(2deg)}75%{-o-transform:translateX(-5px) rotate(-1deg)}100%{-o-transform:translateX(0px)}}@keyframes wobble{0%{transform:translateX(0px)}15%{transform:translateX(-25px) rotate(-5deg)}30%{transform:translateX(20px) rotate(3deg)}45%{transform:translateX(-15px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-5px) rotate(-1deg)}100%{transform:translateX(0px)}}.hover-wobble:hover,.trigger.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}}@-moz-keyframes pulse{0%,100%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}}@-ms-keyframes pulse{0%,100%{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}}@-o-keyframes pulse{0%,100%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.hover-pulse:hover,.trigger.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes pulsate{0%,100%,50%{-webkit-transform:scale(1)}25%,75%{-webkit-transform:scale(1.1)}}@-moz-keyframes pulsate{0%,100%,50%{-moz-transform:scale(1)}25%,75%{-moz-transform:scale(1.1)}}@-ms-keyframes pulsate{0%,100%,50%{-ms-transform:scale(1)}25%,75%{-ms-transform:scale(1.1)}}@-o-keyframes pulsate{0%,100%,50%{-o-transform:scale(1)}25%,75%{-o-transform:scale(1.1)}}@keyframes pulsate{0%,100%,50%{transform:scale(1)}25%,75%{transform:scale(1.1)}}.hover-pulsate:hover,.trigger.pulsate{-webkit-animation-name:pulsate;-moz-animation-name:pulsate;-ms-animation-name:pulsate;-o-animation-name:pulsate;animation-name:pulsate}@-webkit-keyframes heartbeat{0%,30%,50%,60%,80%{-webkit-transform:scale(1)}40%,70%{-webkit-transform:scale(1.1)}}@-moz-keyframes heartbeat{0%,30%,50%,60%,80%{-moz-transform:scale(1)}40%,70%{-moz-transform:scale(1.1)}}@-ms-keyframes heartbeat{0%,30%,50%,60%,80%{-ms-transform:scale(1)}40%,70%{-ms-transform:scale(1.1)}}@-o-keyframes heartbeat{0%,30%,50%,60%,80%{-o-transform:scale(1)}40%,70%{-o-transform:scale(1.1)}}@keyframes heartbeat{0%,30%,50%,60%,80%{transform:scale(1)}40%,70%{transform:scale(1.1)}}.hover-heartbeat:hover,.trigger.heartbeat{-webkit-animation-name:heartbeat;-moz-animation-name:heartbeat;-ms-animation-name:heartbeat;-o-animation-name:heartbeat;animation-name:heartbeat}@-webkit-keyframes panic{0%,100%{-webkit-transform:scale(1) rotate(0)}10%,60%{-webkit-transform:scale(1.1) rotate(-3deg)}20%,40%{-webkit-transform:scale(1) rotate(-3deg)}30%{-webkit-transform:scale(1.1) rotate(3deg)}50%,70%,90%{-webkit-transform:scale(1) rotate(3deg)}80%{-webkit-transform:scale(1.1) rotate(-3deg)}}@-moz-keyframes panic{0%,100%{-moz-transform:scale(1) rotate(0)}10%,60%{-moz-transform:scale(1.1) rotate(-3deg)}20%,40%{-moz-transform:scale(1) rotate(-3deg)}30%{-moz-transform:scale(1.1) rotate(3deg)}50%,70%,90%{-moz-transform:scale(1) rotate(3deg)}80%{-moz-transform:scale(1.1) rotate(-3deg)}}@-ms-keyframes panic{0%,100%{-ms-transform:scale(1) rotate(0)}10%,60%{-ms-transform:scale(1.1) rotate(-3deg)}20%,40%{-ms-transform:scale(1) rotate(-3deg)}30%{-ms-transform:scale(1.1) rotate(3deg)}50%,70%,90%{-ms-transform:scale(1) rotate(3deg)}80%{-ms-transform:scale(1.1) rotate(-3deg)}}@-o-keyframes panic{0%,100%{-o-transform:scale(1) rotate(0)}10%,60%{-o-transform:scale(1.1) rotate(-3deg)}20%,40%{-o-transform:scale(1) rotate(-3deg)}30%{-o-transform:scale(1.1) rotate(3deg)}50%,70%,90%{-o-transform:scale(1) rotate(3deg)}80%{-o-transform:scale(1.1) rotate(-3deg)}}@keyframes panic{0%,100%{transform:scale(1) rotate(0)}10%,60%{transform:scale(1.1) rotate(-3deg)}20%,40%{transform:scale(1) rotate(-3deg)}30%{transform:scale(1.1) rotate(3deg)}50%,70%,90%{transform:scale(1) rotate(3deg)}80%{transform:scale(1.1) rotate(-3deg)}}.hover-panic:hover,.trigger.panic{-webkit-animation-name:panic;-moz-animation-name:panic;-ms-animation-name:panic;-o-animation-name:panic;animation-name:panic}.ct-chart .ct-label,.ct-chart .ct-label.ct-horizontal{display:block;width:100%;height:100%;fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;text-align:left}.ct-chart .ct-label.ct-vertical{display:block;width:100%;height:100%;fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;text-align:right}.ct-chart .ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-chart .ct-point{stroke-width:10px;stroke-linecap:round}.ct-chart .ct-line{fill:none;stroke-width:4px}.ct-chart .ct-area{stroke:none;fill-opacity:.1}.ct-chart .ct-bar{fill:none;stroke-width:10px}.ct-chart .ct-slice.ct-donut{fill:none;stroke-width:60px}.ct-chart .ct-series.ct-series-a .ct-bar,.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut{stroke:#d70206}.ct-chart .ct-series.ct-series-a .ct-area,.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut){fill:#d70206}.ct-chart .ct-series.ct-series-b .ct-bar,.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point,.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut{stroke:#F05B4F}.ct-chart .ct-series.ct-series-b .ct-area,.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut){fill:#F05B4F}.ct-chart .ct-series.ct-series-c .ct-bar,.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point,.ct-chart .ct-series.ct-series-c .ct-slice.ct-donut{stroke:#F4C63D}.ct-chart .ct-series.ct-series-c .ct-area,.ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut){fill:#F4C63D}.ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point,.ct-chart .ct-series.ct-series-d .ct-slice.ct-donut{stroke:#453D3F}.ct-chart .ct-series.ct-series-d .ct-area,.ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut){fill:#453D3F}.ct-chart.ct-square{display:block;position:relative;width:100%}.ct-chart.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-chart.ct-square:after{content:"";display:table;clear:both}.ct-chart.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-minor-second{display:block;position:relative;width:100%}.ct-chart.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-chart.ct-minor-second:after{content:"";display:table;clear:both}.ct-chart.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-second{display:block;position:relative;width:100%}.ct-chart.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-chart.ct-major-second:after{content:"";display:table;clear:both}.ct-chart.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-minor-third{display:block;position:relative;width:100%}.ct-chart.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-chart.ct-minor-third:after{content:"";display:table;clear:both}.ct-chart.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-third{display:block;position:relative;width:100%}.ct-chart.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-chart.ct-major-third:after{content:"";display:table;clear:both}.ct-chart.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-chart.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-chart.ct-perfect-fourth:after{content:"";display:table;clear:both}.ct-chart.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-chart.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-chart.ct-perfect-fifth:after{content:"";display:table;clear:both}.ct-chart.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-minor-sixth{display:block;position:relative;width:100%}.ct-chart.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-chart.ct-minor-sixth:after{content:"";display:table;clear:both}.ct-chart.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-golden-section{display:block;position:relative;width:100%}.ct-chart.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-chart.ct-golden-section:after{content:"";display:table;clear:both}.ct-chart.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-sixth{display:block;position:relative;width:100%}.ct-chart.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-chart.ct-major-sixth:after{content:"";display:table;clear:both}.ct-chart.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-minor-seventh{display:block;position:relative;width:100%}.ct-chart.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-chart.ct-minor-seventh:after{content:"";display:table;clear:both}.ct-chart.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-seventh{display:block;position:relative;width:100%}.ct-chart.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-chart.ct-major-seventh:after{content:"";display:table;clear:both}.ct-chart.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-octave{display:block;position:relative;width:100%}.ct-chart.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-chart.ct-octave:after{content:"";display:table;clear:both}.ct-chart.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-tenth{display:block;position:relative;width:100%}.ct-chart.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-chart.ct-major-tenth:after{content:"";display:table;clear:both}.ct-chart.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-eleventh{display:block;position:relative;width:100%}.ct-chart.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-chart.ct-major-eleventh:after{content:"";display:table;clear:both}.ct-chart.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-major-twelfth{display:block;position:relative;width:100%}.ct-chart.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-chart.ct-major-twelfth:after{content:"";display:table;clear:both}.ct-chart.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-chart.ct-double-octave{display:block;position:relative;width:100%}.ct-chart.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-chart.ct-double-octave:after{content:"";display:table;clear:both}.ct-chart.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/img/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}.apPluginContainer .z-depth-1, .apPluginContainer .card-panel, .apPluginContainer .card, .apPluginContainer .toast, .apPluginContainer .btn, .apPluginContainer .btn-large, .bsaButtonGroup .btn-large, .apPluginContainer .btn-floating, .apPluginContainer .dropdown-content, .apPluginContainer .collapsible {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.apPluginContainer .z-depth-1-half, .apPluginContainer .btn:hover, .apPluginContainer .btn-large:hover, .bsaButtonGroup .btn-large:hover, .apPluginContainer .btn-floating:hover, .apPluginContainer .modal {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.apPluginContainer .z-depth-2 {
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.apPluginContainer .z-depth-3 {
-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.apPluginContainer .z-depth-4 {
-webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
-moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.apPluginContainer .z-depth-5 {
-webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.apPluginContainer .card-panel {
padding: 20px;
margin: 0.5rem 0 1rem 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-clip: padding-box;
background-color: #fff; }
.bsaButtonGroup .waves-effect,
.apPluginContainer .waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
z-index: 1;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.apPluginContainer .waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
pointer-events: none; }
.apPluginContainer .waves-effect.waves-light .waves-ripple {
background-color: rgba(255, 255, 255, 0.45); }
.apPluginContainer .waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7); }
.apPluginContainer .waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7); }
.apPluginContainer .waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7); }
.apPluginContainer .waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7); }
.apPluginContainer .waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7); }
.apPluginContainer .waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7); }
.apPluginContainer .waves-notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important; }
.apPluginContainer .waves-circle {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.apPluginContainer .waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom; }
.apPluginContainer .waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1; }
.apPluginContainer .waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%; }
.apPluginContainer .waves-block {
display: block; } .apPluginContainer a.waves-effect .waves-ripple {
z-index: -1;
}
.bsaButtonGroup .btn, .bsaButtonGroup .btn-large, .bsaButtonGroup .btn-flat {
display: inline-block;
height: 36px;
margin-bottom: 15px;
padding: 0 2rem;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-clip: padding-box;
line-height: 36px;
text-transform: uppercase;
border: none;
outline: 0;
-webkit-tap-highlight-color: transparent;
}
.bsaButtonGroup .btn, .bsaButtonGroup .btn-large {
text-decoration: none;
color: #FFF;
background-color: #2196F3;
text-align: center;
letter-spacing: 0.5px;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
cursor: pointer;
}
.bsaButtonGroup {
text-align: center;
}
.bsaButtonGroup > a > i {
margin-left: 10px;
}
.bsaButtonGroup .btn-large:focus, .bsaButtonGroup .btn-large:hover, .bsaButtonGroup .btn-large:visited {
color: #ffffff;
}
.bsaButtonGroup .btn:hover, .bsaButtonGroup .btn-large:hover {
background-color: #39a1f4;
color: #ffffff;
}
.bsaButtonGroup .btn-large-red {
background-color: #F44336;
color: #ffffff;
}
.bsaButtonGroup .btn-large-red:hover {
background-color: #f4665c;
color: #ffffff;
}
.bsaButtonGroup .btn-large {
height: 54px;
line-height: 56px;
}
.bsaButtonGroup .btn-large-next:focus, .bsaButtonGroup .btn-large-next:hover, .bsaButtonGroup .btn-large-next:visited {
color: #9e9e9e;
}
.bsaButtonGroup .btn-large-next {
background-color: #e0e0e0;
color: #bdbdbd;
margin-right: 15px;
}
.bsaButtonGroup .btn-large-next:hover {
background-color: #eeeeee;
color: #9e9e9e;
}
.bsaButtonGroup .btn-large-buy { }
.bsaButtonGroup .btn-large-buy:hover { }
.bsaButtonGroup .apPluginContainer {
width: auto;
}
.apPluginContainer .btn, .apPluginContainer .btn-large, .apPluginContainer .btn-flat {
display: inline-block;
height: 36px;
margin-bottom: 15px;
padding: 0 2rem;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-clip: padding-box;
line-height: 36px;
text-transform: uppercase;
border: none;
outline: 0;
-webkit-tap-highlight-color: transparent;
}
.apPluginContainer .btn.disabled, .apPluginContainer .disabled.btn-large, .apPluginContainer .btn-floating.disabled, .apPluginContainer .btn-large.disabled, .apPluginContainer .btn:disabled, .apPluginContainer .btn-large:disabled, .apPluginContainer .btn-large:disabled, .apPluginContainer .btn-floating:disabled {
background-color: #DFDFDF;
box-shadow: none;
color: #9F9F9F; }
.apPluginContainer .btn.disabled:hover, .apPluginContainer .disabled.btn-large:hover, .apPluginContainer .btn-floating.disabled:hover, .apPluginContainer .btn-large.disabled:hover, .apPluginContainer .btn:disabled:hover, .apPluginContainer .btn-large:disabled:hover, .apPluginContainer .btn-large:disabled:hover, .apPluginContainer .btn-floating:disabled:hover {
background-color: #DFDFDF;
color: #9F9F9F; }
.apPluginContainer .btn i, .apPluginContainer .btn-large i, .apPluginContainer .btn-floating i, .apPluginContainer .btn-large i, .apPluginContainer .btn-flat i {
font-size: 1.3rem;
line-height: inherit; }
.apPluginContainer .btn, .apPluginContainer .btn-large {
text-decoration: none;
color: #FFF;
background-color: #2196F3;
text-align: center;
letter-spacing: 0.5px;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
cursor: pointer; }
.apPluginContainer .btn:hover, .apPluginContainer .btn-large:hover {
background-color: #39a1f4; }
.apPluginContainer .btn-floating {
display: inline-block;
position: relative;
z-index: 1;
width: 37px;
height: 37px;
line-height: 37px;
padding: 0;
background-color: #2196F3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
cursor: pointer; }
.apPluginContainer .btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #FFF;
font-size: 1.6rem;
line-height: 37px; }
.apPluginContainer .btn-floating.btn-large {
width: 55.5px;
height: 55.5px; }
.apPluginContainer .btn-floating.btn-large i {
line-height: 55.5px; }
.apPluginContainer .btn-flat {
box-shadow: none;
background-color: transparent;
color: #343434;
cursor: pointer; }
.apPluginContainer .btn-flat.disabled {
color: #b3b3b3; }
.apPluginContainer .btn-large {
height: 54px;
line-height: 56px; }
.apPluginContainer .btn-large i {
font-size: 1.6rem; } .apPluginContainer .left-align {
text-align: left; }
.apPluginContainer .right-align {
text-align: right; }
.apPluginContainer .center, .apPluginContainer .center-align {
text-align: center; }
.apPluginContainer .left {
float: left !important; }
.apPluginContainer .right {
float: right !important; }
.apPluginContainer .no-select, input[type=range], input[type=range] + .thumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.apPluginContainer .circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; }
.apPluginContainer .center-block {
display: block;
margin-left: auto;
margin-right: auto; }
@font-face {
font-family: "Material-Design-Icons";
src: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.eot?-g7cqhn);
src: url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.eot?#iefix-g7cqhn) format("embedded-opentype"), url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.woff?-g7cqhn) format("woff"), url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.ttf?-g7cqhn) format("truetype"), url(//therisk.global/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.svg?-g7cqhn#Material-Design-Icons) format("svg");
font-weight: normal;
font-style: normal; }
.apPluginContainer [class^="mdi-"], .apPluginContainer .select-wrapper span.select-dropdown:after, [class*=" mdi-"] {
font-family: "Material-Design-Icons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.apPluginContainer .mdi-hardware-keyboard-arrow-right:before {
content: "\e7b6"; }
.apPluginContainer .mdi-content-add:before {
content: "\e6fb"; }.gamipress-spinner{display:block;margin:4px auto;width:20px;height:20px;background:url(data:image/gif;base64,R0lGODlhFAAUAKUAAERGRLS2tOTi5Hx6fMzKzGRiZPTy9JSSlMTCxNTW1FRWVOzq7HRydPz6/Ly+vISChNTS1GxqbJyenExKTLy6vOTm5Hx+fMzOzGRmZPT29JSWlMTGxNza3FxaXOzu7Pz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAgACwAAAAAFAAUAAAGlkCQcDgUCIjIpJACmASUww/lcBFamoOh54MMAJrHwARAEUoADO7w0AQ4hMYhZuwhXsadehJRkCQFDgZQShkQGYNKHAoAChyIIA0JDSAPbQ+PbAeUlpgAmoqMjoiRkyCFh49JFQ8FGqipHxFfExpKDQiCQwttAAVKCAC1Qw2LY5dJHhqiQwQKExgVQhrCowtqIAQbqdtEQQAh+QQJCAAiACwAAAAAFAAUAIVERkSkpqTU1tR8enzs7uxcXly8uryUkpTk4uRUUlT8+vy0srSEgoTExsRMTkzc3tz09vRsbmycmpzs6uxMSkysrqzc2tx8fnz08vRkYmS8vrzk5uRUVlT8/vy0trSEhoTMysycnpz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGm0CRcDhUKIjIpFDA4QiUxIeHIJRQABKo8EGhFCAiS8IptEQMSA8AQEEIIUdhiBJBEjKAQUdJCFmSEBt7WklxhEgQAxQDYIdxFVcAC4cNCQ0iFWySlJYiiYuNhIYio4dEHQsHl6ZDEmsUq0kEg0N4VwciAh8fTyITFBpIH68LGwlsDhMiHRoYdgwZEh0GrwBorAKaAL2sARQJAVBBACH5BAkIAB4ALAAAAAAUABQAhERGRKyqrHR2dNTW1Ozu7FxeXIyOjMzKzOTi5Pz6/FRSVHx+fGxubLy6vNze3PT29JyenExKTLSytHx6fNza3PTy9GRmZJSSlMzOzOTm5Pz+/FRWVISChHRydP///wAAAAWPoCeOZGmeiXElJ/kMmjhEwNCKTxEtYmqwngcEUaIAIpGY6RCBlBILRaClOTxQt6y2pAkwAsqtZwAo27KZSWaMrGnT6+4XKK7fHA0CKiC4VEhMABt6JQFlADwjBkcADUESElcdjBF0EmURDhqTAB0aF4wWJBoSBgceGYwAGRUTERYUNwkKRwpAV1oDExNnJiEAIfkECQgAGQAsAAAAABQAFACEREZEtLK03NrcfHp8XF5cxMLE9PL0VFJUlJaUzMrMTE5MvLq87OrsdHJ0/P78TEpM5OLkjI6MZGZkxMbE9Pb0XFpcpKKkzM7MvL68////AAAAAAAAAAAAAAAAAAAAAAAABYpgJo5kaZ7ZNKGscxwOK1pEMqrkRJnEE6GMx6qUiEBYBplyeYIsBKJL5KIsAAAPjEHxUCRZEixAsu1+UZIHVpKR2mQYdZY5EjxJFEjsJLAMRwwEAAN7JAJqAAEkAWJHGQJQGRZXDw2GahU7kwAWGXFXCCUCAQwZLpgODgENCDssA1gDdCIGFhZnJSEAIfkECQgAHQAsAAAAABQAFACEREZEpKak1NbUdHZ07O7sjI6MvL68XFpc/Pr8nJqczMrM5ObkhIaETE5MfH589Pb0lJaUxMbE3NrcfHp89PL0lJKUxMLEZGJk/P78nJ6czM7M7OrsVFJU////AAAAAAAABY9gJ45kaZ7dsqBsNwwiUhzTSgoVMW52AAANGKkAMJwYP8ChRDEgTpZkpWWyMAJPqgmxwIgemgd1cwFcVkgGtZJMdNLURLuDUIhbi/JZS8JssiOAJg8KGyUIDg0BJxRlDRI3PxxZD3cKQABuIxQHAA4iChwcCikcPxZMAl4dEz+fHRIJqC0+AIt8IhgKCoIkIQAh+QQJCAAdACwAAAAAFAAUAIRERkSsqqzU1tSEgoTs7uxkZmS8vrxUUlT8+vy0trTk4uScnpzExsRMTkyMioz09vRsbmxMSky0srTc3tz08vRsamzEwsRcWlz8/vy8urzk5uTMysyMjoz///8AAAAAAAAFjGAnjqJRFBmprlMERNG0zl3iAkDSWUOAqIQMptN6xQS3gCoD0Igyp1TgBRioEM6Z5vCy0GgaieBL7gxHj3IHwbk4foaGoWy4zTPysgUXma/VDw5uP2okZ4UiBIQkDA4yMw4RBRSGFwAOMwR8fiMLFwwiGhUQCmsFEQ1Zhp0vCyIUBqVkGy4biCMaqishACH5BAkIAB8ALAAAAAAUABQAhERGRKyqrHRydNTW1FxeXOzu7IyOjMzOzGxqbPz6/FRWVLy6vOTi5JSWlLSytISChGRmZPT29ExKTKyurHx6fNza3GRiZPTy9JSSlNTS1GxubPz+/FxaXOTm5JyanP///wWO4CeOYodhHamKScESAEAk63hwANIxgCQBjE8nkCElFD/JIwEDWFo4SVFU+MUswlNw0AMERhtEt7FKaACK1KjzgHgitUTlUqvb76oFZSFiaIJ3PD1BfoB2HVaGeCIOe4uPkCoFCzQ1DgoGGyoGAHw1SEAqGQYuHxsBE5ofnBCVdQM/AyIbDHB3FwICtpF4IQAh+QQJCAAfACwAAAAAFAAUAIRERkSkpqTU1tSEhoTs7uxkYmS8vrycmpxUUlS0srT8+vzk4uRMTkysrqyUkpT09vR0cnTMysykoqRMSkysqqzc3tyMioz08vRkZmScnpxUVlS0trT8/vzk5uTMzsz///8Fj+AnjqJiGAqprp8FABY7XgOWcRwyARr3KR6CagDYJVrFmALCE44KRYDjd0o9GDsPKbObRFiHCSQ1UmwcX9nDN4pI0rJV4DUJxEWCjOCjeyHuChoTCAoIUX9xDxo8CnNFdncCB3sfbnB3mJkjHAtxHQ5aKhsTnSwOABgrBBtsHxUVIx4YFJiBGmSaIhS0ubkhADs=)}#gamipress-achievements-filter{float:left;margin-bottom:1em}#gamipress-achievements-search{margin-right:5px;margin-bottom:1em;float:right}#gamipress-achievements-container:not([class*="gamipress-columns"]),#achievements_list_load_more,#gamipress-achievements-filters-wrap{display:block;margin:0 auto;clear:both}#gamipress-achievements-filter select{max-width:100%;margin-left:5px}.gamipress-achievements-list .gamipress-achievement{padding:1em 0}.gamipress-no-results{width:100%}.gamipress-achievement:not(.gamipress-layout-none),.gamipress-rank:not(.gamipress-layout-none),.single-achievement.achievement-wrap:not(.gamipress-layout-none),.single-rank.rank-wrap:not(.gamipress-layout-none),.gamipress-user-points:not(.gamipress-layout-none){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-self:flex-start;width:100%;margin-bottom:1rem}.gamipress-points-types:not(.gamipress-layout-none) .gamipress-points-type{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-self:flex-start}.gamipress-achievement:not(.gamipress-layout-none) *,.gamipress-rank:not(.gamipress-layout-none) *,.single-achievement.achievement-wrap:not(.gamipress-layout-none) *,.single-rank.rank-wrap:not(.gamipress-layout-none) *,.gamipress-user-points:not(.gamipress-layout-none) *,.gamipress-points-types:not(.gamipress-layout-none) *{box-sizing:border-box}.gamipress-achievement.gamipress-layout-left .gamipress-achievement-image,.gamipress-achievement.gamipress-layout-right .gamipress-achievement-image,.gamipress-rank.gamipress-layout-left .gamipress-rank-image,.gamipress-rank.gamipress-layout-right .gamipress-rank-image,.single-achievement.gamipress-layout-left .gamipress-achievement-image,.single-achievement.gamipress-layout-right .gamipress-achievement-image,.single-rank.gamipress-layout-left .gamipress-rank-image,.single-rank.gamipress-layout-right .gamipress-rank-image,.gamipress-points-types.gamipress-layout-left .gamipress-points-type-image,.gamipress-points-types.gamipress-layout-right .gamipress-points-type-image{width:20%}.gamipress-achievement.gamipress-layout-left .gamipress-achievement-image,.gamipress-rank.gamipress-layout-left .gamipress-rank-image,.single-achievement.gamipress-layout-left .gamipress-achievement-image,.single-rank.gamipress-layout-left .gamipress-rank-image,.gamipress-points-types.gamipress-layout-left .gamipress-points-type-image{padding-right:1em}.gamipress-achievement.gamipress-layout-right .gamipress-achievement-image,.gamipress-rank.gamipress-layout-right .gamipress-rank-image,.single-achievement.gamipress-layout-right .gamipress-achievement-image,.single-rank.gamipress-layout-right .gamipress-rank-image,.gamipress-points-types.gamipress-layout-right .gamipress-points-type-image{padding-left:1em}.gamipress-achievement.gamipress-layout-left .gamipress-achievement-description,.gamipress-achievement.gamipress-layout-right .gamipress-achievement-description,.gamipress-rank.gamipress-layout-left .gamipress-rank-description,.gamipress-rank.gamipress-layout-right .gamipress-rank-description,.single-achievement.gamipress-layout-left .gamipress-achievement-description,.single-achievement.gamipress-layout-right .gamipress-achievement-description,.single-rank.gamipress-layout-left .gamipress-rank-description,.single-rank.gamipress-layout-right .gamipress-rank-description,.gamipress-points-types.gamipress-layout-left .gamipress-points-type-description,.gamipress-points-types.gamipress-layout-right .gamipress-points-type-description{margin-top:0;width:80%}.gamipress-achievement.gamipress-layout-right,.gamipress-rank.gamipress-layout-right,.single-achievement.gamipress-layout-right,.single-rank.gamipress-layout-right,.gamipress-user-points.gamipress-layout-right .gamipress-points,.gamipress-points-types.gamipress-layout-right .gamipress-points-type{flex-direction:row-reverse}.gamipress-user-points.gamipress-layout-left .gamipress-points,.gamipress-user-points.gamipress-layout-right .gamipress-points{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}.gamipress-user-points.gamipress-layout-right .gamipress-points{justify-content:flex-end}.gamipress-achievement.gamipress-layout-top .gamipress-achievement-image,.gamipress-achievement.gamipress-layout-bottom .gamipress-achievement-image,.gamipress-rank.gamipress-layout-top .gamipress-rank-image,.gamipress-rank.gamipress-layout-bottom .gamipress-rank-image,.single-achievement.gamipress-layout-top .gamipress-achievement-image,.single-achievement.gamipress-layout-bottom .gamipress-achievement-image,.single-rank.gamipress-layout-top .gamipress-rank-image,.single-rank.gamipress-layout-bottom .gamipress-rank-image,.gamipress-points-types.gamipress-layout-top .gamipress-points-type-image,.gamipress-points-types.gamipress-layout-bottom .gamipress-points-type-image{width:100%}.gamipress-achievement.gamipress-layout-top .gamipress-achievement-image,.gamipress-rank.gamipress-layout-top .gamipress-rank-image,.single-achievement.gamipress-layout-top .gamipress-achievement-image,.single-rank.gamipress-layout-top .gamipress-rank-image,.gamipress-points-types.gamipress-layout-top .gamipress-points-type-image{padding-bottom:1em}.gamipress-achievement.gamipress-layout-bottom .gamipress-achievement-image,.gamipress-rank.gamipress-layout-bottom .gamipress-rank-image,.single-achievement.gamipress-layout-bottom .gamipress-achievement-image,.single-rank.gamipress-layout-bottom .gamipress-rank-image,.gamipress-points-types.gamipress-layout-bottom .gamipress-points-type-image{padding-top:1em}.gamipress-achievement.gamipress-layout-top .gamipress-achievement-description,.gamipress-achievement.gamipress-layout-bottom .gamipress-achievement-description,.gamipress-rank.gamipress-layout-top .gamipress-rank-description,.gamipress-rank.gamipress-layout-bottom .gamipress-rank-description,.single-achievement.gamipress-layout-top .gamipress-achievement-description,.single-achievement.gamipress-layout-bottom .gamipress-achievement-description,.single-rank.gamipress-layout-top .gamipress-rank-description,.single-rank.gamipress-layout-bottom .gamipress-rank-description,.gamipress-points-types.gamipress-layout-top .gamipress-points-type-description,.gamipress-points-types.gamipress-layout-bottom .gamipress-points-type-description{width:100%}.gamipress-achievement.gamipress-layout-bottom,.gamipress-rank.gamipress-layout-bottom,.single-achievement.gamipress-layout-bottom,.single-rank.gamipress-layout-bottom,.gamipress-user-points.gamipress-layout-bottom .gamipress-points,.gamipress-points-types.gamipress-layout-bottom .gamipress-points-type{flex-direction:column-reverse}.gamipress-user-points.gamipress-layout-top .gamipress-points,.gamipress-user-points.gamipress-layout-bottom .gamipress-points{text-align:center}.gamipress-user-points.gamipress-layout-top .gamipress-user-points-image,.gamipress-user-points.gamipress-layout-bottom .gamipress-user-points-image{width:100%}.gamipress-align-left{text-align:left}.gamipress-align-left .gamipress-share-buttons{justify-content:flex-start}.gamipress-align-center{text-align:center}.gamipress-align-center .gamipress-share-buttons{justify-content:center}.gamipress-align-right{text-align:right}.gamipress-align-right .gamipress-share-buttons{justify-content:flex-end}.gamipress-align-justify{text-align:justify}[class*="gamipress-columns"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}[class*="gamipress-columns"]>.gamipress-achievement,[class*="gamipress-columns"]>.gamipress-points,[class*="gamipress-columns"]>.gamipress-points-type,[class*="gamipress-columns"] .gamipress-rank{width:100%}[class*="gamipress-columns"] *{box-sizing:border-box}.gamipress-columns-small-2>.gamipress-achievement,.gamipress-columns-small-2>.gamipress-points,.gamipress-columns-small-2>.gamipress-points-type,.gamipress-columns-small-2 .gamipress-rank{width:50%}.gamipress-columns-small-3>.gamipress-achievement,.gamipress-columns-small-3>.gamipress-points,.gamipress-columns-small-3>.gamipress-points-type,.gamipress-columns-small-3 .gamipress-rank{width:33%}.gamipress-columns-small-4>.gamipress-achievement,.gamipress-columns-small-4>.gamipress-points,.gamipress-columns-small-4>.gamipress-points-type,.gamipress-columns-small-4 .gamipress-rank{width:25%}.gamipress-columns-small-5>.gamipress-achievement,.gamipress-columns-small-5>.gamipress-points,.gamipress-columns-small-5>.gamipress-points-type,.gamipress-columns-small-5 .gamipress-rank{width:20%}.gamipress-columns-small-6>.gamipress-achievement,.gamipress-columns-small-6>.gamipress-points,.gamipress-columns-small-6>.gamipress-points-type,.gamipress-columns-small-6 .gamipress-rank{width:16.6%}@media screen and (min-width:768px){#gamipress-achievements-container[class*="gamipress-columns"]>.gamipress-achievement,.gamipress-user-points[class*="gamipress-columns"]>.gamipress-points,.gamipress-points-types[class*="gamipress-columns"]>.gamipress-points-type,.gamipress-ranks-container[class*="gamipress-columns"] .gamipress-rank{padding:1em;overflow:hidden;border-bottom:none}.gamipress-columns-2>.gamipress-achievement,.gamipress-columns-2>.gamipress-points,.gamipress-columns-2>.gamipress-points-type,.gamipress-columns-2 .gamipress-rank{width:50%}.gamipress-columns-3>.gamipress-achievement,.gamipress-columns-3>.gamipress-points,.gamipress-columns-3>.gamipress-points-type,.gamipress-columns-3 .gamipress-rank{width:33%}.gamipress-columns-4>.gamipress-achievement,.gamipress-columns-4>.gamipress-points,.gamipress-columns-4>.gamipress-points-type,.gamipress-columns-4 .gamipress-rank{width:25%}.gamipress-columns-5>.gamipress-achievement,.gamipress-columns-5>.gamipress-points,.gamipress-columns-5>.gamipress-points-type,.gamipress-columns-5 .gamipress-rank{width:20%}.gamipress-columns-6>.gamipress-achievement,.gamipress-columns-6>.gamipress-points,.gamipress-columns-6>.gamipress-points-type,.gamipress-columns-6 .gamipress-rank{width:16.6%}}.gamipress-achievement .gamipress-achievement-image,.gamipress-rank .gamipress-rank-image,.achievement-wrap .gamipress-achievement-image,.rank-wrap .gamipress-rank-image{opacity:.4}.gamipress-achievement.user-has-earned .gamipress-achievement-image,.gamipress-rank.user-has-earned .gamipress-rank-image,.user-has-earned .achievement-wrap .gamipress-achievement-image,.achievement-wrap.user-has-earned .gamipress-achievement-image,.user-has-earned .rank-wrap .gamipress-rank-image,.rank-wrap.user-has-earned .gamipress-rank-image{opacity:1}.gamipress-points-type .gamipress-points-type-awards,.gamipress-points-type .gamipress-points-type-deducts{width:100%}.gamipress-achievement-points{font-weight:700}#gamipress-achievements-container .gamipress-achievement-title{display:inline-block;margin-top:0}#achievements_list_load_more{margin:1em auto}.gamipress-open-close-switch{text-align:right}.gamipress-extras-window{display:none}.gamipress-required-achievements .user-has-earned,.gamipress-required-requirements .user-has-earned,.gamipress-achievements-list .gamipress-achievement.user-has-earned .gamipress-extras-window li,.gamipress-rank.user-has-earned .gamipress-extras-window li,.gamipress-points-awards .user-has-earned,.gamipress-points-deducts .user-has-earned{text-decoration:line-through}.gamipress-required-achievements .user-has-earned:hover,.gamipress-required-requirements .user-has-earned:hover,.gamipress-achievements-list .gamipress-achievement.user-has-earned .gamipress-extras-window li:hover,.gamipress-rank.user-has-earned .gamipress-extras-window li:hover,.gamipress-points-awards .user-has-earned:hover,.gamipress-points-deducts .user-has-earned:hover{text-decoration:none}.show-hide-open:after,.show-hide-close:after{content:'';display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9Ijc2OCIgaGVpZ2h0PSI3NjgiIHZpZXdCb3g9IjAgMCA3NjggNzY4Ij4NCjxwYXRoIGQ9Ik0yMzcgMjUwLjVsMTQ3IDE0NyAxNDctMTQ3IDQ1IDQ1LTE5MiAxOTItMTkyLTE5MnoiPjwvcGF0aD4NCjwvc3ZnPg0K) no-repeat;background-size:100%;width:22px;height:22px;vertical-align:top}.show-hide-close:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}ul.gamipress-achievement-earners-list,ul.gamipress-rank-earners-list{list-style:none;margin:0;padding:0}ul.gamipress-achievement-earners-list:after,ul.gamipress-rank-earners-list:after{content:"";clear:both;display:block}ul.gamipress-achievement-earners-list li,ul.gamipress-rank-earners-list li{position:relative;float:left;margin:5px;padding:0}ul.gamipress-achievement-earners-list li .earner-display-name,ul.gamipress-rank-earners-list li .earner-display-name{display:block}.gamipress-achievement-congratulations,.gamipress-rank-congratulations{background:#f0f0f0;padding:10px;margin:1em auto 2em;border-radius:5px}.gamipress-achievement-points{font-weight:700}.gamipress-required-achievements .user-has-earned,.gamipress-required-requirements .user-has-earned{text-decoration:line-through}.gamipress-required-achievements .user-has-earned:hover,.gamipress-required-requirements .user-has-earned:hover{text-decoration:none}.gamipress-achievement-unlock-with-points,.gamipress-rank-unlock-with-points{display:inline-block}.gamipress-inline-points .gamipress-inline-points-thumbnail img,.gamipress-inline-achievement .gamipress-inline-achievement-thumbnail img,.gamipress-inline-rank .gamipress-inline-rank-thumbnail img{vertical-align:middle}.gamipress-share-buttons-label{margin-top:0;margin-bottom:2px}.gamipress-share-buttons{display:flex;flex-wrap:wrap;margin-left:-2px;margin-right:-2px}.gamipress-share-button{display:inline-block;width:28px;height:28px;vertical-align:middle;padding:4px;margin:2px;background-repeat:no-repeat;background-position:center;background-size:18px 18px;box-sizing:border-box}.gamipress-share-button span{display:none}.gamipress-share-button-square{border-radius:0}.gamipress-share-button-rounded{border-radius:6px}.gamipress-share-button-circle{border-radius:50%}.gamipress-share-button-facebook{background-color:#4766a9;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnDQogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iDQogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIg0KICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIg0KICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCINCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIg0KICAgZGF0YS1uYW1lPSJMYXllciAyMSINCiAgIGhlaWdodD0iMjQiDQogICBpZD0iTGF5ZXJfMjEiDQogICB2aWV3Qm94PSIwIDAgMjQgMjQiDQogICB3aWR0aD0iMjQiDQogICB2ZXJzaW9uPSIxLjEiDQogICBzb2RpcG9kaTpkb2NuYW1lPSJmYWNlYm9vay5zdmciDQogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4NCiAgPG1ldGFkYXRhDQogICAgIGlkPSJtZXRhZGF0YTExIj4NCiAgICA8cmRmOlJERj4NCiAgICAgIDxjYzpXb3JrDQogICAgICAgICByZGY6YWJvdXQ9IiI+DQogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0Pg0KICAgICAgICA8ZGM6dHlwZQ0KICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPg0KICAgICAgPC9jYzpXb3JrPg0KICAgIDwvcmRmOlJERj4NCiAgPC9tZXRhZGF0YT4NCiAgPGRlZnMNCiAgICAgaWQ9ImRlZnM5IiAvPg0KICA8c29kaXBvZGk6bmFtZWR2aWV3DQogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiINCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiDQogICAgIGJvcmRlcm9wYWNpdHk9IjEiDQogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiDQogICAgIGdyaWR0b2xlcmFuY2U9IjEwIg0KICAgICBndWlkZXRvbGVyYW5jZT0iMTAiDQogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIg0KICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIg0KICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiDQogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciDQogICAgIGlkPSJuYW1lZHZpZXc3Ig0KICAgICBzaG93Z3JpZD0iZmFsc2UiDQogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyINCiAgICAgaW5rc2NhcGU6Y3g9IjEyIg0KICAgICBpbmtzY2FwZTpjeT0iMTIiDQogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCINCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04Ig0KICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIg0KICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8yMSIgLz4NCiAgPHRpdGxlDQogICAgIGlkPSJ0aXRsZTIiIC8+DQogIDxwYXRoDQogICAgIGQ9Ik0xNi43NSw5SDEzLjVWN2ExLDEsMCwwLDEsMS0xaDJWM0gxNGE0LDQsMCwwLDAtNCw0VjlIOHYzaDJ2OWgzLjVWMTJIMTZaIg0KICAgICBpZD0icGF0aDQiDQogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiIC8+DQo8L3N2Zz4NCg==)}.gamipress-share-button-twitter{background-color:#000;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnDQogICBkYXRhLW5hbWU9IkxheWVyIDIxIg0KICAgaGVpZ2h0PSIyNCINCiAgIGlkPSJMYXllcl8yMSINCiAgIHZpZXdCb3g9IjAgMCAyNCAyNCINCiAgIHdpZHRoPSIyNCINCiAgIHZlcnNpb249IjEuMSINCiAgIHNvZGlwb2RpOmRvY25hbWU9IngoMjR4MjQpLnN2ZyINCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMy4yICgwOTFlMjBlLCAyMDIzLTExLTI1LCBjdXN0b20pIg0KICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiDQogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiDQogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIg0KICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyINCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+DQogIDxtZXRhZGF0YQ0KICAgICBpZD0ibWV0YWRhdGEyMyI+DQogICAgPHJkZjpSREY+DQogICAgICA8Y2M6V29yaw0KICAgICAgICAgcmRmOmFib3V0PSIiPg0KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4NCiAgICAgICAgPGRjOnR5cGUNCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4NCiAgICAgIDwvY2M6V29yaz4NCiAgICA8L3JkZjpSREY+DQogIDwvbWV0YWRhdGE+DQogIDxkZWZzDQogICAgIGlkPSJkZWZzMjEiIC8+DQogIDxzb2RpcG9kaTpuYW1lZHZpZXcNCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIg0KICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiINCiAgICAgYm9yZGVyb3BhY2l0eT0iMSINCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCINCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiDQogICAgIGd1aWRldG9sZXJhbmNlPSIxMCINCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiDQogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiDQogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCINCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwMSINCiAgICAgaWQ9Im5hbWVkdmlldzE5Ig0KICAgICBzaG93Z3JpZD0iZmFsc2UiDQogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyINCiAgICAgaW5rc2NhcGU6Y3g9IjEyLjA1MDg0NyINCiAgICAgaW5rc2NhcGU6Y3k9IjExLjk0OTE1MyINCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii05Ig0KICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTkiDQogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiDQogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzIxIg0KICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiINCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCINCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIiAvPg0KICA8dGl0bGUNCiAgICAgaWQ9InRpdGxlMiIgLz4NCiAgPGNpcmNsZQ0KICAgICBjeD0iMTYiDQogICAgIGN5PSI4Ig0KICAgICByPSI0Ig0KICAgICBpZD0iY2lyY2xlNCINCiAgICAgc3R5bGU9ImRpc3BsYXk6bm9uZTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiIC8+DQogIDxwYXRoDQogICAgIGlkPSJwYXRoMTAwOSINCiAgICAgY2xhc3M9InN0MSINCiAgICAgZD0ibSAzLjQxNTUzODIsNC4xMTE2NTI0IDYuNjYxMTM2OCw4LjcwMTc1MDYgLTYuNzAzMTE4MSw3LjA3NDk0NSBoIDEuNTA4NzIyOCBsIDUuODY4NzAyMywtNi4xOTQzNjIgNC43NDE1NzYsNi4xOTQzNjIgaCA1LjEzMzg4NSBMIDEzLjU5MDM2OSwxMC42OTcyMjcgMTkuODI5NjY2LDQuMTExNjUyNCBIIDE4LjMyMDk0MyBMIDEyLjkxNjM1Miw5LjgxNjM1OTEgOC41NDk0MjI4LDQuMTExNjUyNCBaIG0gMi4yMTg2NDE5LDEuMDg1NjY4IEggNy45OTI2NjMyIEwgMTguNDA3NTExLDE4LjgwMjY3OSBIIDE2LjA0OTAzIFoiDQogICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjAuMDI4NjE4IiAvPg0KPC9zdmc+DQo=)}.gamipress-share-button-linkedin{background-color:#0074b3;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnDQogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iDQogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIg0KICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIg0KICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCINCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIg0KICAgZGF0YS1uYW1lPSJMYXllciAyMSINCiAgIGhlaWdodD0iMjQiDQogICBpZD0iTGF5ZXJfMjEiDQogICB2aWV3Qm94PSIwIDAgMjQgMjQiDQogICB3aWR0aD0iMjQiDQogICB2ZXJzaW9uPSIxLjEiDQogICBzb2RpcG9kaTpkb2NuYW1lPSJsaW5rZWRpbi5zdmciDQogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4NCiAgPG1ldGFkYXRhDQogICAgIGlkPSJtZXRhZGF0YTE1Ij4NCiAgICA8cmRmOlJERj4NCiAgICAgIDxjYzpXb3JrDQogICAgICAgICByZGY6YWJvdXQ9IiI+DQogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0Pg0KICAgICAgICA8ZGM6dHlwZQ0KICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPg0KICAgICAgPC9jYzpXb3JrPg0KICAgIDwvcmRmOlJERj4NCiAgPC9tZXRhZGF0YT4NCiAgPGRlZnMNCiAgICAgaWQ9ImRlZnMxMyIgLz4NCiAgPHNvZGlwb2RpOm5hbWVkdmlldw0KICAgICBwYWdlY29sb3I9IiNmZmZmZmYiDQogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2Ig0KICAgICBib3JkZXJvcGFjaXR5PSIxIg0KICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIg0KICAgICBncmlkdG9sZXJhbmNlPSIxMCINCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIg0KICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCINCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiINCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIg0KICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3Ig0KICAgICBpZD0ibmFtZWR2aWV3MTEiDQogICAgIHNob3dncmlkPSJmYWxzZSINCiAgICAgaW5rc2NhcGU6em9vbT0iOS44MzMzMzMzIg0KICAgICBpbmtzY2FwZTpjeD0iMTIiDQogICAgIGlua3NjYXBlOmN5PSIxMiINCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04Ig0KICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiDQogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiDQogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzIxIiAvPg0KICA8dGl0bGUNCiAgICAgaWQ9InRpdGxlMiIgLz4NCiAgPHJlY3QNCiAgICAgaGVpZ2h0PSIxMSINCiAgICAgd2lkdGg9IjQiDQogICAgIHg9IjMiDQogICAgIHk9IjkiDQogICAgIGlkPSJyZWN0NCINCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz4NCiAgPGNpcmNsZQ0KICAgICBjeD0iNSINCiAgICAgY3k9IjUiDQogICAgIHI9IjIiDQogICAgIGlkPSJjaXJjbGU2Ig0KICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPg0KICA8cGF0aA0KICAgICBkPSJNMTYuNSw4LjI1QTQuNDcyNTEsNC40NzI1MSwwLDAsMCwxMyw5Ljk1MzQzVjlIOVYyMGg0VjEzYTIsMiwwLDAsMSw0LDB2N2g0VjEyLjc1QTQuNSw0LjUsMCwwLDAsMTYuNSw4LjI1WiINCiAgICAgaWQ9InBhdGg4Ig0KICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIiAvPg0KPC9zdmc+DQo=)}.gamipress-share-button-pinterest{background-color:#bd081c;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnDQogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iDQogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIg0KICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIg0KICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCINCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIg0KICAgZGF0YS1uYW1lPSJMYXllciAyMSINCiAgIGhlaWdodD0iMjQiDQogICBpZD0iTGF5ZXJfMjEiDQogICB2aWV3Qm94PSIwIDAgMjQgMjQiDQogICB3aWR0aD0iMjQiDQogICB2ZXJzaW9uPSIxLjEiDQogICBzb2RpcG9kaTpkb2NuYW1lPSJwaW50ZXJlc3Quc3ZnIg0KICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi40ICg1ZGE2ODljMzEzLCAyMDE5LTAxLTE0KSI+DQogIDxtZXRhZGF0YQ0KICAgICBpZD0ibWV0YWRhdGExMSI+DQogICAgPHJkZjpSREY+DQogICAgICA8Y2M6V29yaw0KICAgICAgICAgcmRmOmFib3V0PSIiPg0KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4NCiAgICAgICAgPGRjOnR5cGUNCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4NCiAgICAgIDwvY2M6V29yaz4NCiAgICA8L3JkZjpSREY+DQogIDwvbWV0YWRhdGE+DQogIDxkZWZzDQogICAgIGlkPSJkZWZzOSIgLz4NCiAgPHNvZGlwb2RpOm5hbWVkdmlldw0KICAgICBwYWdlY29sb3I9IiNmZmZmZmYiDQogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2Ig0KICAgICBib3JkZXJvcGFjaXR5PSIxIg0KICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIg0KICAgICBncmlkdG9sZXJhbmNlPSIxMCINCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIg0KICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCINCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiINCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIg0KICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3Ig0KICAgICBpZD0ibmFtZWR2aWV3NyINCiAgICAgc2hvd2dyaWQ9ImZhbHNlIg0KICAgICBpbmtzY2FwZTp6b29tPSI5LjgzMzMzMzMiDQogICAgIGlua3NjYXBlOmN4PSIxMiINCiAgICAgaW5rc2NhcGU6Y3k9IjEyIg0KICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiDQogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCINCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSINCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMjEiIC8+DQogIDx0aXRsZQ0KICAgICBpZD0idGl0bGUyIiAvPg0KICA8cGF0aA0KICAgICBkPSJNMTIuMDU2ODksMy40MTY2N0E2LjkyMTMyLDYuOTIxMzIsMCwwLDAsNC45OTIxOSwxMC4xODdhMy45Mzg0MiwzLjkzODQyLDAsMCwwLDEuOTM3LDMuNjcwNDQuNTM2MjUuNTM2MjUsMCwwLDAsLjc5ODEyLS4zMzcxOGwuMTkyNzctLjgyM2EuNTA0MzYuNTA0MzYsMCwwLDAtLjE0MzIzLS40OTksMi42OTA2NiwyLjY5MDY2LDAsMCwxLS43MzY3Mi0yLjM5NjUzLDUuMDM3MjIsNS4wMzcyMiwwLDAsMSw0Ljk3NS00LjU3NjQzYzMuMTIwMjctLjA1NTE4LDUuMDA4NjcsMS44OTc1LDQuMzYyNiw1LjY2NjE0LS42ODU0NSwzLjk5ODYxLTMuOTc3NCw0Ljg2MTQzLTQuNzU2OTQsMi42OTMyOGEyLjAwNzI4LDIuMDA3MjgsMCwwLDEsLjAyODI5LTEuMjEyNDdjLjE3ODkxLS42MTk2OS40ODk0LTEuNTkxNzUuNjQxMTYtMi4xMzA2Mi4zNTg4Ny0xLjI3NDI3LjIzMjQ4LTIuNDU1NzgtLjkyNzE5LTIuNzQwNjItLjg5ODg2LS4yMjA3Ny0xLjgwNS4zODYyMy0yLjE5NzE5LDEuNzY1MjVhMy44ODU4OSwzLjg4NTg5LDAsMCwwLC4yMjYzOCwyLjQ1NDNMOC4wMTk4MSwxNy40MDVhNC4zNzUzNSw0LjM3NTM1LDAsMCwwLS4xMTgsMS4yMTk1N2wuMTIxODEsMi43NjI2MUEuMjM2LjIzNiwwLDAsMCw4LjQ2OCwyMS40ODdsMS4zMjk5Mi0yLjUxODM1YTQuMzc1MzUsNC4zNzUzNSwwLDAsMCwuMzY4NjMtLjk1NGwuNzExMzYtMi43Njc4YzIuMzU4MzksMy4wMzQyLDcuMzE4NjIuNTk1MzYsNy45OTk3OS0zLjk2NjQ0QzE5LjY1MSw2LjEwMDg2LDE2LjY4MjU3LDMuNDU4NjgsMTIuMDU2ODksMy40MTY2N1oiDQogICAgIGlkPSJwYXRoNCINCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz4NCjwvc3ZnPg0K)}@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){#gamipress-earnings-table,#gamipress-earnings-table thead,#gamipress-earnings-table tbody,#gamipress-earnings-table th,#gamipress-earnings-table td,#gamipress-earnings-table tr{display:block;width:100%}#gamipress-earnings-table td.gamipress-earnings-col-thumbnail{float:left;width:18%;margin-right:2%}#gamipress-earnings-table td.gamipress-earnings-col-thumbnail img{width:100%;height:auto}#gamipress-earnings-table td.gamipress-earnings-col-thumbnail.gamipress-earnings-col-empty{display:none}#gamipress-earnings-table td.gamipress-earnings-col-description{width:100%}#gamipress-earnings-table td.gamipress-earnings-col-description:after{content:" ";display:block;clear:both}#gamipress-earnings-table td.gamipress-earnings-col-date{width:48%;float:left}#gamipress-earnings-table td.gamipress-earnings-col-points{width:50%;text-align:right;float:right}#gamipress-earnings-table thead tr{position:absolute;top:-9999px;left:-9999px}#gamipress-earnings-table tr{padding-bottom:1em;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:1em}#gamipress-earnings-table tr:after{content:" ";display:block;clear:both}}#gamipress-earnings-table.gamipress-earnings-force-responsive,#gamipress-earnings-table.gamipress-earnings-force-responsive thead,#gamipress-earnings-table.gamipress-earnings-force-responsive tbody,#gamipress-earnings-table.gamipress-earnings-force-responsive th,#gamipress-earnings-table.gamipress-earnings-force-responsive td,#gamipress-earnings-table.gamipress-earnings-force-responsive tr{display:block}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-thumbnail{float:left;width:18%;margin-right:2%}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-thumbnail img{width:100%;height:auto}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-thumbnail.gamipress-earnings-col-empty{display:none}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-description{width:100%}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-description:after{content:" ";display:block;clear:both}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-date{width:48%;float:left}#gamipress-earnings-table.gamipress-earnings-force-responsive td.gamipress-earnings-col-points{width:50%;text-align:right;float:right}#gamipress-earnings-table.gamipress-earnings-force-responsive thead tr{position:absolute;top:-9999px;left:-9999px}#gamipress-earnings-table.gamipress-earnings-force-responsive tr{padding-bottom:1em;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:1em}#gamipress-earnings-table.gamipress-earnings-force-responsive tr:after{content:" ";display:block;clear:both}.gamipress-email-settings .gamipress-email-settings-header-yes,.gamipress-email-settings .gamipress-email-settings-header-no,.gamipress-email-settings .gamipress-email-settings-column-yes,.gamipress-email-settings .gamipress-email-settings-column-no{width:80px;text-align:center}.gamipress-email-settings-loader{position:absolute;right:-65px;font-size:80%;width:60px}.gamipress-email-settings-loader .gamipress-email-settings-saving{-webkit-animation:flickerAnimation 1s infinite;-moz-animation:flickerAnimation 1s infinite;-o-animation:flickerAnimation 1s infinite;animation:flickerAnimation 1s infinite}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.gamipress-shortcode-error{color:#a00;background-color:#fdd;padding:.5em 1em;margin-bottom:1em;border-radius:6px}.gamipress-shortcode-error .gamipress-shortcode-error-shortcode,.gamipress-shortcode-error .gamipress-shortcode-error-reminder{font-size:75%}.gamipress-shortcode-error .gamipress-shortcode-error-reminder{text-align:right}@media screen and (min-width:768px){.gamipress-shortcode-error .gamipress-shortcode-error-shortcode{float:left}}.latepoint-admin,
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.2;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
}
.latepoint-admin p,
.latepoint-w p {
line-height: 1.2;
}
.latepoint-admin .os-template-preview-content,
.latepoint-w .os-template-preview-content {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content h1, .latepoint-admin .os-template-preview-content h2, .latepoint-admin .os-template-preview-content h3, .latepoint-admin .os-template-preview-content h4, .latepoint-admin .os-template-preview-content h5,
.latepoint-w .os-template-preview-content h1,
.latepoint-w .os-template-preview-content h2,
.latepoint-w .os-template-preview-content h3,
.latepoint-w .os-template-preview-content h4,
.latepoint-w .os-template-preview-content h5 {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content .os-template-var,
.latepoint-w .os-template-preview-content .os-template-var {
font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-admin *,
.latepoint-admin *::before,
.latepoint-admin *::after,
.latepoint-w *,
.latepoint-w *::before,
.latepoint-w *::after {
box-sizing: border-box;
}
.latepoint-admin article, .latepoint-admin aside, .latepoint-admin figcaption, .latepoint-admin figure, .latepoint-admin footer, .latepoint-admin header, .latepoint-admin hgroup, .latepoint-admin main, .latepoint-admin nav, .latepoint-admin section,
.latepoint-w article,
.latepoint-w aside,
.latepoint-w figcaption,
.latepoint-w figure,
.latepoint-w footer,
.latepoint-w header,
.latepoint-w hgroup,
.latepoint-w main,
.latepoint-w nav,
.latepoint-w section {
display: block;
}
.latepoint-admin [tabindex="-1"]:focus,
.latepoint-w [tabindex="-1"]:focus {
outline: 0 !important;
}
.latepoint-admin hr,
.latepoint-w hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6,
.latepoint-w h1,
.latepoint-w h2,
.latepoint-w h3,
.latepoint-w h4,
.latepoint-w h5,
.latepoint-w h6 {
margin-top: 0;
}
.latepoint-admin p,
.latepoint-w p {
margin-top: 0;
}
.latepoint-admin abbr[title],
.latepoint-admin abbr[data-original-title],
.latepoint-w abbr[title],
.latepoint-w abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
.latepoint-admin address,
.latepoint-w address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.latepoint-admin ol,
.latepoint-admin ul,
.latepoint-admin dl,
.latepoint-w ol,
.latepoint-w ul,
.latepoint-w dl {
margin-top: 0;
margin-bottom: 1rem;
}
.latepoint-admin ol ol,
.latepoint-admin ul ul,
.latepoint-admin ol ul,
.latepoint-admin ul ol,
.latepoint-w ol ol,
.latepoint-w ul ul,
.latepoint-w ol ul,
.latepoint-w ul ol {
margin-bottom: 0;
}
.latepoint-admin dd,
.latepoint-w dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
.latepoint-admin blockquote,
.latepoint-w blockquote {
margin: 0 0 1rem;
}
.latepoint-admin dfn,
.latepoint-w dfn {
font-style: italic;
}
.latepoint-admin b,
.latepoint-admin strong,
.latepoint-w b,
.latepoint-w strong {
font-weight: bolder;
}
.latepoint-admin small,
.latepoint-w small {
font-size: 80%;
}
.latepoint-admin sub,
.latepoint-admin sup,
.latepoint-w sub,
.latepoint-w sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.latepoint-admin sub,
.latepoint-w sub {
bottom: -0.25em;
}
.latepoint-admin sup,
.latepoint-w sup {
top: -0.5em;
}
.latepoint-admin a:not([href]):not([tabindex]),
.latepoint-w a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
.latepoint-admin a:not([href]):not([tabindex]):focus,
.latepoint-w a:not([href]):not([tabindex]):focus {
outline: 0;
}
.latepoint-admin pre,
.latepoint-admin code,
.latepoint-admin kbd,
.latepoint-admin samp,
.latepoint-w pre,
.latepoint-w code,
.latepoint-w kbd,
.latepoint-w samp {
font-size: 1em;
}
.latepoint-admin pre,
.latepoint-w pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
.latepoint-admin figure,
.latepoint-w figure {
margin: 0 0 1rem;
}
.latepoint-admin img,
.latepoint-w img {
vertical-align: middle;
border-style: none;
}
.latepoint-admin svg,
.latepoint-w svg {
overflow: hidden;
vertical-align: middle;
}
.latepoint-admin table,
.latepoint-w table {
border-collapse: collapse;
}
.latepoint-admin caption,
.latepoint-w caption {
text-align: left;
caption-side: bottom;
}
.latepoint-admin th,
.latepoint-w th {
text-align: inherit;
}
.latepoint-admin label,
.latepoint-w label {
display: inline-block;
}
.latepoint-admin button,
.latepoint-w button {
border-radius: 0;
}
.latepoint-admin button:focus,
.latepoint-w button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.latepoint-admin input,
.latepoint-admin button,
.latepoint-admin select,
.latepoint-admin optgroup,
.latepoint-admin textarea,
.latepoint-w input,
.latepoint-w button,
.latepoint-w select,
.latepoint-w optgroup,
.latepoint-w textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.latepoint-admin button,
.latepoint-admin input,
.latepoint-w button,
.latepoint-w input {
overflow: visible;
}
.latepoint-admin button,
.latepoint-admin select,
.latepoint-w button,
.latepoint-w select {
text-transform: none;
}
.latepoint-admin button,
.latepoint-admin html [type=button],
.latepoint-admin [type=reset],
.latepoint-admin [type=submit],
.latepoint-w button,
.latepoint-w html [type=button],
.latepoint-w [type=reset],
.latepoint-w [type=submit] {
-webkit-appearance: button;
}
.latepoint-admin button::-moz-focus-inner,
.latepoint-admin [type=button]::-moz-focus-inner,
.latepoint-admin [type=reset]::-moz-focus-inner,
.latepoint-admin [type=submit]::-moz-focus-inner,
.latepoint-w button::-moz-focus-inner,
.latepoint-w [type=button]::-moz-focus-inner,
.latepoint-w [type=reset]::-moz-focus-inner,
.latepoint-w [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
.latepoint-admin input[type=radio],
.latepoint-admin input[type=checkbox],
.latepoint-w input[type=radio],
.latepoint-w input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.latepoint-admin input[type=date],
.latepoint-admin input[type=time],
.latepoint-admin input[type=datetime-local],
.latepoint-admin input[type=month],
.latepoint-w input[type=date],
.latepoint-w input[type=time],
.latepoint-w input[type=datetime-local],
.latepoint-w input[type=month] {
-webkit-appearance: listbox;
}
.latepoint-admin textarea,
.latepoint-w textarea {
overflow: auto;
resize: vertical;
}
.latepoint-admin fieldset,
.latepoint-w fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.latepoint-admin legend,
.latepoint-w legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
.latepoint-admin progress,
.latepoint-w progress {
vertical-align: baseline;
}
.latepoint-admin [type=number]::-webkit-inner-spin-button,
.latepoint-admin [type=number]::-webkit-outer-spin-button,
.latepoint-w [type=number]::-webkit-inner-spin-button,
.latepoint-w [type=number]::-webkit-outer-spin-button {
height: auto;
}
.latepoint-admin [type=search],
.latepoint-w [type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
.latepoint-admin [type=search]::-webkit-search-cancel-button,
.latepoint-admin [type=search]::-webkit-search-decoration,
.latepoint-w [type=search]::-webkit-search-cancel-button,
.latepoint-w [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.latepoint-admin ::-webkit-file-upload-button,
.latepoint-w ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
.latepoint-admin output,
.latepoint-w output {
display: inline-block;
}
.latepoint-admin summary,
.latepoint-w summary {
display: list-item;
cursor: pointer;
}
.latepoint-admin template,
.latepoint-w template {
display: none;
}
.latepoint-admin [hidden],
.latepoint-w [hidden] {
display: none !important;
} @keyframes statusIconPop {
0% {
transform: rotate(-90deg) scale(0.4);
opacity: 1;
}
100% {
transform: rotate(0deg) scale(1);
opacity: 1;
}
}
@font-face {
font-family: "latepointIcons";
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBnAAAAC8AAAAYGNtYXAXVtK7AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZmFR2WIAAAF4AAAlXGhlYWQp+doaAAAm1AAAADZoaGVhCqEG3AAAJwwAAAAkaG10eN/CAAAAACcwAAAA5GxvY2HvDvf0AAAoFAAAAHRtYXhwAHMA6QAAKIgAAAAgbmFtZUA710MAACioAAABnnBvc3QAAwAAAAAqSAAAACAAAwQSAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpNAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6TT//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAAFAAD/wAOrA8AAJAAvAGIAcQCAAAABNCYjFAYjIiY1IxQGIyImNSMUBiMiJjUjFAYjIiY1IgYdASE1BREUFjMhMjY1ESElERQGIyEiJjURNDYzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEyFhUBNDYzITIWFRQGIyEiJjUVNDYzITIWFRQGIyEiJjUDVRkRGRISGVUZEhEZVhkREhlVGRISGREZAqr9VhkRAlYRGf1WAwBLNf2qNUtLNRkSEhlVGRIRGVYZERIZVRkSEhk1S/1VGRIBqhIZGRL+VhIZGRIBqhIZGRL+VhIZAsASGRIZGRISGRkSEhkZEhIZGRIZElVVq/6AERkZEQGAq/3VNUtLNQIrNUsrERkZESsrERkZESsrERkZESsrERkZEStLNf7VEhkZEhEZGRGqERkZERIZGRIAAAABAAD/wAbcA8AAKgAAARYUBw4BBzgBMQEOASMiJicmNDcBISImNTQ2MyEBJjQ3NjIXATgBMR4BFwbcBQUDCAX+SAsbDg4bCxYWATv6Yx4rKx4Fnf7FFhYVPRYBuAUIAwHcDR0OBgwF/kkLCwsLFT0VATorHx4rAToVPRUWFv5JBQwHAAABAAD/wAbfA8AAKgAAASEBFhQHDgEjIiYnATgBIy4BJyY0Nz4BNzIwMQE2MhcWFAcBITIWFRQGIwaW+mMBOxYWChsPDhsK/kgBBQgCBgYCCAUBAbgVPRUWFv7FBZ0eKyseAXf+xhU9FQsLCwsBtwUMBg4dDQcMBQG3FhYVPRX+xiseHysAAAAAAQAA/8ADxAPAAAUAACUBNxcBFwGA/ryIvAG8iDgBRIi8AbyIAAAAAAEAAP/AA2ADwAAFAAABBwkBFwEBYGABoP5gYAIAA8Bg/mD+YGACAAABAAD/wAMAA8AABQAABTcJAScBAqBg/mABoGD+AEBgAaABoGD+AAAAAQAA/8AEAAPAAAUAABMXCQE3AQDAAUABQMD+AAEgwAFA/sDAAgAAAAEAAP/ABAADwAAFAAATFwkBNwEAgAGAAYCA/gABIIABgP6AgAIAAAABAAD/wAQAA8AABQAAAScJAQcBBADA/sD+wMACAAJgwP7AAUDA/gAAAQAA/8AEAAPAAAUAAAEnCQEHAQQAgP6A/oCAAgACYID+gAGAgP4AAAEAAP/AA0kDwAAfAAABNjQnJiIHCQEmIgcGFBcJAQYUFxYyNwkBFjI3NjQnAQNJDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAEMDSMNDAz+8wLMDSMNDAz+8wENDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAAAAAQAAP/AA1UDwAAPAC0AOwBJAAAlMDM6ATMyMTA1PAE1NDUhARQGIyEiJjURIiY1NDY7ATQ2MzIWFTMyFhUUBiMRATQ2MzIWFREUBiMiJjUDNDYzMhYVERQGIyImNQErQkOgQ0L+VgIAMiT+ViQyERkZEdYyIyMy1hEZGRH/ABkREhkZEhEZqxkSERkZERIZa0NEtl1dM/3WJDIyJAIqGRISGSMyMiMZEhIZ/dYBqhIZGRL+1hIZGRIBKhIZGRL+1hIZGRIAAAAAAwAA/8ADqwPAACAAPQBZAAABNzYWFxYUDwEXFhQHDgEvAQcGJicmND8BJyY0Nz4BHwERIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIzUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYCAGoMIw0NDWpqDQ0NIwxqagwjDQ0NamoNDQ0jDGpYTk50ISIiIXROTlhYTk50ISIiIXROTlhHPj5dGxoaG10+PkdHPj5dGxoaG10+PgH8ag0BDA0jDGpqDCMNDAENamoNAQwNIwxqagwjDQwBDWr+GSIhdE5OWFhOTnQhIiIhdE5OWFhOTnQhIlYaG10+PkdHPj5dGxoaG10+PkdHPj5dGxoAAAAEAAD/wAOrA8AADQAcACIAJwAANzQ2MyEyFhUUBiMhIiYBFxYUBwEHBiY/AQE2MhcBJw8BPwEBJwcXN1UZEgMAEhkZEv0AEhkC+zwZGf5anyMkCSgBphlHGf6GPBwUUBwBHzzjPeJGEhkZEhIZGQMePRlGGf5ZKAgkI54BpxkZ/g48HFEUHQEePeI94gAAAAAGAAD/wAOrA8AAGwA4AFUAYQBtAHoAAAEUBgcVFAYjIiY9AS4BNTQ2NxE0NjMyFhURHgElFAYHERQGIyImNREuATU0Njc1NDYzMhYdAR4BFSUUBgcRFAYjIiY1ES4BNTQ2NzU0NjMyFh0BHgEVBzI2NTQmIyIGFRQWATI2NTQmIyIGFRQWATI2NTQmIyIGFRQWMwKAMCUZEhIZJTAwJRkSEhklMAErMCYZERIZJTAwJRkSERkmMP2qMCUZEhEZJjAwJhkREhklMIASGRkSERkZATwSGRkSEhkZAT0RGRkREhkZEgEVKUINMhIZGRIyDUIpKkINAYcSGRkS/nkNQtYpQg3+zhIZGRIBMg1CKSpCDYcSGRkShw1CKlYqQg3+eRIZGRIBhw1CKilCDTISGRkSMg1CKSsZEhEZGRESGf6rGRESGRkSERkBABkREhkZEhEZAAAABAAA/8ADfwPAAF4AxQDRAN0AAAEXMDY3NhYfARYGBw4BMTAWFRQGMTAWFx4BDwEOAScwJjEHMAYHDgErASImJy4BMScwBgcGJi8BJjY3PgExMDQ1PAExMCYnLgE/AT4BFx4BMTcwNjc+ATsBMhYXHgExBycuAScmIgcOAQ8CDgEPAScuASciBhceAR8BBw4BFRQWHwEHDgEHBhYzPgE/ARceAR8CHgEXFjI3PgE/Aj4BPwEXHgEXMjYnLgEvATc0NjU8AS8BNz4BNzYmIw4BDwEnLgEvAQMiJjU0NjMyFhUUBicyNjU0JiMiBhUUFgKKH2AEFioKKAsDDAM/AQE/Ag0DCygLKRVlHyICCCcWTxYmCAIiIGAEFikLKAsDDQM+PgMNAgooCykVBWEfIQIJJhZPFicIAiJHBQcaAgFBAQIaBgYSDRkLEBQVSwUDIAICMQ8OAgEBAQECDg8xAgIgAwVLFRQQCxkNEgYGGgIBQQECGgcFEw0YDBATFUwEAiEBAzEPDgMBAQMODzEDASADBEwVExAMGA0TSTVLSzU1S0s1ERkZERIZGQLeEhABAhUSRRMuEAVLCAoFDkoEES4TRRMUAhITWwQUGhoTBFwTEQECFRJFEy4QBUsICgUNSwQRLhNFExQCARETWwQUGhoTBFw+ExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYIExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYI/qBLNTVLSzU1S1UZEhIZGRISGQAAAAEAAP/AAwADwAAXAAABMzUjIgcOAQcGHQEjFTMRMxEzNyM1NDYCYKCgLikpPRESgIDAoCDAEwMAwBIRPSkpLmDA/gACAMBgDRMAAAABAAD/wAP2A8AAOgAAARUhBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXNyYnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NjU0JicCCgEjBRESRDY1TEE6OlYZGRkZVjo6QUtlHIshJyZWLzA0al1diykoKCmLXV1qb1tagSQjBQMCCa8dJiZEGBgZGlc7O0NDOztXGhkzHIYfGRkjCQkoKIteXWpqXV6LKCglJYVcXG0ZKRMAAAADAAD/wAOlA8AAKgBSAF4AADcXMzc+AT8CPgEXMBYXFjY3Njc2NCcmJyYnJiIHBgcOARcWFA8BBiInBxcHDgEPAg4BKwEiJjUnNDY3ASY2NzY3NjIXFhcWFxYUBwYHDgEnBwE2NCcmIgcGFBcWMqoBWRACDwk2vAYUCAcJN3QrHw8QEA8gHycoUSgnHzITHxMTYhM1E233NwgPAgoPBxUJkxEZAQkHAQwUJjsrNzdzNzcrLBYWFhUsOptLowFKExMTNRITExM1yls8CQ4CC7sGBAQDAxEbKx8nKFEoJx8fEBAQDx8zijwTNRNiExJsOAoCDwg3DwYJGRKTCRUHAQxLmzosFRYWFiwrNzdzNzcrOyYUpAHEEjUTExMSNRMTAAAEAAD/wANVA8AAFAAzADwAQAAAATQ2MzIWFRQGBxUUBiMiJj0BLgE1AzQ3PgE3NjMyFx4BFxYdATIWFREUBiMhIiY1ETQ2MzMhNTQmIyIGFQcRIREBqzIjIzIXExkSEhkTF6sUFEYuLzU1Ly5GFBQjMjIj/gAjMjIjVQFWZEdHZFUCAAErIzIyIxgnCyESGRkSIQsnGAFANS4vRRUUFBVFLy41azIj/sAkMjIkAUAjMmtGZGRGwP7AAUAAAAEAAP/AA1UDwAAOAAABISIGFRQWMyEyNjU0JiMDK/2qExcXEwJWExcXEwHVFxMUFxcUExcAAAAAAwAA/8AD1QPAABsANwBGAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIgYVFBYzITI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZb/qoTFxcTAVYTFxcTA4AlJIBVVmFiVVZ/JSUlJX9WVWJhVlWAJCX8qx4eaEZGUFBGRmgeHh4eaEZGUFBGRmgeHgGqFxMUFxcUExcAAAAAAwAA/8ADqwPAAA8AHwAuAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMhIgYVFBYzITI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqv6qExcXEwFWExcXEwNVSTf9qzZKSjYCVTdJ/SsTGBgTAlUUFxcU/wAXExQXFxQTFwABAAD/wANVA8AAIAAAASERNCYjIgYVESEiBhUUFjMhERQWMzI2NREhMjY1NCYjAyv/ABgTExj/ABMXFxMBABgTExgBABMXFxMB1QEAFBcXFP8AFxMUF/8AExgYEwEAFxQTFwAAAwAA/8AD1QPAABsANwBYAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZbgBgTExiAExcXE4AYExMYgBMXFxMDgCUkgFVWYWJVVn8lJSUlf1ZVYmFWVYAkJfyrHh5oRkZQUEZGaB4eHh5oRkZQUEZGaB4eAaqAFBcXFIAXExQXgBMYGBOAFxQTFwAAAwAA/8ADqwPAAA8AHwBAAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqoAYExMYgBMXFxOAGBMTGIATFxcTA1VJN/2rNkpKNgJVN0n9KxMYGBMCVRQXFxT/AIAUFxcUgBcTFBeAExgYE4AXFBMXAAAAAwAA/8ADgAPAABAAGwAlAAABISIGFREUFjMhMjY1ETQmIwUhESEiBgcRNDYzESImNTQ2MyEVIQNV/cA8WVk8AkAUFxcU/cACFv3qECAQJxkZJycZAhb96gOAWTz9gD1ZGBMDVRQXVf3VBwoB/Bkn/QAmGhkngAAAAwAA/8ADqwPAACIAPwBJAAABIzU0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmIwUzFRQWMzI2PQEhFRQWMzI2PQEzMhYdASE1NDYzASEiJjURIREUBgMrVhcTFBf/ABcUExdWNkpKNgJWNkpKNv2qVhcTFBcBABcUExdWExf9VhcTAlb9qhMXAqoXAysqFBcXFCoqFBcXFCpKNv2qNkpKNgJWNkpWKhQXFxQqKhQXFxQqFxOAgBMX/VYXEwGA/oATFwACAAD/qwQAA8AABgAKAAAFIREhESERAyERIQGa/mYBmgGZzQGa/mZVAzP+Zv5nBAD+ZgAAAgAA/8ADqwPAADEAYwAAASYnLgEnJicjOAExIgYHBgcOAQcGFRQWFwcGFhceATMyNj8BHgEzMjc+ATc2Nz4BPQEHOAExFAYHBgcOAQcGIyImJy4BIwc3NiYnLgE1NDc+ATc2Nz4BMzgBMTMWFx4BFxYXFQOrBR8gZkREThYwWSo1Kio6DxASEE0DBQcJDwoDBwPiJlQsOjY2XyYmGhYVVhIQFR0eSisqLyZGIAcSCqI4AwEHEBINDC8hISogSSMRPTU1URkaBAHaTEREZh8fAxQWGiYmXzY2OipWJuMMGAYHBgEDTRASDxA5KikzKV4wFhomSCMqICEtCwwSEAMBN6IKDwkgSiMuKytJHh4VEBIDGBlQNTU9FQAAAAACAAD/wAOrA8AAFwAoAAABISIGFREUFhceATMyNj8BITI2NRE0JiMTFAYjISIGDwERNDYzITIWFQMr/ao2Sg0NAwsDCg0HngHvNkpKNioXE/4ACg4GYhcTAlYTFwNVSTf9Vg0XAwMBBgeeSTcBqjdJ/dYUFwYHYgJEFBcXFAAAAAEAAP/AA7cDwABUAAABJiIHAQYHBiInJicmJyY0NzY3ATYyFxYUBwEGIicuATU0NjcBNjQnJiIHAQ4BFRQWFxYyNwE2NzY0JyYnLgEjIgYHAQYHBhQXFhceATMyNjcBNiYnA68NIg3+eCAoJ1InJyAgEBAQECABiCNtIycn/ngNIg0DBQYGAWsNDQ0iDf6WExQUEyZqIwGIIBAQEBAgHE8qKU8d/ncrFhUVFistbzo5by0BiAcCDQHzDQ3+eCAQEBAQICAnJ1InKCABiCMjJmoj/ncMDAQMCgoNBwFrDCINDQ3+lhAwGhowECYmAYkgJyhRKCcgHSMgIP53Kzc3czg3Ky0oKyoBiAolDQAEAAD/wAPVA8AAIwAnACsARgAAASMRNCYjISIGFREjIgYdARQWOwEVFBYzITI2PQEzMjY9ATQmJSEVIQEhESEXFAYrATU0JiMhIgYdASMiJj0BNDYzITIWHQEDVSoYE/4AExgqN0lJNyoYEwIAExgqN0lJ/Z8Bqv5WAar+VgGqqxcUKhgT/gATGCoUFxcUAqoUFwJVAQAUFxcU/wBJN9U2SoATGBgTgEo21TdJ1tb91gEAKxMYgBQXFxSAGBPVFBcXFNUAOQAA/8AEAAPAAAMACAAMABAAFQAZAB0AIgAmACoALgAyADYAOgA+AEIARgBKAE4AUgBWAFoAXgBiAGYAagBuAHIAdgB6AH4AggCGAIoAjgCSAJYAmgCeAKIApgCqAK4AsgC2ALoAvgDCAMYAygDOANIA1gDaAN4A4gDmAAABIREhEzERIREXMxUjJSERIRMxESERFzMVIwEhESETMREhERczFSMBMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMjMxUjFTMVIzsBFSMjMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMBMxUjJTMVIzczFSMnMxUjJTMVIzsBFSM3MxUjOwEVIzczFSM7ARUjNzMVIzsBFSM3MxUjFzMVIyUzFSM3MxUjOwEVIzczFSM3MxUjFzMVIyUzFSM3MxUjNzMVIzsBFSM3MxUjFzMVIyUzFSM7ARUjNzMVIzsBFSMjMxUjNzMVIzczFSMBQP8AAQBA/oCAgIADQP8AAQBA/oCAgID+QP8AAQBA/oCAgIABQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEABwEBA/IBAQEBAQIBAQAEAQEBAQEBAQEDAQEBAQEBAQEBAQEBAQEBAQEBAQED+gEBAQEBAQEBAgEBAQEBAQEBA/oBAQEBAQIBAQEBAQEBAQEBAQP7AQEBAQEBAQEBAQEDAQECAQECAQEADgP8AAUD+gAGAgIDA/wABQP6AAYCAgP5A/wABQP6AAYCAgAOAQEBAQEBAQEBAQEBAQEBAQAIAQEBAgEBAQEBAQIBAQIBAQIBAQIBAgEBAQIBAQEBAgECAQEBAgEBAQECAQIBAgEBAgEBAQEBAQEAAAAACAAD/wAOrA8AAJgBLAAABIgYVERQGIyEiJjURNDYzITI2NTQmIyEiBhURFBYzITI2NRE0JiMTLgEnLgEjISIGFRQWOwEBBhQXHgEzMjY3ARUUFjMyNjURNCYnAwATGBcT/ioTFxcTAQAUFxcU/wA2Sko2AdY2ShgTpgMMBgMLA/8AExgYE5r+cw0NBg4KCQ4HAYwYExMYAQQBqxgT/wATGBgTAdUUFxcUExdJN/4rNkpKNgEAExgBkQYMAwMBFxMUF/5zDSINBgYGBgGNmRQXFxQBAAMLAwAGAAD/wAOAA8AAGQAcAC8APgBNAFwAAAEuAScBLgEjLgEjISIGFREUFjMhMjY1ETQmJxcjEyEiJjURNDYzIRUUFjsBERQGIwMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwEzMjY1NCYrASIGFRQWMwN8AwMD/wADBgQDCgT+qzZKSjYCADZKAf9vb4D+ABMYGBMBKxcT1hgTVf6qExcXEwFWExcXE/6qExcXEwFWExcXE/6qVhMXFxNWExcXEwJmBAYDAQADBgMBSjb9VTZKSjYCAAQKjG/9qxcTAqsTGNYTF/4qExcBgBgTExgYExMYqxcUExcXExQXAQAXFBMXFxMUFwAGAAD/wAOrA8AADgAdACsAQQBXAG0AAAEhMjY1NCYjISIGFRQWMwUhIgYVFBYzITI2NTQmIxEhIgYVFBYzITI2NTQmAQ4BFRQWFx4BMzI2Nz4BNTQmJyYiBxEOARUUFhceATMyNjc+ATU0JicmIgcRDgEVFBYXHgEzMjY3PgE1NCYnJiIHAVUCKxMYGBP91RMXFxMCK/3VExcXEwIrExgYE/3VExcXEwIrExgY/M8GBwcGBw0KCg0HBgcHBg0iDQYHBwYHDQoKDQcGBwcGDSINBgcHBgcNCgoNBwYHBwYNIg0CgBcUExcXExQXqxcTFBcXFBMX/wAXExQXFxQTFwH0Bw4JCg4GBwYGBwYOCgkOBwwM/wAHDgkKDgYHBgYHBg4KCQ4HDAz/AAcOCQoOBgcGBgcGDgoJDgcMDAAAAwAA/8ADqwPAAA4AHAAqAAABISIGFRQWMyEyNjU0JiMlITI2NTQmIyEiBhUUFgEhIgYVFBYzITI2NTQmA4D9ABMYGBMDABMYGBP9AAMAExgYE/0AExgYAxP9ABMYGBMDABMYGAHVFxMUFxcUExerFxQTFxcTFBf+VRcTFBcXFBMXAAAABAAA/8AEAAPAAAwAGAA8AEcAACUUBiMiJjU0NjMyFhUhFAYjIiY1NDYzMhYTLgEjIScuASsBIgYVFBY7ARcwFDETHgEzMDIzITI2NxM0JicDDgEjISImJwMhAwHVMiMjMjIjIzIB1jIkIzIyIyQyTAYSCv1NIgMYEKoUFxcUiCJJCUYtAQMBnjBGCkQCB5EDFxD+YhAYA0ACbzwrJDIyJCMyMiMkMjIkIzIyAnYKB7QQEhgTExizBP6eLTo6LQFmChIG/okQEhIQATP+zQAAAAEAAP/AAw0DwAAMAAABBycHJzcnNxc3FwcXAw1as7NasrJas7NasrIBDVqyslqzs1qyslqzswAAAQAA/8ADcwPAABYAAAEmIgcBJyYiBwYUHwEeATMyNjcBNjQnA3MNIg3+SbcNIg0NDdUHDQoKDQcB1Q0NAskMDP5IuAwMDSIN1gYGBgYB1g0iDQAABgAA/8AEAAPAAA4AHQArAEMAWwByAAATMjY1ETQmIyIGFREUFjMhIgYVERQWMzI2NRE0JiMFMjY1ETQmIyIGFREUFikBIgYVFBY7AREUFjMyNjURMzI2NTQmIwEjNTQmIyIGHQEjIgYVFBYzITI2NTQmIwEhIgYVFBY7ARUUFjMyNj0BMzI2NTQmqxMXFxMUFxcUAVUTGBgTExgYEwFVFBcXFBMXF/3p/wAUFxcUVRcUExdWExcXEwFVVRgTExhVExgYEwEAExgYEwFV/wATFxcTVhcTFBdVFBcXAdUYEwErExcXE/7VExgXE/6AFBcXFAGAExdVFxQBgBMXFxP+gBQXFxQTF/8AFBcXFAEAFxMUFwEAqxMXFxOrFxQTFxcTFBf+qxgTExiqFBcXFKoYExMYAAAEAAD/wAPVA8AAGQAeADUATAAAEwUeATMyNjclPgE1NCYnJSYiBwUOARUUFhclDQEtAQEFJSYGBwYWFwUeATMyNjclPgEnLgEHNQUlJgYHBhYXBR4BMzI2NyU+AScuAQdEAasDCAYGCAMBqw0MDA3+VQoTCf5VCgsMDQG8AU3+s/6zAU0Bmv5m/mYQIQYGCg0BqwYJBgYIAwGrEAoJByAM/mb+ZhAhBgYKDQGrBgkGBggDAasQCgkHIAwCWtYDAQED1gYTDQ0TBtYDA9YGEw0NEwbMpqampv3Wzc0GCwwNJAfVBwIBBNUGIRAQDAbVzc0GCg0QIQbWBgIBA9UHIRAQCwYAAAUAAP+3A9UDwAAdACcAKwAzADoAAAElOAExJiIHBQ4BFREUFhcFHgEzMjY3JT4BNRE0JiU+ATMyFhcFByUTJTcFAS4BNREFESUhBRElERQGA43+qhk9Hf6rICQlIwFWDB4NEBsMAVYgKCX+PwMLAwYIAwE8eP60d/6zeAFM/h4JDAFV/sAC0f7FAVUNAuarDQ2rEDsk/msjQBCrBgcHBqsQPSYBlSQ7cwMBAQOePKb+76c7pv53BxYKAYiq/l6dnQGiqv54DRMABAAA/8ADqwPAACQAKQAzAFQAAAEwJiMwJiMnLgEjISIGDwEwBiMwBiMcARURFBYzITI2NRE0JiclIRchNwEhIiY1ESERFAYDIgYVFAYjIiY1NCYjIgYVFBceARcWMzI3PgE3NjU0JiMDpgEDAQOAAxEK/gAKEgaAAQMBBEo2AlY2SgEE/W8B1kD9qkACFv2qExcCqheTFBdKNjZKFxQTFxAROScnLS0nJzkREBcTArwEBKsKBwcKqwQEBwcD/ao2Sko2AlYDBwdvVlb9ABcTAiv91RMXAgAYEzZKSjYTGBgTLScnOREQEBE5JyctExgAAwAA/8ADqwPAACIALQA4AAABIzU0JisBIgYdASMiBhUUFjsBERQWMyEyNjURMzI2NTQmIyU0NjsBMhYdASE1ARQGIyEiJjURIREDgKtJN6o3SasTGBgTK0k3Aao3SSsTGBgT/gAXFKoUF/8AAYAXFP5WFBcCAALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAAUAAP/AA6sDwAAiAC0AOABHAFYAAAEjNTQmKwEiBh0BIyIGFRQWOwERFBYzITI2NREzMjY1NCYjJTQ2OwEyFh0BITUBFAYjISImNREhEQEiBhURFBYzMjY1ETQmIzMiBhURFBYzMjY1ETQmIwOAq0k3qjdJqxMYGBMrSTcBqjdJKxMYGBP+ABcUqhQX/wABgBcU/lYUFwIA/qsUFxcUExcXE6oTFxcTFBcXFALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAasXFP8AExcXEwEAFBcXFP8AExcXEwEAFBcAAAEAAP/AA1UDwAAkAAABITc2NCcmIgcBDgEVBhQXHgEXAR4BMzI2NzY0LwEhMjY1NCYjAyv+EeINDQ0iDf7VAwUDAwMCAwErBxEGBhEHDQ3iAe8TFxcTAdXiDSINDQ3+1gQGAwcSCQQGA/7VBgcHBg0iDeIXFBMXAAEAAP/AA1EDwAAkAAABNjQnLgEnASYiBwYUHwEhIgYVFBYzIQcGFBceATMyNjcBPgE1A1EDAwMCA/7VDSINDQ3i/hETFxcTAe/iDQ0HEQYGEQcBKwMFAZoGEgoDBgQBKg0NDSIN4hcTFBfiDSINBgcHBgErAwYEAAEAAP/AAp4DwAAWAAABNzY0JyYiBwEGFBcBHgEzMjY3NjQvAQG84g0NDSIN/wANDQEABxEGBhEHDQ3iAaviDSINDAz/AA0iDf8ABwYGBw0iDeIAAAEAAP/AAp4DwAAWAAAJASYiBwYUHwEHBhQXHgEzMjY3ATY0JwKe/wANIg0NDeLiDQ0HDQoKDQcBAA0NAckBAAwMDSIN4uINIg0HBgYHAQANIg0AAAMAAP/ABAADwAAPABoAJQAAASEiBhURFBYzITI2NRE0JgUhMhYdASE1NDYzASEiJjURIREUBiMDgP0ANkpKNgMANkpK/MoDABMY/KoYEwMA/QATGANWGBMDK0o2/gA3SUk3AgA2SlYXE4CAExf9qxcUASr+1hQXAAMAAP/AA6sDwAAUABoAKAAANzMyNjcBNjQvASYiBwEOAR0BFBYzNwEXASM1ASEiBhUUFjMhMjY1NCaAqwkOBwHVDQ2rDSIN/isGBxgTKwGqb/5WbwLV/QATGBgTAwATGBirBgYB1g0iDaoNDf4rBw0KqxMXxAGrb/5Vb/68GBMTGBgTExgAAAABAAAAAQAApoQrQV8PPPUACwQAAAAAAOH9ytkAAAAA4f3K2QAA/6sG3wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAbiAAAAAAbfAAEAAAAAAAAAAAAAAAAAAAA5BAAAAAAAAAAAAAAAAgAAAAQAAAAG4gAABuAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgDGAQgBTAFgAXQBiAGcAbABxAHYAhQCeAMAA0gD8gUmBUwFpgY2BpQGsAccB2IHlAgSCGwIqAkMCSYJtAn0CnoK3AwkDJANFA2yDfQOXA54DqIPPA++ECIQmhDqEWIRnhHaEgQSLhJqEq4AAQAAADkA5wA5AAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=latepoint-icon-], [class*=" latepoint-icon-"] { font-family: "latepointIcons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.latepoint-icon-qrcode:before {
content: "\e921";
}
.latepoint-icon-cross:before {
content: "\e927";
}
.latepoint-icon-google:before {
content: "\e911";
}
.latepoint-icon-facebook:before {
content: "\e910";
}
.latepoint-icon-brand:before {
content: "\e910";
}
.latepoint-icon-social:before {
content: "\e910";
}
.latepoint-icon-arrow-up:before {
content: "\e906";
}
.latepoint-icon-arrow-up2:before {
content: "\e907";
}
.latepoint-icon-arrow-down:before {
content: "\e908";
}
.latepoint-icon-arrow-down2:before {
content: "\e909";
}
.latepoint-icon-arrow-right:before {
content: "\e904";
}
.latepoint-icon-arrow-left:before {
content: "\e905";
}
.latepoint-icon-lp-logo:before {
content: "\e91c";
}
.latepoint-icon-arrow-left1:before {
content: "\e92f";
}
.latepoint-icon-arrow-right1:before {
content: "\e930";
}
.latepoint-icon-book:before {
content: "\e91a";
}
.latepoint-icon-calendar:before {
content: "\e91b";
}
.latepoint-icon-check:before {
content: "\e928";
}
.latepoint-icon-chevron-left:before {
content: "\e931";
}
.latepoint-icon-chevron-right:before {
content: "\e932";
}
.latepoint-icon-credit-card:before {
content: "\e933";
}
.latepoint-icon-edit-3:before {
content: "\e934";
}
.latepoint-icon-external-link:before {
content: "\e922";
}
.latepoint-icon-file-text:before {
content: "\e923";
}
.latepoint-icon-layers:before {
content: "\e92a";
}
.latepoint-icon-list:before {
content: "\e924";
}
.latepoint-icon-menu:before {
content: "\e925";
}
.latepoint-icon-message-circle:before {
content: "\e91d";
}
.latepoint-icon-message-square:before {
content: "\e91e";
}
.latepoint-icon-minus:before {
content: "\e914";
}
.latepoint-icon-minus-circle:before {
content: "\e915";
}
.latepoint-icon-minus-square:before {
content: "\e916";
}
.latepoint-icon-package:before {
content: "\e92b";
}
.latepoint-icon-paperclip:before {
content: "\e91f";
}
.latepoint-icon-plus:before {
content: "\e917";
}
.latepoint-icon-plus-circle:before {
content: "\e918";
}
.latepoint-icon-plus-square:before {
content: "\e919";
}
.latepoint-icon-printer:before {
content: "\e920";
}
.latepoint-icon-shopping-bag:before {
content: "\e92c";
}
.latepoint-icon-shopping-cart:before {
content: "\e926";
}
.latepoint-icon-sliders:before {
content: "\e929";
}
.latepoint-icon-trash:before {
content: "\e92d";
}
.latepoint-icon-trash-2:before {
content: "\e92e";
}
.latepoint-icon-clothes-21:before {
content: "\e912";
}
.latepoint-icon-ui-09:before {
content: "\e913";
}
.latepoint-icon-ui-15:before {
content: "\e90b";
}
.latepoint-icon-ui-24:before {
content: "\e90c";
}
.latepoint-icon-ui-50:before {
content: "\e90d";
}
.latepoint-icon-ui-47:before {
content: "\e90e";
}
.latepoint-icon-ui-46:before {
content: "\e90f";
}
.latepoint-icon-common-01:before {
content: "\e90a";
}
.latepoint-icon-checkmark:before {
content: "\e903";
}
.latepoint-icon-arrow-2-right:before {
content: "\e901";
}
.latepoint-icon-arrow-2-left:before {
content: "\e902";
}
.latepoint-icon-ui-83:before {
content: "\e900";
} @font-face {
font-family: "latepoint";
src: url(//therisk.global/wp-content/plugins/latepoint/public/fonts/latepoint-regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "latepoint";
src: url(//therisk.global/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: block;
}
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 15px;
}
.latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
}
.latepoint-w .latepoint-section-heading-w {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
padding: 10px 0px;
margin-top: 20px;
}
.latepoint-w .latepoint-section-heading-w .latepoint-section-heading {
margin: 0px;
padding: 0px;
}
.latepoint-w .latepoint-section-heading-w .heading-extra {
font-weight: 600;
color: #7c85a3;
}
.latepoint-tab-content {
display: none;
}
.latepoint-tab-content.active {
display: block;
}
.order-payments-form-wrapper .total-order-payments-info {
margin-bottom: 30px;
}
.order-payments-form-wrapper .total-order-payments-info .topi-amount {
font-size: 46px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info {
color: #7c85a3;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: baseline;
gap: 5px;
color: var(--latepoint-brand-primary);
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info a span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.order-payments-form-wrapper .topi-heading {
display: flex;
align-items: center;
gap: 10px;
font-size: 20px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
line-height: 1.1;
margin-bottom: 15px;
}
.order-payments-form-wrapper .topi-heading .topih-line {
height: 10px;
background-color: #eee;
flex: 1;
}
.order-payments-form-wrapper .topi-transaction {
padding: 15px;
border: 1px solid #eee;
border-bottom-color: #aaa;
position: relative;
}
.order-payments-form-wrapper .topi-transaction + .topi-transaction {
margin-top: 15px;
}
.order-payments-form-wrapper .topi-transaction .topit-amount {
font-size: 17px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.order-payments-form-wrapper .topi-transaction .topit-sub-info {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
color: #7c85a3;
}
.order-payments-form-wrapper .topi-transaction .topit-transaction-status {
position: absolute;
top: 0px;
right: 0;
padding: 2px;
background-color: #eee;
font-size: 11px;
}
.order-summary-items-heading {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #7c85a3;
line-height: 1.1;
}
.order-summary-items-heading .osih-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
}
.latepoint-btn {
padding: 9px 14px;
background-color: var(--latepoint-brand-primary);
color: #fff;
border-radius: 0px;
text-decoration: none !important;
font-weight: 600;
display: inline-block;
box-shadow: none;
border: none;
line-height: 1.2;
cursor: pointer;
}
.latepoint-btn:hover, .latepoint-btn:focus {
outline: none;
color: #fff !important;
background-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
box-shadow: none;
}
.latepoint-btn.latepoint-btn-sm {
padding: 6px 8px;
font-size: 15px;
}
.latepoint-btn.latepoint-btn-danger {
background-color: #FB7F7F;
color: #fff;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
background-color: transparent;
border-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link i {
color: #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
border-bottom: 1px solid #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus {
color: transparent !important;
background-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid #d83838;
border-left: 2px solid #d83838;
border-top: 2px solid #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) {
color: #d83838 !important;
background-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) i {
color: #d83838 !important;
}
.latepoint-btn.latepoint-btn-danger:focus, .latepoint-btn.latepoint-btn-danger:active {
color: #fff;
background-color: #FB7F7F;
}
.latepoint-btn.latepoint-btn-danger:hover {
background-color: #f94e4e;
}
.latepoint-btn.latepoint-btn-primary {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.latepoint-btn.latepoint-btn-primary span {
color: #fff;
}
.latepoint-btn.latepoint-btn-primary i {
color: #fff;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
background-color: transparent;
color: var(--latepoint-brand-primary);
border: 1px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
border-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
color: var(--latepoint-brand-primary);
background-color: transparent;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after {
border-bottom-color: var(--latepoint-brand-primary);
border-left-color: var(--latepoint-brand-primary);
border-top-color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: var(--latepoint-brand-primary);
border-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
border-bottom: 1px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) {
color: var(--latepoint-brand-primary) !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) i {
color: var(--latepoint-brand-primary) !important;
}
.latepoint-btn.latepoint-btn-grey {
background-color: #eee;
color: #111 !important;
}
.latepoint-btn.latepoint-btn-white {
background-color: #fff;
color: #111 !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link {
background-color: transparent;
color: #fff;
border-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link i {
color: #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link span {
border-bottom: 1px solid #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) {
color: #fff !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) i {
color: #fff !important;
}
.latepoint-btn.latepoint-btn-block {
display: block;
text-align: center;
flex: 1;
}
.latepoint-btn.os-loading {
color: transparent !important;
position: relative;
}
.latepoint-btn.os-loading span, .latepoint-btn.os-loading i {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-btn.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.os-loading:focus span, .latepoint-btn.os-loading:focus i {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-btn.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-btn.os-loading.latepoint-btn-white:after, .latepoint-btn.os-loading.latepoint-btn-secondary:after {
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
}
.latepoint-btn.latepoint-btn-secondary {
background-color: #EDEFF6;
color: #252C39;
}
.latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
border-color: 2px solid #111;
}
.latepoint-btn.latepoint-btn-secondary:hover, .latepoint-btn.latepoint-btn-secondary:focus {
outline: none;
color: #252C39 !important;
background-color: #cbd1e5;
box-shadow: none;
}
.latepoint-btn span {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.latepoint-btn i {
display: inline-block;
vertical-align: middle;
}
.latepoint-btn i + span {
margin-left: 6px;
}
.latepoint-btn span + i {
margin-left: 6px;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-center {
text-align: center;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-right {
text-align: right;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-left {
text-align: left;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-justify {
text-align: center;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-justify .latepoint-book-button {
display: block;
}
.latepoint-book-button {
line-height: 1em;
cursor: pointer;
transition: initial;
}
.latepoint-book-button.os-loading {
transition: all 0.2s linear;
color: transparent !important;
position: relative;
}
.latepoint-book-button.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-w .os-form-w {
background-color: #fff;
padding: 30px;
margin: 20px 0px;
}
.latepoint-w .os-form-group {
margin-bottom: 15px !important;
position: relative;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
position: relative !important;
display: block !important;
box-shadow: none !important;
border: 1px solid #cad2e0 !important;
padding: 12px 10px 12px 10px !important;
border-radius: 0px !important;
background-color: #fff !important;
width: 100%;
color: #32373c;
line-height: 1.2;
font-size: 15px !important;
font-weight: 400 !important;
transition: all 0.2s ease;
height: auto;
margin: 0px;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: #fff !important;
border-color: #5779ef !important;
outline: none;
box-shadow: none;
}
.latepoint-w .os-form-group.os-form-select-group textarea,
.latepoint-w .os-form-group.os-form-select-group input[type=number],
.latepoint-w .os-form-group.os-form-select-group input[type=email],
.latepoint-w .os-form-group.os-form-select-group input[type=password],
.latepoint-w .os-form-group.os-form-select-group input[type=text],
.latepoint-w .os-form-group.os-form-select-group input[type=tel], .latepoint-w .os-form-group.os-form-textfield-group textarea,
.latepoint-w .os-form-group.os-form-textfield-group input[type=number],
.latepoint-w .os-form-group.os-form-textfield-group input[type=email],
.latepoint-w .os-form-group.os-form-textfield-group input[type=password],
.latepoint-w .os-form-group.os-form-textfield-group input[type=text],
.latepoint-w .os-form-group.os-form-textfield-group input[type=tel] {
-webkit-appearance: none;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid label, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid label {
color: #d56e67 !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control {
border-color: #eb3a3a !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control::placeholder, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control::placeholder {
color: #e38888 !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control:focus {
border-color: #c10505 !important;
}
.latepoint-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 15px;
margin: 0px;
}
.latepoint-w .os-form-group.os-form-select-group select.os-form-control {
height: auto !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group > label {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group .os-form-group {
margin-bottom: 3px !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group .os-form-group label {
font-size: 13px;
}
.latepoint-w .os-form-group.os-form-checkbox-group label {
padding: 0px;
border-radius: 0px;
display: flex;
gap: 8px;
align-items: center;
color: var(--latepoint-body-color);
vertical-align: middle;
margin: 0px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
}
.latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
display: inline-block;
vertical-align: middle;
border-radius: 0px;
box-shadow: none;
border-color: #aaa;
}
.latepoint-w .os-form-group.os-form-checkbox-group label a {
text-decoration: underline;
}
.latepoint-w .os-form-group.os-form-textfield-group label {
display: block;
margin-bottom: 1px;
line-height: 1.1;
cursor: default;
font-size: 12px !important;
color: #AFB8D6 !important;
font-weight: 400 !important;
position: absolute !important;
top: 5px;
left: 10px;
z-index: 2;
opacity: 0;
transform: translateY(-3px);
transition: all 0.2s ease;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control {
z-index: 1;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
color: #AFB8D6;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
height: 47px !important;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.invalid, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.braintree-hosted-fields-invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
border-color: #f16161 !important;
}
.latepoint-w .os-form-group.os-form-textfield-group.has-value label {
opacity: 1 !important;
transform: translateY(0) !important;
}
.latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
padding: 19px 10px 5px 10px !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group {
border: 1px solid #cad2e0;
border-radius: 0px;
}
.latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
color: #32373c;
font-weight: 400;
font-size: 15px !important;
white-space: nowrap;
margin-left: 4px;
line-height: 1.2;
}
.latepoint-w .os-form-group.os-form-phonefield-group.os-invalid {
border-color: #eb3a3a;
}
.latepoint-w .os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) {
border-color: #eb3a3a;
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
padding: 12px 4px 12px 10px;
transition: all 0.2s ease;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control {
border: none !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
padding-left: 0px !important;
border-left: none !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid {
border-color: #f16161 !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti.lp_iti--allow-dropdown {
align-items: center;
}
.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti__selected-flag {
padding-top: 10px;
padding-bottom: 10px;
}
.latepoint-w .os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag {
padding-top: 19px;
padding-bottom: 5px;
}
.latepoint-w .os-form-group.os-form-phonefield-group.has-value input.os-form-control.os-mask-phone {
padding-left: 0px !important;
padding-top: 18px !important;
}
.latepoint-w .os-form-buttons.os-flex {
display: flex;
align-items: center;
}
.latepoint-w .os-form-buttons.os-flex.os-space-between {
justify-content: space-between;
}
.latepoint-w .os-form-buttons .os-form-group {
display: inline-block;
margin-bottom: 0px !important;
}
.latepoint-w .os-form-buttons .os-form-group .latepoint-btn {
margin-right: 5px;
}
.latepoint-w .os-form-header {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .os-form-header h2, .latepoint-w .os-form-header h3, .latepoint-w .os-form-header h4 {
margin-bottom: 5px;
margin-top: 0px;
}
.latepoint-w .os-form-desc {
color: rgba(0, 0, 0, 0.7);
}
.latepoint-w .os-image-container {
border: 5px solid #fff;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-radius: 6px;
max-width: 100px;
margin-bottom: 10px;
min-height: 50px;
}
.latepoint-w .os-image-container img {
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
.latepoint-w .settings-image-selector {
margin: 20px 0px;
}
.latepoint-w .os-form-message-w {
padding: 12px 20px;
background-color: #f9f9f9;
color: #333;
margin-bottom: 20px;
font-weight: 600;
border-radius: 0px;
}
.latepoint-w .os-form-message-w ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.latepoint-w .os-form-message-w ul li {
margin-bottom: 10px;
}
.latepoint-w .os-form-message-w ul li:last-child {
margin-bottom: 0px;
}
.latepoint-w .os-form-message-w.status-error {
background-color: #fff4f4;
color: #d00c0c;
border: 2px solid #f75160;
}
.latepoint-w .os-form-message-w.status-success {
background-color: #e0fbd1;
color: #437724;
}
.text-center {
text-align: center;
}
.os-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: -7px;
margin-right: -7px;
}
.os-col-8 {
flex: 0 0 66.6%;
padding: 0px 7px;
}
.os-col-4 {
flex: 0 0 33.3%;
padding: 0px 7px;
}
.os-col-3 {
flex: 0 0 25%;
padding: 0px 7px;
}
.os-col-9 {
flex: 0 0 75%;
padding: 0px 7px;
}
.os-col-6 {
flex: 0 0 50%;
padding: 0px 7px;
}
.os-col-12 {
flex: 0 0 100%;
padding: 0px 7px;
}
@media (max-width: 600px) {
.os-col-sm-12 {
flex: 0 0 100%;
padding: 0px 7px;
}
}
.latepoint-login-form-w.os-form-w {
max-width: 470px;
margin: 30px auto !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
padding: 40px;
background-color: #fff;
}
.latepoint-login-form-w.os-form-w h4 {
margin: 0px;
margin-bottom: 15px;
padding: 0px;
color: #14161d;
}
.latepoint-login-form-w.os-form-w .os-form-group:last-child {
margin-bottom: 0px;
}
.latepoint-login-form-w.os-form-w .os-form-buttons {
justify-content: space-between;
}
.os-password-reset-form-w {
position: relative;
}
.os-password-reset-form-w .password-reset-back-to-login {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
align-items: center;
color: #bd3d3d;
}
.os-password-reset-form-w .password-reset-back-to-login span {
margin-right: 5px;
}
.os-password-reset-form-w .password-reset-back-to-login span, .os-password-reset-form-w .password-reset-back-to-login i {
display: inline-block;
vertical-align: middle;
}
.os-notifications {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 20px;
z-index: 1000001;
display: flex;
flex-direction: column-reverse;
}
.os-notifications .os-notification-close {
position: absolute;
top: 50%;
right: 5px;
cursor: pointer;
padding: 5px;
font-size: 14px;
transform: translateY(-50%);
display: block;
line-height: 1;
}
.os-notifications .item {
padding: 14px 30px;
background-color: rgba(29, 210, 101, 0.95);
color: #fff;
font-weight: 600;
font-size: 18px;
min-width: 500px;
text-align: center;
padding-right: 40px;
position: relative;
}
.os-notifications .item + .item {
margin-bottom: 10px;
}
@keyframes selectedSlotCheckmark {
0% {
transform: rotate(-65deg) scale(0.5);
}
100% {
transform: rotate(0deg) scale(1);
}
}
@keyframes latepointFadeUp {
0% {
transform: translate3d(0, 40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up10op {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up10 {
0% {
transform: translate3d(0, 10px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up20op {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes rotateScale {
0% {
transform: scale(0.4) rotate(-90deg);
opacity: 0;
}
100% {
transform: scale(1) rotate(0deg);
opacity: 1;
}
}
@keyframes up20 {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up40 {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes latepointMessage {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes latepointFadeDown {
0% {
transform: translate3d(0, -40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes agentBio {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0, 10%, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopup {
0% {
transform: translate3d(0, 0%, 0px);
opacity: 0;
}
100% {
transform: translate3d(0, -65%, 0px);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopupCenter {
0% {
transform: translate3d(-50%, -50%, 0px);
opacity: 0;
}
100% {
transform: translate3d(-50%, -110%, 0px);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopupY {
0% {
transform: translate3d(0%, -60%, 0px);
opacity: 0;
}
100% {
transform: translate3d(0%, -115%, 0px);
opacity: 1;
}
}
@keyframes latepointNextBtn {
0% {
transform: translate3d(-15px, 0px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
@keyframes latepointPrevBtn {
0% {
transform: translate3d(15px, 0px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
@keyframes latepointContentPopup {
0% {
transform: scale(0.9);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.latepoint-login-form-w {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
}
.os-step-tab-content {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
}
.os-password-reset-form-w {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
}
.os-item-details-popup {
animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio;
}
.item-details-popup-content-i {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
}
.item-details-popup-head h3 {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
}
.item-details-popup-head .item-details-popup-title {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
}
.item-details-popup-feature-value {
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp;
}
.item-details-popup-feature-label {
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp;
}
.latepoint-lightbox-i {
transform-origin: center center;
animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation;
}
.latepoint-message {
animation: 0.15s cubic-bezier(0.45, 1.3, 0.6, 1.1) 0s both latepointMessage;
}
.a-up-10 {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10op;
animation-fill-mode: both;
}
.a-up-10-opaque {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10;
animation-fill-mode: both;
}
.a-up-20 {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20op;
animation-fill-mode: both;
}
.a-up-20-opaque {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20;
animation-fill-mode: both;
}
.a-up-40-opaque {
animation: 0.6s cubic-bezier(0.35, 1.2, 0.7, 1) 0s up40;
animation-fill-mode: both;
}
.a-rotate-scale {
animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.35) 0s rotateScale;
animation-fill-mode: both;
}
.a-delay-1 {
animation-delay: 0.05s;
}
.a-delay-2 {
animation-delay: 0.1s;
}
.a-delay-3 {
animation-delay: 0.15s;
}
.a-delay-4 {
animation-delay: 0.2s;
}
@keyframes os-loading-gradient {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
.clean-layout-content-wrapper {
animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
}
.latepoint-clean-body .manage-booking-wrapper {
animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
}
@keyframes latepointBlink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-left-radius: 8px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-left-radius: 8px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option {
box-shadow: 0px 0px 0px 2px #E8EBEE;
cursor: pointer;
transition: transform 0.1s ease;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:focus-visible, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected .lp-option-label {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover .lp-option-label {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-image {
padding-bottom: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform-origin: center center;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
font-weight: 600;
color: var(--latepoint-body-color);
font-size: 18px;
padding: 10px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option .lp-option-image-w {
padding: 15px;
border-bottom: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
flex: 0 0 30%;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two {
gap: 30px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two .lp-option {
flex: 0 0 45%;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows {
display: flex;
flex-direction: column;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image {
flex: 0 0 50px;
width: 50px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image-w {
padding: 10px 15px;
border-right: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-label {
flex: 1;
padding-left: 20px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount-w {
padding: 20px 40px;
border-bottom: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
border-radius: 50%;
padding-bottom: 100%;
box-shadow: 0px 0px 0px 2px #14161d;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 600;
color: var(--latepoint-body-color);
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit {
background-color: #eee;
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-slice, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-slice {
width: 50%;
padding-bottom: 50%;
background: #fff;
border-radius: 70px 0px 0px 0px;
box-shadow: 0px 0px 0px 2px #14161d, 0px 0px 0px 6px #fff;
position: absolute;
top: 0;
left: 0;
transform-origin: bottom right;
transform: rotate(-45deg);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
left: 0px;
background-color: #fff;
padding: 2px 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items {
margin: 0px !important;
padding: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows + .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows + .os-items {
margin-top: 15px !important;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows > .os-item + .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows > .os-item + .os-item {
margin-top: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w {
transform: translateX(3px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:focus .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:focus .os-item-i {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
cursor: pointer;
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px;
color: var(--latepoint-body-color);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
flex: 0 0 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon {
font-size: 22px;
line-height: 43px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w {
padding: 5px 0px;
margin-right: auto;
display: block;
transition: transform 0.2s ease-out;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
font-weight: 600;
font-size: 17px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #7c85a3;
font-size: 13px;
display: block;
margin-top: 3px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-child-count {
display: block;
color: #7c85a3;
font-size: 12px;
transition: transform 0.2s ease;
flex-shrink: 0;
margin-left: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 15px;
margin-left: 10px;
text-align: center;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
display: block;
color: var(--latepoint-brand-primary);
line-height: 1.1;
font-weight: 600;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
font-size: 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
display: block;
color: #7c85a3;
font-size: 11px;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:last-child {
margin-bottom: 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-description .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-description .os-item-name-w {
padding: 5px 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i {
padding-left: 50px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
background-color: #fff;
color: #fff;
padding: 3px;
font-size: 12px;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
position: absolute;
top: 50%;
left: 15px;
display: block;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 1px #d8dbe3;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: var(--latepoint-brand-primary);
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover {
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.has-child-items > .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected.has-child-items > .os-item-i {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:not(.selected) .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:not(.selected) .os-items {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items.selected > .os-items + .os-item-categories-holder, .latepoint-w .latepoint-transaction-payment-form .os-items.selected > .os-items + .os-item-categories-holder {
margin-top: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid {
display: grid;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row {
grid-column: 1/4;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-item-i {
padding: 15px 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i {
padding: 15px 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name {
text-align: left;
font-weight: 600;
font-size: 18px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i {
display: block;
padding: 10px;
height: 100%;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-name-w {
padding-bottom: 0px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w {
flex: 1;
height: auto;
padding-bottom: 100%;
margin: 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 0 15px 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar {
background-size: cover;
background-position: center center;
padding-bottom: 100%;
background-repeat: no-repeat;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.with-floating-price .os-item-i {
padding: 25px 10px 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid.os-three-columns, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid.os-three-columns {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 15px;
row-gap: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn {
font-size: 13px;
padding: 0px;
font-weight: 600;
opacity: 0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
max-width: 100%;
z-index: 1;
border: none;
transition: transform 0.2s ease;
display: inline-block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn span {
color: var(--latepoint-brand-primary);
display: inline-block;
border-bottom: 1px dotted color-mix(in srgb, var(--latepoint-brand-primary) 50%, transparent);
padding: 2px 0px 1px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn:hover span {
padding-left: 5px;
padding-right: 5px;
color: #fff;
background-color: var(--latepoint-brand-primary);
border-color: transparent;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:focus, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:focus {
outline: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-name-w {
transition: transform 0.2s ease;
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-img-w {
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-img-w {
transform-origin: center center;
transform: translateY(-8px) scale(0.9);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-name-w {
transform: translateY(-18px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn {
opacity: 1;
transform: translateY(-7px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-popup-btn:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-details-popup-btn:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .show-selected-only > .os-items.os-as-rows, .latepoint-w .latepoint-transaction-payment-form .show-selected-only > .os-items.os-as-rows {
margin-top: 0px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span {
border-radius: 6px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
border-radius: 50%;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timeslot .dp-label {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timebox, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box .info-box-buttons a, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box .info-box-buttons a {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .select-total-attendees-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .select-total-attendees-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel {
border-radius: 8px 0px 0px 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px 8px 8px 0px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .lp-options .lp-option {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar {
padding: 5px 15px 5px 15px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar {
border-radius: 50%;
background-size: cover;
background-position: center center;
padding-bottom: 100%;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before {
border-radius: 6px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-add-another-item-trigger, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-add-another-item-trigger {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control {
border-radius: 0 8px 8px 0 !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
border-radius: 8px 0 0 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected {
position: relative;
z-index: 2;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item:hover {
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w {
margin-top: 0px;
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
border: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info:focus-visible, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info:focus-visible {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-img-w {
flex: 0 0 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-name {
display: block;
font-weight: 600;
font-size: 18px;
display: block;
margin-right: auto;
flex: 1;
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: block;
color: #7c85a3;
font-size: 12px;
transform: translateX(-40px);
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected {
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w {
display: block;
border-bottom: 1px solid #E5E7EE;
background-color: #F4F6F9;
border-top: none;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:last-child, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:last-child {
border-bottom: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w {
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count {
transform: translateX(0);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:before {
content: "";
position: absolute;
top: 50%;
left: 25px;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
font-size: 10px;
transform: translateY(-50%);
color: #7c85a3;
transition: all 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after {
opacity: 0;
transform: translate(5px, -50%);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover:before {
transform: translate(-5px, -50%);
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-selectable-items {
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected) {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
border: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items {
display: block;
}
.latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w, .latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
} .latepoint-resources-items-w {
display: grid;
margin: 40px 0px;
align-items: start;
}
.latepoint-resources-items-w.resources-columns-2 {
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.latepoint-resources-items-w.resources-columns-3 {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.latepoint-resources-items-w.resources-columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.latepoint-resources-items-w.resources-columns-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.latepoint-resources-items-w .resource-item {
box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
background-color: #fff;
transition: all 0.2s ease;
height: 100%;
overflow: hidden;
}
.latepoint-resources-items-w .resource-item.ri-centered {
text-align: center;
}
.latepoint-resources-items-w .resource-item:hover {
box-shadow: 0 5px 24px -9px rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
.latepoint-resources-items-w .resource-item .ri-avatar {
border-radius: 50%;
width: 80px;
height: 80px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}
.latepoint-resources-items-w .resource-item .ri-map {
margin: -20px -20px 0 -20px;
margin-bottom: 25px;
}
.latepoint-resources-items-w .resource-item .ri-media {
padding-bottom: 75%;
margin: -20px -20px 0 -20px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 25px;
}
.latepoint-resources-items-w .resource-item .ri-name h3 {
margin: 10px 0px;
font-size: 22px;
}
.latepoint-resources-items-w .resource-item .ri-title {
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 15px;
}
.latepoint-resources-items-w .resource-item .ri-price {
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.latepoint-resources-items-w .resource-item .ri-description {
color: #7c85a3;
font-size: 15px;
font-weight: 400;
margin-bottom: 10px;
line-height: 1.3;
}
.latepoint-resources-items-w .resource-item .ri-external-link {
margin-left: 3px;
display: inline-block;
}
.latepoint-resources-items-w .resource-item .ri-buttons {
margin-top: 20px;
}
.latepoint .customer-dashboard-tabs {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 20px 0px 30px;
}
.latepoint .customer-dashboard-tabs a {
display: block;
padding: 10px 0px;
font-weight: 600;
text-decoration: none;
color: #7c85a3;
position: relative;
font-size: 21px;
margin-right: 30px;
}
.latepoint .customer-dashboard-tabs a:focus, .latepoint .customer-dashboard-tabs a:hover {
text-decoration: none;
color: var(--latepoint-body-color);
}
.latepoint .customer-dashboard-tabs a:after {
content: "";
height: 2px;
background-color: var(--latepoint-brand-primary);
left: 0px;
bottom: -1px;
display: block;
position: absolute;
}
.latepoint .customer-dashboard-tabs a.active {
color: var(--latepoint-brand-primary);
}
.latepoint .customer-dashboard-tabs a.active:after {
width: 100%;
}
.customer-orders-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.customer-orders-tiles .customer-order {
background: #FFFFFF;
border: 1px solid #ddd;
padding: 25px;
color: #222;
align-self: flex-start;
position: relative;
}
.customer-orders-tiles .customer-order .customer-order-confirmation {
font-size: 25px;
font-weight: 600;
color: #14161d;
}
.customer-orders-tiles .customer-order .customer-order-datetime {
color: #7c85a3;
font-size: 15px;
margin-bottom: 20px;
}
.customer-orders-tiles .customer-order .summary-price-item-w.spi-total {
border-top-width: 2px;
}
.customer-orders-tiles .customer-order .customer-order-bottom-actions {
display: flex;
gap: 20px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
.customer-bookings-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 40px;
}
.customer-bookings-tiles .new-booking-tile {
border: 2px dotted color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
opacity: 0.7;
display: flex;
flex-direction: column;
text-align: center;
color: var(--latepoint-brand-primary);
position: relative;
padding: 30px 20px;
min-height: 100px;
text-decoration: none !important;
}
.customer-bookings-tiles .new-booking-tile i, .customer-bookings-tiles .new-booking-tile span {
display: block;
}
.customer-bookings-tiles .new-booking-tile i {
margin-top: auto;
font-size: 21px;
}
.customer-bookings-tiles .new-booking-tile span {
margin-top: 15px;
margin-bottom: auto;
font-weight: 600;
font-size: 21px;
}
.customer-bookings-tiles .new-booking-tile:hover {
opacity: 1;
border-color: var(--latepoint-brand-primary);
border-style: solid;
}
.customer-bookings-tiles .new-booking-tile.os-loading {
color: transparent;
}
.customer-bookings-tiles .new-booking-tile.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.customer-bookings-tiles .customer-booking {
background: #FFFFFF;
border: 1px solid #ddd;
padding: 25px;
color: #222;
align-self: flex-start;
position: relative;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-info {
display: flex;
align-items: center;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-label {
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-amount {
margin-left: auto;
font-weight: 600;
color: #14161d;
font-size: 21px;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link {
margin-left: auto;
display: flex;
padding-top: 5px;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a {
font-size: 15px;
text-decoration: none;
margin-left: auto;
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
display: inline-block;
position: relative;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a:hover {
border-bottom-style: solid;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading {
border-bottom-color: transparent;
color: transparent;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.customer-bookings-tiles h6.customer-booking-service-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 21px;
line-height: 1.2;
}
.customer-bookings-tiles .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
margin-bottom: 15px;
font-size: 12px;
}
.customer-bookings-tiles .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-bookings-tiles .customer-booking-datetime {
margin-bottom: 10px;
color: #14161d;
}
.customer-bookings-tiles .customer-booking-datetime span {
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking-service-color {
height: 1px;
background-color: #eee;
}
.customer-bookings-tiles .customer-booking-info {
margin: 20px 0px;
padding: 0px;
font-size: 16px;
}
.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
display: flex;
margin: 10px 0px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-label {
flex: 0 1 80px;
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value {
font-weight: 600;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
font-size: 13px;
padding: 2px 5px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
background-color: #45b782;
color: #fff;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
background-color: #fde29f;
color: #3a2f15;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
background-color: #e63c26;
color: #fff;
}
.customer-bookings-tiles .customer-booking-buttons {
display: flex;
gap: 20px;
padding-bottom: 10px;
}
.customer-bookings-tiles .customer-booking-buttons .latepoint-btn {
display: block;
padding: 5px 0px;
white-space: nowrap;
font-size: 14px;
}
.customer-bookings-tiles .customer-booking-buttons .latepoint-btn i + span {
margin-left: 4px;
}
.latepoint-customer-timezone-selector-w {
position: relative;
margin-top: -10px;
}
.latepoint-customer-timezone-selector-w.os-loading label {
position: relative;
}
.latepoint-customer-timezone-selector-w.os-loading label:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: auto;
left: -15px;
top: 50%;
z-index: 9999;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
display: flex;
align-items: center;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 16px;
font-weight: 600;
color: #7c85a3;
white-space: nowrap;
margin-right: 5px;
margin-bottom: 0px;
margin-left: auto;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
width: 240px;
height: 34px !important;
padding: 0px 3px !important;
}
.customer-password-form-w {
margin-top: 40px;
}
.os-zoom-info-link {
background-color: #eff5ff;
border: 1px solid #bcc6f1;
border-bottom-color: #a7b4ed;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
margin-top: 20px;
font-weight: 600;
}
.os-zoom-info-link img {
display: block;
width: 20px;
height: 20px;
margin: 5px 10px;
flex: 0;
}
.os-zoom-info-link a {
flex: 1;
font-size: 15px;
display: block;
padding: 10px 25px 10px 10px;
position: relative;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.3);
white-space: nowrap;
color: var(--latepoint-brand-primary);
}
.os-zoom-info-link a:hover {
background-color: #fff;
}
.os-zoom-info-link a:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
right: 10px;
font-size: 8px;
transform: translateY(-50%);
}
.customer-booking-bottom-actions {
display: flex;
align-items: center;
gap: 20px;
padding-top: 15px;
margin-top: 10px;
border-top: 1px solid #eee;
justify-content: stretch;
flex-wrap: wrap;
}
.customer-booking-bottom-actions .latepoint-btn {
padding: 7px 10px;
justify-content: center;
align-items: center;
white-space: nowrap;
display: flex;
}
.customer-booking-bottom-actions > div {
flex: 1;
}
.reschedule-calendar-wrapper { }
.reschedule-calendar-wrapper .os-weekdays {
display: flex;
align-items: center;
}
.reschedule-calendar-wrapper .os-weekdays .weekday {
background-color: #f5f5f5;
flex: 1;
text-transform: uppercase;
font-size: 20px;
color: #adadae;
font-weight: 600;
letter-spacing: 2px;
text-align: left;
padding: 5px 0 0 15px;
line-height: 1;
border-left: 1px solid #ddd;
}
.reschedule-calendar-wrapper .os-weekdays .weekday:first-child {
border-left-color: transparent;
margin-left: 15px;
padding-left: 0;
}
.reschedule-calendar-wrapper .os-current-month-label-w {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-control-buttons-w {
display: flex;
gap: 15px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
border: none;
font-size: 16px;
background-color: transparent !important;
box-shadow: none;
outline: none;
color: #111;
margin: 0px;
line-height: 1;
vertical-align: middle;
display: inline-block;
cursor: pointer;
padding: 5px;
position: relative;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading span, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading i,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading span,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
color: var(--latepoint-body-color);
display: flex;
align-items: baseline;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
margin-left: 5px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
font-size: 32px;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.active {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
bottom: 50%;
left: 50%;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
transform: translate(11px, -10px);
}
.reschedule-calendar-wrapper .step-datepicker-w {
position: relative;
}
.reschedule-calendar-wrapper .step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .dp-capacity {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day {
text-align: left;
font-size: 20px;
font-weight: 600;
cursor: pointer;
position: relative;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus {
outline: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-next-month, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
background-color: #fff0c7;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box {
position: relative;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform: scale(1.2);
transform-origin: bottom left;
white-space: nowrap;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 10px;
}
.reschedule-calendar-wrapper .os-day-status {
margin: 0px;
height: 4px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 3px;
left: 8px;
right: 8px;
background-color: #e6e9ef;
}
.reschedule-calendar-wrapper .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
left: 50%;
transform: translate3d(-50%, -50%, 0);
animation: 0.1s ease latepointAvailabilityPopupCenter;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-current-month-label-w {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 5px;
margin-bottom: 15px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays {
gap: 12px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday {
background-color: transparent;
font-size: 13px;
color: var(--latepoint-body-color);
}
.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday.weekday-6, .reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday.weekday-7 {
color: #ccb63b;
background-color: #fffef2;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday {
border-left: none;
text-align: center;
margin-left: 0;
padding: 5px;
margin-bottom: 12px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days {
gap: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day {
text-align: center;
font-size: 17px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 7px;
left: 4px;
right: 4px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform-origin: bottom;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-number, .reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-status, .reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-number, .reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-status {
opacity: 0.6;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #eefdec;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box {
padding: 12px 5px;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-box {
background-color: #ec7376;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-today .os-day-box .os-day-number {
background-color: transparent;
}
.reschedule-calendar-wrapper .calendar-style-modern {
margin: 0 0 0 -15px;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-current-month-label-w {
padding-left: 14px;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-weekdays .weekday:first-child {
margin-left: 15px;
padding-left: 0;
}
.reschedule-calendar-wrapper .calendar-style-modern.os-month-prev, .reschedule-calendar-wrapper .calendar-style-modern.os-month-next {
cursor: default;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day {
text-align: left;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
padding-left: 0;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
background-color: transparent;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-box {
background-color: #ec7376;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next, .reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev {
border-left-color: transparent;
cursor: default;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
pointer-events: none;
background-color: transparent;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
color: transparent !important;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next {
display: none;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
left: auto;
right: 0;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
padding: 15px 0px 15px 15px;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-day-status {
border-radius: 0px;
bottom: 6px;
left: 15px;
right: 0px;
height: 5px;
}
.reschedule-calendar-wrapper .times-header {
color: #16171d;
font-size: 17px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.reschedule-calendar-wrapper .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 600;
display: none;
}
.reschedule-calendar-wrapper .os-calendar-searching-info:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 10px;
}
.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-calendar-searching-info {
display: block;
}
.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-timezone-info-wrapper {
display: none;
}
.reschedule-calendar-wrapper .os-times-w {
position: relative;
}
.reschedule-calendar-wrapper .timeslots {
display: flex;
justify-content: space-between;
}
.reschedule-calendar-wrapper .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 600;
}
.reschedule-calendar-wrapper .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #14161d;
cursor: pointer;
font-weight: 600;
position: relative;
width: auto !important;
max-width: none !important;
}
.reschedule-calendar-wrapper .dp-timebox:focus {
outline: none;
box-shadow: none;
}
.reschedule-calendar-wrapper .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timebox .dp-tick,
.reschedule-calendar-wrapper .dp-timebox .dp-success-label {
display: none !important;
}
.reschedule-calendar-wrapper .dp-timebox:hover {
background-color: #c0fbb8;
}
.reschedule-calendar-wrapper .dp-timebox.is-off, .reschedule-calendar-wrapper .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.reschedule-calendar-wrapper .dp-timebox.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
top: -5px;
right: -5px;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
animation: 0.2s ease 0s selectedSlotCheckmark;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
color: #7c85a3;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox {
margin-top: 20px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
font-weight: 600;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.reschedule-calendar-wrapper .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: nowrap;
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.reschedule-calendar-wrapper .dp-timeslot {
height: 24px;
flex-grow: 1;
margin: 0px;
box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
border-radius: 0px;
position: relative;
cursor: pointer;
background-color: #8fe286;
}
.reschedule-calendar-wrapper .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 600;
letter-spacing: 1px;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
color: rgba(255, 255, 255, 0.8);
display: block;
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: var(--latepoint-brand-primary);
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before {
background-color: var(--latepoint-brand-primary);
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:before {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.reschedule-calendar-wrapper .dp-timeslot:hover {
background-color: #04bb03;
}
.reschedule-calendar-wrapper .dp-timeslot:hover:before {
top: 0px;
}
.reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
display: block;
}
.reschedule-calendar-wrapper .calendar-style-modern .os-weekdays {
padding-top: 15px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
right: 0;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
left: 0;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
margin: 0;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper {
text-align: center;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w i {
background: #d1ffdd;
padding: 15px;
border-radius: 40px;
color: #18a35b;
font-size: 28px;
display: inline-block;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper h2 {
margin: 0;
font-size: 32px;
color: #14161d;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
font-size: 20px;
margin-bottom: 30px;
color: #7c85a3;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
color: #7c85a3;
margin-bottom: 5px;
font-size: 17px;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
font-weight: 600;
font-size: 17px;
}
.bundle-services .bundle-included-service-wrapper {
display: flex;
padding: 10px 0;
font-size: 15px;
justify-content: space-between;
}
.bundle-services .bundle-included-service-wrapper .bundle-included-service-name {
color: #7c85a3;
}
.bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity {
font-weight: 600;
}
.bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper {
border-top: 1px solid #f1f1f1;
}
.customer-bundle-tile {
color: #222;
align-self: flex-start;
position: relative;
}
.customer-bundle-tile .customer-bundle-tile-inner {
background: #FFFFFF;
border: 1px solid #ddd;
border-bottom-color: #ccc;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
padding: 25px;
position: relative;
z-index: 3;
}
.customer-bundle-tile .customer-bundle-tile-shadow {
z-index: 2;
position: absolute;
left: 6px;
right: 6px;
bottom: -5px;
height: 10px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
background-color: #fff;
}
.customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow {
bottom: -11px;
z-index: 1;
left: 12px;
right: 12px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.customer-bundle-tile .bundle-main-info-wrapper {
display: flex;
justify-content: space-between;
padding-bottom: 35px;
border-bottom: 1px solid #f1f1f1;
align-items: flex-start;
}
.customer-bundle-tile .bundle-main-info-wrapper .bundle-icon {
padding: 10px;
line-height: 20px;
font-size: 20px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
border-radius: 30px;
color: var(--latepoint-brand-primary);
}
.customer-bundle-tile .bundle-main-info-wrapper .bundle-icon i {
display: block;
}
.customer-bundle-tile .bundle-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 21px;
line-height: 1.2;
}
.customer-bundle-tile .bundle-order-info a {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
text-decoration: none;
}
.customer-bundle-tile .customer-bundle-bottom-actions {
display: flex;
align-items: center;
gap: 20px;
padding-top: 25px;
border-top: 1px solid #eee;
justify-content: stretch;
}
.customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn {
padding: 7px 10px;
}
.latepoint-customer-bundle-scheduling-summary {
padding: 30px;
}
.latepoint-customer-bundle-scheduling-summary .summary-box.main-box {
padding: 0;
display: block;
}
.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item {
font-size: 27px;
}
.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
display: none;
}
.latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown {
border-top: 1px solid #f1f1f1;
padding-top: 15px;
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
padding-top: 5px;
padding-bottom: 5px;
color: #7c85a3;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
margin-bottom: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info {
margin-bottom: 10px;
color: #7c85a3;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info {
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 10px;
padding: 8px;
border: 1px dotted #aaa;
cursor: pointer;
position: relative;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover {
border: 1px solid var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: auto;
right: 0px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon {
color: transparent;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
margin-left: auto;
font-size: 10px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
width: 15px;
height: 15px;
background-color: #eee;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked {
border: 1px solid #ddd;
border-bottom-color: #bbb;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
color: #14161d;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover {
box-shadow: none;
border-color: var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
background-color: #bcd96e;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
background-color: #d9eba6;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill {
background-color: #fad277;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill {
background-color: #fa7b77;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items {
display: none;
gap: 5px;
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item {
flex: 1;
border-radius: 2px;
background-color: #eee;
height: 6px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked {
background-color: #bcd96e;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked {
background-color: #d9eba6;
}
.latepoint-transaction-payment-form {
position: relative;
}
.latepoint-transaction-payment-form .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.latepoint-transaction-payment-form .lp-payment-charge-amount strong {
color: #000;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary {
margin-left: auto;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
flex: 1;
}
.latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
display: none;
}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
box-shadow: none;
}
.os_trigger_booking {
cursor: pointer;
}
.latepoint-step-svg-highlight {
fill: #020202;
}
.latepoint-step-svg-base {
fill: #020202;
}
.latepoint-w {
line-height: 1.3;
max-width: initial !important;
}
.latepoint-w strong, .latepoint-w b {
font-weight: 600;
}
.latepoint-w ul li {
list-style: none;
}
.latepoint-book-form-wrapper.os-loading .latepoint-form-w {
min-height: 300px;
}
.latepoint-book-form-wrapper.os-loading .latepoint-form-w:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-w .slot-not-available-wrapper {
text-align: center;
padding: 50px;
width: 400px;
position: relative;
}
.latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close {
position: absolute;
top: 10px;
right: 10px;
line-height: 1;
font-size: 18px;
padding: 5px;
cursor: pointer;
}
.latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover {
background-color: #f7f7f7;
}
.latepoint-w .slot-not-available-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-w .slot-not-available-wrapper .icon-w i {
background: #ffd1d1;
padding: 15px;
border-radius: 40px;
color: #a31818;
font-size: 28px;
display: inline-block;
}
.latepoint-w .slot-not-available-wrapper h2 {
margin: 0 0 10px 0;
font-size: 20px;
color: #14161d;
line-height: 1.2;
}
.latepoint-w .slot-not-available-wrapper .desc {
font-size: 17px;
margin-bottom: 20px;
}
.latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label {
color: #7c85a3;
margin-bottom: 5px;
}
.latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value {
font-weight: 600;
}
.latepoint-w.latepoint-lightbox-form {
max-height: 100%;
display: flex;
overflow: hidden;
}
.latepoint-w.latepoint-inline-form {
margin: 20px 0;
display: flex;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
margin: 0px auto;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close {
display: none !important;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
font-size: 20px;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w {
text-align: center;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
max-height: inherit;
}
.latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}
.latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
display: none;
}
.latepoint-w .latepoint-booking-form-element {
display: flex;
align-items: stretch;
position: relative;
}
.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper {
display: none;
}
.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary {
text-align: right;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 13px;
line-height: 1.5;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div {
margin: 0 auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon {
font-size: 13px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span {
border-bottom-style: solid;
}
.latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 {
color: var(--latepoint-headings-color);
}
.latepoint-w .latepoint-booking-form-element a {
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w {
border-bottom: none;
position: fixed;
top: 10px;
right: 10px;
z-index: 99999;
padding: 0;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text {
display: none;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
margin-left: 0;
padding: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress {
text-align: center;
color: #7c85a3;
font-size: 15px;
padding-top: 15px;
margin-bottom: 30px;
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul {
list-style: none;
margin: 0px auto;
padding: 0px;
text-align: center;
justify-content: center;
display: flex;
gap: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
display: block;
flex: 0;
margin: 0px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
height: 5px;
width: 5px;
background-color: rgba(0, 0, 0, 0.07);
display: block;
color: #7c85a3;
text-decoration: none;
position: relative;
box-shadow: none;
font-weight: 600;
font-size: 13px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span {
position: absolute;
display: block;
left: 50%;
top: -5px;
transform: translate(-50%, -150%);
display: inline-block;
background-color: var(--latepoint-brand-primary);
color: #fff;
padding: 3px 6px;
line-height: 1.1;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span {
opacity: 1;
transform: translate(-50%, -105%);
visibility: visible;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item:hover, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item:hover {
background-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .info-box {
background-color: #FFF3CB;
margin-top: 20px;
padding: 10px;
font-size: 13px;
color: #4e4841;
}
.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
margin-top: 10px;
}
.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
background-color: #fff;
color: var(--latepoint-body-color);
font-weight: 600;
padding: 3px 8px;
display: inline-block;
text-decoration: none;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
flex: 0 0 270px;
width: 270px;
background-color: var(--latepoint-side-panel-bg);
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 40px 40px 25px 40px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0px 0px 0px 0px;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
margin-top: 15px;
display: none;
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
right: auto;
top: auto;
bottom: 1px;
z-index: 9999;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 12px !important;
color: #7c85a3;
margin-bottom: 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
height: 26px !important;
padding: 0px 3px !important;
font-size: 12px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
margin-bottom: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
text-align-last: center;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
padding: 0px 0px 50px 0px;
color: #7c85a3;
margin-bottom: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
display: inline-block;
margin-bottom: 20px;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
width: 70px;
height: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
content: "";
width: 40px;
height: 40px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
position: absolute;
bottom: 50%;
right: 50%;
z-index: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg {
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
padding-top: 0px;
margin-bottom: 5px;
font-size: 20px;
line-height: 1.2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
color: #7c85a3;
margin-top: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
margin: 0px;
line-height: 1.4;
margin-bottom: 5px;
position: relative;
font-size: 15px;
text-transform: none;
letter-spacing: normal;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
margin-bottom: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
text-decoration: underline;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
flex: 0 0 470px;
width: 470px;
background-color: #fff;
border-radius: 0px 0px 0px 0px;
position: relative;
z-index: 2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body {
padding: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-footer, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-heading-w, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-step-content {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
background-color: #fff;
padding: 0px;
min-height: 100%;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w {
align-items: center;
padding: 30px 15px;
justify-content: space-around;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label {
padding-right: 20px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 {
margin: 0px !important;
padding: 0px !important;
font-size: 21px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
background-color: #fff;
display: flex;
align-items: center;
padding: 5px 10px;
border: 1px solid #cad2e0;
outline-style: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input {
text-align: center;
border: none !important;
padding: 0px 5px !important;
font-size: 22px !important;
font-weight: 600;
width: 50px !important;
margin: 0px !important;
background-color: #fff !important;
color: var(--latepoint-body-color) !important;
box-shadow: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder {
color: rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
outline: none !important;
box-shadow: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
font-size: 20px;
background-color: #f3f4f9;
padding: 4px;
line-height: 1;
flex: 0;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover {
color: #fff;
background-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w {
width: 150px;
margin: 0px auto;
justify-content: space-between;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input {
font-size: 33px !important;
width: 100% !important;
line-height: 1.4 !important;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label {
margin-bottom: 20px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
font-size: 27px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label {
font-size: 18px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
display: flex;
justify-content: stretch;
flex-direction: column;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
background-color: #fff;
padding: 15px 15px 15px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w.os-hidden {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
padding: 5px;
order: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
transform: none;
position: relative;
top: auto;
right: auto;
left: auto;
order: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
order: 2;
margin-left: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
color: #1e222b;
font-size: 20px;
box-shadow: none;
line-height: 18px;
z-index: 2;
display: none;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span {
position: absolute;
top: -3px;
right: -3px;
font-size: 11px;
box-shadow: 0 0 0 2px #fff;
background-color: #000;
color: #fff;
padding: 2px;
border-radius: 50%;
line-height: 1;
min-width: 11px;
text-align: center;
box-sizing: content-box;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i {
line-height: 1;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
color: #1e222b;
font-size: 20px;
box-shadow: none;
display: block;
line-height: 18px;
z-index: 2;
position: relative;
top: 0;
left: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
line-height: 1;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
margin: 0px;
font-size: 20px;
line-height: 1.2;
margin-right: auto;
padding: 3px 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 40px;
flex: 1;
overflow-y: scroll;
transition: all 0.2s ease;
position: relative;
min-height: 200px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
color: #14161d;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
margin-top: 0px;
margin-bottom: 25px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
font-size: 21px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
font-size: 18px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
position: relative;
padding: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
background-color: #fff;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer.force-hide {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li {
flex: 0 0 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item {
width: 5px;
height: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
margin-left: auto;
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
font-weight: 600;
box-shadow: none;
padding: 8px 14px;
font-size: 14px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
background-color: #E3E6F0;
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
font-size: 9px;
transition: transform 0.1s ease;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span {
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i {
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i {
transform: translateX(3px);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i {
transform: translateX(-3px);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content {
color: #7c85a3;
min-height: 140px;
text-align: left;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
text-align: center;
margin-bottom: 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
padding: 0 0 15px 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a {
text-decoration: underline;
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child {
margin: 0 !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong {
color: #000;
}
.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
padding: 8px 10px;
background-color: #ffd534;
color: #211f1a;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-available-slots-tooltip, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-capacity {
border-radius: 4px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content {
position: relative;
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i {
opacity: 0;
min-height: 50px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 9999;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff7d0;
padding: 5px 10px;
color: #8a7f66;
font-size: 18px;
margin-top: 20px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
font-weight: 600;
color: #14161d;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span {
text-decoration: line-through;
display: inline-block;
margin-right: 3px;
opacity: 0.5;
font-size: 15px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
color: #846337;
display: block;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.61);
font-weight: 600;
padding: 2px;
border-radius: 2px 5px;
font-size: 13px;
margin-left: 30px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
padding: 4px 0px;
margin: 0px auto;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
display: none;
padding: 4px 5px 4px 8px;
line-height: 1;
background-color: #fff;
color: #111;
border: 1px dashed #111;
font-weight: 600;
font-size: 13px;
margin-left: 20px;
text-transform: uppercase;
vertical-align: middle;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
display: inline-block;
vertical-align: middle;
line-height: 1.1;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
line-height: 1.1;
display: inline-block;
vertical-align: middle;
margin-left: 3px;
cursor: pointer;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: -5px;
left: auto;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
display: none;
position: relative;
margin-left: 20px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #A45D00;
border-left: 2px solid #A45D00;
border-top: 2px solid #A45D00;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
border: none !important;
border: 1px solid #d0bca8 !important;
padding: 5px 7px !important;
background-color: #fff !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1.3 !important;
display: block !important;
width: 135px !important;
margin: 0px !important;
border-radius: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:focus, .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:active {
box-shadow: none !important;
outline: none !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
color: #A38E7B !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
vertical-align: middle;
background-color: var(--latepoint-brand-primary);
color: #fff;
text-transform: uppercase;
padding: 2px 5px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w > h4 {
margin-bottom: 10px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
display: inline-block;
text-align: center;
padding: 10px 20px;
background-color: #fac555;
border-radius: 40px;
color: #111;
margin-top: 15px;
font-weight: 600;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
box-shadow: 0px 0px 0px 2px #ffb011;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
height: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
padding: 20px 0px 5px;
position: relative;
min-height: 60px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 35px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value {
font-size: 49px;
font-weight: 600;
line-height: 1.1;
color: #14161d;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label {
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
opacity: 0.8;
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
font-weight: 600;
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
position: absolute;
top: 0px;
right: 0px;
padding: 5px;
color: var(--latepoint-brand-primary);
line-height: 1;
font-size: 16px;
font-weight: 600;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ {
list-style-type: none !important;
margin: 0px !important;
padding: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item {
margin-bottom: 15px;
list-style: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i {
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px 15px;
color: var(--latepoint-body-color);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w {
flex: 0 0 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w {
padding: 10px 0px;
margin-right: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name {
font-weight: 600;
font-size: 18px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
color: #7c85a3;
font-size: 13px;
display: block;
margin-top: 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 15px;
margin-left: 10px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price {
display: block;
color: #D09F1D;
font-size: 24px;
line-height: 1.1;
font-weight: 600;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
display: block;
color: #7c85a3;
font-size: 12px;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations {
display: flex;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
padding: 5px 0px;
}
.lp-strike {
text-decoration: line-through;
opacity: 0.8;
}
.latepoint-booking-form-element .step-verify-w .os-recurring-bookings-count {
margin-top: 10px;
}
.latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
position: relative;
margin-bottom: 25px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
padding: 15px;
border: 1px solid #e2e2e2;
border-bottom-color: #d2d2d2;
box-shadow: 0 2px rgba(0, 0, 0, 0.05);
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
margin-bottom: 0px;
margin-top: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item {
font-size: 17px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 10px;
margin-top: 15px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
font-size: 20px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
font-size: 15px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box {
padding: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart {
box-shadow: 0 0 0 4px #fff;
color: #fff;
top: -5px;
right: -5px;
background-color: #f64f4f;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart .os-remove-from-cart-icon {
background-color: #fff;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify {
margin-top: 20px;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
align-items: center;
padding: 8px 10px;
border: 1px dotted #14161d;
color: #14161d;
display: flex;
gap: 10px;
font-weight: 600;
cursor: pointer;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span {
margin: 0 auto;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
border-style: solid;
}
.latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child {
margin-top: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child {
padding-top: 0;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message {
padding: 10px;
background-color: #f1f3ff;
margin-bottom: 15px;
font-size: 15px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box {
padding-top: 0;
padding-bottom: 20px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item {
font-size: 20px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item {
font-size: 17px;
}
.latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
margin-top: 0px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify {
margin-top: 10px;
text-align: right;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w {
padding: 8px 0 9px;
line-height: 1;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a {
border-bottom: 1px solid var(--latepoint-brand-primary);
font-size: 13px;
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper {
align-items: center;
gap: 5px;
display: none;
background-color: #f7f7f7;
padding: 10px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label {
color: var(--latepoint-body-color);
font-size: 14px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code {
padding: 2px 2px 2px 5px;
background-color: #fff;
color: #000;
border: 1px dotted #000;
line-height: 1;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self {
display: block;
vertical-align: middle;
line-height: 1;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear {
line-height: 1;
display: block;
cursor: pointer;
position: relative;
font-size: 10px;
padding: 3px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover {
background-color: #000;
color: #fff;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: -5px;
left: auto;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i {
opacity: 0;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w {
display: none;
position: relative;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
border: none !important;
border: 1px solid #383838 !important;
padding: 5px 7px !important;
background-color: #fff !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1 !important;
display: block !important;
width: auto !important;
flex: 1;
margin: 0px !important;
border-radius: 0px !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:focus, .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:active {
box-shadow: none !important;
outline: none !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder {
color: #8f8f8f !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel,
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
padding: 9px 12px;
line-height: 1;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
background-color: #eee;
color: #444;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper {
display: flex;
}
.latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper {
margin-top: 15px;
padding-top: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
position: relative;
}
.latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper {
display: inline-block;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 600;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
margin-top: 0px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-header {
margin-bottom: 0px;
margin-top: 0px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
font-size: 39px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark {
padding: 10px;
font-size: 25px;
color: #fff;
background-color: #83de3a;
box-shadow: 0 0 0 5px #daffba;
border-radius: 50%;
line-height: 25px;
width: 45px;
height: 45px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
margin-top: 20px;
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 {
margin-bottom: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
display: flex;
align-items: center;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
flex: 1;
margin: 0px;
margin-bottom: 0px !important;
margin-right: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label {
display: none !important;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group input.os-form-control {
padding: 7px 10px 7px 10px !important;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
flex: 0;
white-space: nowrap;
display: block;
text-align: center;
padding: 9px 20px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
background-color: #F5F6FF;
margin-top: 20px;
text-align: center;
padding: 20px 40px;
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text {
color: #14161d;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
font-size: 15px;
background-color: var(--latepoint-brand-primary);
color: #fff !important;
padding: 8px 15px !important;
font-weight: 600;
text-decoration: none !important;
border: none !important;
display: inline-block !important;
}
.booking-status-info-wrapper {
display: flex;
gap: 10px;
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: -30px;
margin-bottom: 0;
align-items: center;
}
.booking-status-info-wrapper .booking-status-icon {
width: 24px;
height: 24px;
background-color: #eee;
position: relative;
}
.booking-status-info-wrapper .booking-status-label {
font-weight: 600;
font-size: 15px;
}
.booking-status-info-wrapper .booking-confirmation {
margin-left: auto;
font-size: 13px;
color: #7c85a3;
}
.booking-status-info-wrapper .booking-confirmation strong {
color: #14161d;
}
.booking-status-info-wrapper.status-cancelled .booking-status-icon {
background-color: #ffa6a6;
}
.booking-status-info-wrapper.status-cancelled .booking-status-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e927";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
}
.booking-status-info-wrapper.status-approved .booking-status-icon {
background-color: #a0ffa4;
}
.booking-status-info-wrapper.status-approved .booking-status-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e928";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
}
.full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper {
padding: 0 0 30px 0;
color: #14161d;
font-size: 15px;
margin-bottom: 10px;
border-bottom: 10px solid rgba(0, 0, 0, 0.03);
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
font-size: 24px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
color: #7c85a3;
font-weight: 400;
font-size: 15px;
margin-top: 3px;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon {
margin-bottom: 25px;
animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
animation-fill-mode: both;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #7c85a3;
margin-top: 15px;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.03);
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong {
color: #14161d;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
display: block;
padding: 15px;
background-color: #98ff96;
border-radius: 50%;
box-shadow: 0 0 0 10px #e1ffe0;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e928";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon {
display: block;
padding: 10px;
background-color: #ffe196;
border-radius: 50%;
box-shadow: 0 0 0 10px #fff2e0;
width: 44px;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon:before {
content: "i";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub {
padding-left: 20px;
position: relative;
}
.full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before {
content: "";
width: 5px;
height: 5px;
border-left: 1px solid #7c85a3;
border-bottom: 1px solid #7c85a3;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
border-top: 1px solid #f1f1f1;
padding-bottom: 10px;
margin-top: 10px;
}
.full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 15px 0 5px 0;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
padding: 13px;
line-height: 24px;
font-size: 24px;
background-color: #f1f1f1;
border-radius: 50%;
color: #14161d;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon i, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon i {
display: block;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box {
padding: 0;
}
.full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
padding-bottom: 20px;
margin-left: 70px;
}
.full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn {
padding: 4px 0;
background-color: #fff;
display: inline-flex;
gap: 8px;
font-weight: 400;
color: var(--latepoint-brand-primary);
text-decoration: none;
border: none;
align-items: center;
box-shadow: none;
cursor: pointer;
position: relative;
}
.full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: auto;
right: -5px;
}
.full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i {
visibility: hidden;
}
.full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span {
border-bottom-style: solid;
}
.full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i {
transform: translateX(3px);
}
.full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i {
font-size: 9px;
transition: transform 0.2s ease;
}
.full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper {
margin-top: 30px;
}
.full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
margin-bottom: 10px;
}
.full-summary-wrapper .summary-box, .confirmation-info-w .summary-box {
padding-bottom: 0;
}
.full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
color: #14161d;
font-size: 15px;
font-weight: 600;
}
.confirmation-info-w {
position: relative;
}
.confirmation-info-w .order-summary-items-heading {
display: none;
}
.confirmation-info-w .price-breakdown-unfold {
display: none;
}
.confirmation-info-w ul {
list-style-type: none;
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
}
.confirmation-info-w ul li {
flex: 0 0 50%;
list-style-type: none;
margin: 0px;
color: #7c85a3;
font-weight: 600;
padding: 7px 10px 7px 0px;
line-height: 1.4;
font-size: 11px;
letter-spacing: 0.6px;
text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.confirmation-info-w ul li strong {
text-transform: none;
letter-spacing: normal;
color: var(--latepoint-body-color);
display: block;
font-size: 15px;
}
.confirmation-info-w .confirmation-section-heading {
font-size: 19px;
display: block;
border-bottom: 1px solid var(--latepoint-brand-primary);
margin: 15px 0px 5px 0px;
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element {  }
.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
height: 40px;
}
.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
display: none;
}
.latepoint-booking-form-element .os-step-tabs {
display: flex;
color: #7c85a3;
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: flex-end;
box-shadow: 0px 1px 0px 0px #E2E5EF;
height: 35px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab {
transition: all 0.2s ease;
text-align: center;
padding: 8px 0px;
position: relative;
line-height: 15px;
font-size: 15px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
cursor: pointer;
color: var(--latepoint-body-color);
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 2px;
left: 0px;
bottom: -1px;
width: 0%;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
color: var(--latepoint-body-color);
font-size: 17px;
padding-bottom: 12px;
padding-top: 8px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
width: 100%;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w {
display: flex;
color: #898C98;
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E2E5EF;
height: 35px;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w span {
display: block;
margin-right: 5px;
margin-left: auto;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w a {
display: block;
color: var(--latepoint-brand-primary);
text-decoration: underline;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div {
color: var(--latepoint-body-color);
font-size: 17px;
line-height: 15px;
padding-bottom: 12px;
padding-top: 8px;
position: relative;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 2px;
left: 0px;
bottom: -1px;
width: 100%;
transition: all 0.2s ease;
}
.latepoint-booking-form-element .os-form-buttons {
align-items: flex-start;
}
.latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
padding: 20px;
border: 1px solid #aaa;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
}
.latepoint-booking-form-element .os-password-reset-form-holder h4 {
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}
.latepoint-booking-form-element .os-password-reset-form-holder p {
margin-bottom: 10px;
}
.latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
margin-bottom: 10px;
margin-top: 10px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w {
margin-bottom: 10px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
padding: 10px 20px;
line-height: 1.2;
font-size: 16px;
position: relative;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
}
.latepoint-booking-form-element .os-weekdays {
display: flex;
align-items: center;
}
.latepoint-booking-form-element .os-weekdays .weekday {
background-color: #f5f5f5;
flex: 1;
text-transform: uppercase;
font-size: 20px;
color: #adadae;
font-weight: 600;
letter-spacing: 2px;
text-align: left;
padding: 5px 0 0 15px;
line-height: 1;
border-left: 1px solid #ddd;
}
.latepoint-booking-form-element .os-weekdays .weekday:first-child {
border-left-color: transparent;
margin-left: 15px;
padding-left: 0;
}
.latepoint-booking-form-element .os-current-month-label-w {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-control-buttons-w {
display: flex;
gap: 15px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
border: none;
font-size: 16px;
background-color: transparent !important;
box-shadow: none;
outline: none;
color: #111;
margin: 0px;
line-height: 1;
vertical-align: middle;
display: inline-block;
cursor: pointer;
padding: 5px;
position: relative;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading span, .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading i,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
color: var(--latepoint-body-color);
display: flex;
align-items: baseline;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
margin-left: 5px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
font-size: 32px;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.active {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
bottom: 50%;
left: 50%;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
transform: translate(11px, -10px);
}
.latepoint-booking-form-element .step-datepicker-w {
position: relative;
}
.latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.latepoint-booking-form-element .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day {
text-align: left;
font-size: 20px;
font-weight: 600;
cursor: pointer;
position: relative;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus {
outline: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-next-month, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
background-color: #fff0c7;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
position: relative;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform: scale(1.2);
transform-origin: bottom left;
white-space: nowrap;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 10px;
}
.latepoint-booking-form-element .os-day-status {
margin: 0px;
height: 4px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 3px;
left: 8px;
right: 8px;
background-color: #e6e9ef;
}
.latepoint-booking-form-element .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
left: 50%;
transform: translate3d(-50%, -50%, 0);
animation: 0.1s ease latepointAvailabilityPopupCenter;
animation-fill-mode: both;
}
.latepoint-booking-form-element .calendar-style-classic .os-current-month-label-w {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 5px;
margin-bottom: 15px;
}
.latepoint-booking-form-element .calendar-style-classic .os-weekdays {
gap: 12px;
}
.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday {
background-color: transparent;
font-size: 13px;
color: var(--latepoint-body-color);
}
.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday.weekday-6, .latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday.weekday-7 {
color: #ccb63b;
background-color: #fffef2;
}
.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday {
border-left: none;
text-align: center;
margin-left: 0;
padding: 5px;
margin-bottom: 12px;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days {
gap: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day {
text-align: center;
font-size: 17px;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 7px;
left: 4px;
right: 4px;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform-origin: bottom;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-number, .latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-status, .latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-number, .latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-status {
opacity: 0.6;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #eefdec;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box {
padding: 12px 5px;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-box {
background-color: #ec7376;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-today .os-day-box .os-day-number {
background-color: transparent;
}
.latepoint-booking-form-element .calendar-style-modern {
margin: 0 0 0 -15px;
}
.latepoint-booking-form-element .calendar-style-modern .os-current-month-label-w {
padding-left: 14px;
}
.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday:first-child {
margin-left: 15px;
padding-left: 0;
}
.latepoint-booking-form-element .calendar-style-modern.os-month-prev, .latepoint-booking-form-element .calendar-style-modern.os-month-next {
cursor: default;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day {
text-align: left;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
padding-left: 0;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
display: none;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
background-color: transparent;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-box {
background-color: #ec7376;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next, .latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev {
border-left-color: transparent;
cursor: default;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
pointer-events: none;
background-color: transparent;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
display: none;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
color: transparent !important;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next {
display: none;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
left: auto;
right: 0;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
padding: 15px 0px 15px 15px;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.latepoint-booking-form-element .calendar-style-modern .os-day-status {
border-radius: 0px;
bottom: 6px;
left: 15px;
right: 0px;
height: 5px;
}
.latepoint-booking-form-element .times-header {
color: #16171d;
font-size: 17px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.latepoint-booking-form-element .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 600;
display: none;
}
.latepoint-booking-form-element .os-calendar-searching-info:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 10px;
}
.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-calendar-searching-info {
display: block;
}
.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-timezone-info-wrapper {
display: none;
}
.latepoint-booking-form-element .os-times-w {
position: relative;
}
.latepoint-booking-form-element .timeslots {
display: flex;
justify-content: space-between;
}
.latepoint-booking-form-element .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 600;
}
.latepoint-booking-form-element .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #14161d;
cursor: pointer;
font-weight: 600;
position: relative;
width: auto !important;
max-width: none !important;
}
.latepoint-booking-form-element .dp-timebox:focus {
outline: none;
box-shadow: none;
}
.latepoint-booking-form-element .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timebox .dp-tick,
.latepoint-booking-form-element .dp-timebox .dp-success-label {
display: none !important;
}
.latepoint-booking-form-element .dp-timebox:hover {
background-color: #c0fbb8;
}
.latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.latepoint-booking-form-element .dp-timebox.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
top: -5px;
right: -5px;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
animation: 0.2s ease 0s selectedSlotCheckmark;
animation-fill-mode: both;
}
.latepoint-booking-form-element .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.latepoint-booking-form-element .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.latepoint-booking-form-element .time-selector-w .th-timezone strong {
color: #7c85a3;
}
.latepoint-booking-form-element .time-selector-w.style-timebox {
margin-top: 20px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
font-weight: 600;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.latepoint-booking-form-element .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: nowrap;
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.latepoint-booking-form-element .dp-timeslot {
height: 24px;
flex-grow: 1;
margin: 0px;
box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
border-radius: 0px;
position: relative;
cursor: pointer;
background-color: #8fe286;
}
.latepoint-booking-form-element .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 600;
letter-spacing: 1px;
}
.latepoint-booking-form-element .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.latepoint-booking-form-element .dp-timeslot .dp-success-label {
color: rgba(255, 255, 255, 0.8);
display: block;
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.latepoint-booking-form-element .dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: var(--latepoint-brand-primary);
display: none;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before {
background-color: var(--latepoint-brand-primary);
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%;
}
.latepoint-booking-form-element .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timeslot.is-off:before {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.latepoint-booking-form-element .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.latepoint-booking-form-element .dp-timeslot:hover {
background-color: #04bb03;
}
.latepoint-booking-form-element .dp-timeslot:hover:before {
top: 0px;
}
.latepoint-booking-form-element .dp-timeslot:hover .dp-label {
display: block;
}
.latepoint-message {
border-radius: 0px;
}
.latepoint-message.latepoint-message-success {
padding: 10px 15px;
font-weight: 600;
margin-bottom: 15px;
background: #eeffed;
color: #0d7f24;
text-align: center;
border: 1px solid #a9e3a2;
box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
}
.latepoint-message.latepoint-message-error {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #ffcfcf;
color: #750e0e;
text-align: center;
border: 1px solid #ffcfcf;
box-shadow: none;
}
.latepoint-message.latepoint-message-warning {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #ffeabe;
color: #75450e;
text-align: center;
border: 1px solid #c16d18;
box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
}
.latepoint-message.latepoint-message-info {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #eee;
color: #111;
text-align: center;
}
.os-booking-limit-reached {
position: absolute;
top: 10px;
right: 10px;
left: 10px;
bottom: 10px;
background-color: #fff0f0;
border: 1px solid #b95252;
color: #b95252;
font-size: 18px;
text-align: center;
padding: 30px;
display: flex;
align-items: center;
}
.os-booking-limit-reached .os-booking-limit-icon-w {
margin-bottom: 10px;
font-size: 40px;
color: #d8adb0;
line-height: 1;
}
.os-booking-limit-reached h3 {
color: #5f1b1b;
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}
.latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup {
position: relative;
background-color: #fff;
display: none;
margin: -30px -30px -30px -30px;
}
.latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup.open, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open {
display: block;
}
.latepoint-w .os-item-details-popup {
display: none;
}
.latepoint-w .os-item-details-popup.open {
display: block;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close {
position: absolute;
top: 0px;
right: 0px;
background-color: #FF5151;
color: #fff;
padding: 10px;
font-size: 13px;
font-weight: 600;
z-index: 9999;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close span {
margin-right: 10px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head {
background-size: cover;
background-position: center center;
padding: 80px 40px 40px 40px;
position: relative;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
color: #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
font-size: 30px;
margin: 0px;
z-index: 2;
position: relative;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title {
margin-top: 5px;
color: rgba(255, 255, 255, 0.8);
z-index: 2;
position: relative;
font-size: 21px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
z-index: 1;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content {
padding: 40px;
font-size: 16px;
line-height: 21px;
position: relative;
z-index: 2;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve {
position: absolute;
top: 1px;
left: 0px;
right: 0px;
bottom: 0px;
transform: translateY(-100%);
display: block;
width: 100%;
max-width: 100%;
height: auto;
z-index: 9999;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
margin-top: -15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature {
flex: 1;
padding: 0px 15px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:first-child {
padding-left: 0px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:last-child {
padding-right: 0px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 27px;
font-weight: 600;
line-height: 1.2;
color: var(--latepoint-brand-primary);
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature + .item-details-popup-feature {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 27px;
line-height: 21px;
color: var(--latepoint-brand-primary);
font-weight: 600;
padding-right: 1px;
}
.add-to-calendar-wrapper {
position: relative;
}
.add-to-calendar-wrapper.show-types .add-to-calendar-types {
display: flex;
}
.add-to-calendar-wrapper.show-types .open-calendar-types {
visibility: hidden;
}
.add-to-calendar-types {
border: 1px solid #aaa;
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
background-color: #eee;
display: none;
flex-direction: column;
position: absolute;
gap: 1px;
top: 0%;
left: 0;
animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20;
animation-fill-mode: both;
z-index: 1;
}
.add-to-calendar-types .atc-heading-wrapper {
padding: 5px;
padding-left: 10px;
font-weight: 600;
display: flex;
font-size: 15px;
justify-content: space-between;
align-items: center;
background-color: #f2f2f2;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types {
line-height: 12px;
font-size: 14px;
padding: 3px;
background-color: #ddd;
text-align: center;
cursor: pointer;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
line-height: 1;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90a";
}
.add-to-calendar-types .atc-type {
padding: 10px;
padding-right: 15px;
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
background-color: #fff;
text-decoration: none;
position: relative;
}
.add-to-calendar-types .atc-type:hover {
box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary);
z-index: 1;
}
.add-to-calendar-types .atc-type .atc-type-image {
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
}
.add-to-calendar-types .atc-type .atc-type-name {
font-weight: 600;
font-size: 15px;
color: var(--latepoint-body-color);
white-space: nowrap;
}
.add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/apple-logo-compact.png);
}
.add-to-calendar-types .atc-type.atc-type-google .atc-type-image {
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/google-logo-compact.png);
}
.add-to-calendar-types .atc-type.atc-type-outlook .atc-type-image {
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/outlook-logo-compact.png);
}
.add-to-calendar-types .atc-type.atc-type-office-365 .atc-type-image {
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/office-365-logo-compact.jpg);
}
.latepoint-continue-intent-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.6);
}
.latepoint-continue-intent-loading:before {
display: block;
content: "";
width: 50px;
height: 50px;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
border-top: 4px solid #fff;
border-right: 4px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
} .latepoint-calendar-wrapper {
position: relative;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
display: flex;
}
.latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before {
content: "\e90a";
}
.latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
width: 100%;
background-size: 200% auto;
background-position: 0 100%;
animation: os-loading-gradient 1.5s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.latepoint-calendar-controls-wrapper {
position: sticky;
top: 0;
z-index: 10;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.latepoint-calendar-filters {
border-top: 1px solid #eee;
padding: 15px 0;
gap: 15px;
display: none;
align-items: center;
justify-content: flex-end;
}
.latepoint-calendar-filters .le-filters-label {
font-size: 15px;
}
.le-range-selector {
margin-left: auto;
}
.le-range-selector select.os-form-control,
.latepoint-calendar-filters select.os-form-control {
padding: 8px 10px;
line-height: 1.55;
border-radius: 6px;
border: 1px solid #ccc;
font-size: 15px;
height: auto;
}
.latepoint-calendar-controls {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 0;
}
.latepoint-calendar-controls .le-label {
color: rgba(0, 0, 0, 0.3);
font-size: 27px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-week {
font-size: 27px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-month {
font-size: 36px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-filter {
padding: 6px 12px;
border: 1px solid #ccc;
color: var(--latepoint-body-color);
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
font-size: 15px;
border-radius: 6px;
position: relative;
}
.latepoint-calendar-controls .le-filter.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-top: 2px solid #000;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 18px;
}
.latepoint-calendar-controls .le-filter.os-loading .latepoint-icon {
color: transparent;
}
.latepoint-calendar-controls .le-filter:hover {
border-color: #111;
}
.latepoint-calendar-controls .le-navigation-wrapper {
border-left: 1px solid #eee;
padding-left: 20px;
margin-left: 5px;
}
.latepoint-calendar-controls .le-navigation {
display: flex;
font-size: 15px;
border-radius: 6px;
align-items: stretch;
border: 1px solid #ccc;
}
.latepoint-calendar-controls .le-navigation .le-today {
padding: 6px 12px;
color: var(--latepoint-body-color);
cursor: pointer;
position: relative;
border-radius: 6px;
}
.latepoint-calendar-controls .le-navigation .le-today:hover {
box-shadow: 0 0 0 1px #111;
z-index: 2;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button {
padding: 11px 10px;
cursor: pointer;
position: relative;
font-size: 10px;
line-height: 1;
border-radius: 6px;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button:hover {
box-shadow: 0 0 0 1px #111;
z-index: 2;
border-color: transparent;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading {
color: transparent;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-top: 2px solid #000;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-week {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-left: 50px;
}
.latepoint-calendar-week .le-day-wrapper {
position: relative;
}
.latepoint-calendar-week .le-day-wrapper.day-weekday-6 .le-day-weekday-wrapper, .latepoint-calendar-week .le-day-wrapper.day-weekday-7 .le-day-weekday-wrapper {
background-color: #fffaf1;
}
.latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before {
content: "";
left: 0px;
right: 0px;
top: 0px;
background-color: #f34a4a;
position: absolute;
height: 2px;
z-index: 10;
}
.latepoint-calendar-week .le-day-wrapper:hover .le-day-number {
color: var(--latepoint-brand-primary);
border-bottom-color: var(--latepoint-brand-primary);
}
.latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
display: block;
}
.latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before {
content: "";
background-color: #ddd;
height: 1px;
top: 0px;
left: -5px;
width: 5px;
position: absolute;
}
.latepoint-calendar-week .le-day-wrapper:last-child {
border-right: 1px solid #ddd;
}
.latepoint-calendar-week .le-day-weekday-wrapper {
border-left: 1px solid #ddd;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 7px;
border-bottom: 1px solid #bbb;
position: sticky;
top: 35px;
z-index: 7;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.latepoint-calendar-week .le-day-weekday {
font-weight: 600;
color: #aaa;
z-index: 3;
position: relative;
}
.latepoint-calendar-week .le-day-number {
font-size: 45px;
font-weight: 600;
line-height: 1;
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
position: relative;
z-index: 2;
}
.latepoint-calendar-week .le-day-number:hover {
border-bottom-style: solid;
}
.latepoint-calendar-week .le-day-number.os-loading {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-calendar-week .le-day-number.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-week .os-day-month {
position: absolute;
z-index: 1;
font-size: 75px;
color: rgba(0, 0, 0, 0.05);
left: 15px;
top: 12px;
line-height: 1;
overflow: hidden;
right: 0;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots {
position: relative;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before {
content: "";
top: 0;
bottom: 0;
width: 1px;
background-color: #e1e1e1;
position: absolute;
left: 0;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
display: flex;
background-color: #f9f9f9;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value {
display: none;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before {
background-color: transparent;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
flex: 1;
text-align: right;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
height: 44px;
position: relative;
box-shadow: 0 1px 0 0 #ddd;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
position: absolute;
left: 0;
right: 0;
font-size: 12px;
background-color: #fff;
z-index: 2;
cursor: pointer;
box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #ccc;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before {
content: "";
display: block;
content: "";
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 10px;
right: 0px;
left: auto;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
opacity: 1;
z-index: 3;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
width: 5px;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name, .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
transform: translateX(3px);
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
padding: 3px;
padding-left: 8px;
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
position: absolute;
top: 0px;
bottom: -1px;
left: 0px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
transition: transform 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.4;
overflow: hidden;
transition: transform 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot {
position: relative;
}
.latepoint-calendar-week .day-schedule-timeslot-value {
display: none;
position: absolute;
top: 0;
transform: translateY(-50%);
left: -60px;
width: 50px;
text-align: right;
}
.latepoint-calendar-month {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 1px;
background-color: #ddd;
padding: 1px;
padding-top: 0;
}
.latepoint-calendar-month .le-weekday {
background-color: #fff;
padding: 5px 15px;
font-weight: 600;
font-size: 18px;
}
.latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 {
color: #382c18;
}
.latepoint-calendar-month .le-day-wrapper {
min-height: 200px;
background-color: #fff;
padding: 20px;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper:hover .le-day-number {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-calendar-month .le-day-wrapper.os-today:before {
content: "";
left: -1px;
right: -1px;
top: -1px;
background-color: #f34a4a;
position: absolute;
height: 2px;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed, .latepoint-calendar-month .le-day-wrapper.os-month-prev, .latepoint-calendar-month .le-day-wrapper.os-month-next {
background-color: #f9f9f9;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-day-number {
color: #999;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-service-wrapper {
opacity: 0.8;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
font-size: 15px;
display: inline-block;
cursor: pointer;
font-weight: 600;
line-height: 1.2;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services:hover {
border-bottom-style: solid;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading {
color: transparent;
border-bottom-color: transparent;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-month .le-day-wrapper .os-day-month {
position: absolute;
z-index: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.05);
left: 20px;
top: 7px;
line-height: 1;
right: 0;
overflow: hidden;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number {
z-index: 2;
font-size: 27px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px;
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number:hover {
border-bottom-style: solid;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading {
color: transparent;
border-bottom-color: transparent;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
padding: 3px;
padding-left: 10px;
font-size: 12px;
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background-color: #fff;
z-index: 2;
cursor: pointer;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
border-bottom-color: #bbb;
border-left: none;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
content: "";
display: block;
content: "";
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 10px;
right: 0px;
left: auto;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover {
border-color: #bbb;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem {
transform: translateX(-2px);
width: 5px;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.latepoint-calendar-month .le-day-wrapper .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.35;
}
.le-day-view-wrapper.os-loading .le-day-info-section:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
width: 100%;
background-size: 200% auto;
background-position: 0 100%;
animation: os-loading-gradient 1.5s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.le-day-view-wrapper .le-day-info-section {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 20px 40px;
position: sticky;
top: 0;
background-color: #fff;
z-index: 4;
}
.le-day-view-wrapper .le-day-info-section .le-day-info {
text-align: center;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
font-size: 61px;
font-weight: 600;
line-height: 1;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
color: #7c85a3;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
border-left: 1px solid #eee;
margin-left: 40px;
padding-left: 20px;
flex: 1;
}
.le-day-view-wrapper .le-day-info-section .le-day-heading {
font-size: 33px;
font-weight: 600;
margin-bottom: 10px;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters {
gap: 10px;
display: flex;
align-items: center;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group {
margin-bottom: 0px !important;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control {
height: auto !important;
padding: 6px !important;
border-color: #ccc !important;
border-radius: 6px !important;
}
.le-day-view-wrapper .le-day-schedule-wrapper {
padding: 40px;
background-color: #f8f8f8;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots {
position: relative;
padding-left: 50px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before {
content: "";
top: 0;
bottom: 0;
width: 1px;
background-color: #e1e1e1;
position: absolute;
left: 60px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
display: flex;
box-shadow: 0 1px 0 0 #e1e1e1;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
flex: 0 0 50px;
text-align: right;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
height: 44px;
position: relative;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value {
position: absolute;
top: 0;
transform: translateY(-50%);
left: -60px;
width: 50px;
text-align: right;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
position: absolute;
left: 60px;
right: 0;
font-size: 12px;
box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd;
border-right: 1px solid #ddd;
background-color: #fff;
z-index: 2;
cursor: pointer;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
padding: 3px;
padding-left: 10px;
flex-direction: column;
height: 100%;
box-sizing: border-box;
display: flex;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
border-bottom-color: #999;
opacity: 1;
z-index: 3;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
transform: translateX(-2px);
width: 5px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name,
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
transform: translateX(3px);
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
position: absolute;
top: 0px;
bottom: -1px;
left: -1px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.4;
overflow: hidden;
transition: transform 0.15s ease;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
transition: transform 0.15s ease;
}
@keyframes LatepointSlideUp {
0% {
transform: translate3d(0, 40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideDown {
0% {
transform: translate3d(0, -40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideLeft {
0% {
transform: translate3d(10px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideRight {
0% {
transform: translate3d(-10px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpHalf {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpTiny {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpTinySolid {
0% {
transform: translate3d(0, 10px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes LatepointSlideDownHalf {
0% {
transform: translate3d(0, -20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpMobileSummary {
0% {
transform: translate3d(-50%, -30%, 0);
}
100% {
transform: translate3d(-50%, -50%, 0);
}
}
@keyframes os-loading-delayed {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 0;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 0;
}
}
.latepoint-w .latepoint-booking-form-element .payment-total-info {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-card-i {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger,
.latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(1) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(2) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(3) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(4) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(5) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(6) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(7) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(8) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(9) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .select-total-attendees-label div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
animation-delay: 0.25s;
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w {
transform: translateY(10px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
transition-delay: 0.05s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
transition-delay: 0.1s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
transition-delay: 0.15s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
transition-delay: 0.2s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
transition-delay: 0.25s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
transition-delay: 0.3s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
transition-delay: 0.35s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
transition-delay: 0.4s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
transition-delay: 0.45s;
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w {
opacity: 0;
transform: translateY(10px);
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group {
opacity: 0;
transform: translateY(20px);
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
pointer-events: none;
opacity: 0;
transform: translateY(30px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
opacity: 1;
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
opacity: 1;
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
transition-delay: 0.05s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
transition-delay: 0.1s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
transition-delay: 0.15s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
transition-delay: 0.2s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
transition-delay: 0.25s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
transition-delay: 0.3s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
transition-delay: 0.35s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
transition-delay: 0.4s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
transition-delay: 0.45s;
}
.latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
transition: all 0.3s ease;
transform: translateX(-15px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(-25px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
transition: all 0.5s ease;
transition-delay: 0.05s;
transform: translateX(-15px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
transition: all 0.5s ease;
transition-delay: 0.1s;
transform: translateX(-20px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
transition-delay: 0.1s;
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
transition-delay: 0.2s;
opacity: 1;
}
@keyframes os-loading {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 0.2;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 1;
}
}
@keyframes stepCategoryItem {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
.latepoint-lightbox-w {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 999999;
display: none;
justify-content: center;
align-items: center;
grid-template-columns: min-content;
grid-template-rows: 1fr;
}
.latepoint-lightbox-w.width-400 {
grid-template-columns: 400px;
}
.latepoint-lightbox-w.width-450 {
grid-template-columns: 450px;
}
.latepoint-lightbox-w.width-500 {
grid-template-columns: 500px;
}
.latepoint-lightbox-w.width-600 {
grid-template-columns: 600px;
}
.latepoint-lightbox-w.width-700 {
grid-template-columns: 700px;
}
.latepoint-lightbox-w.width-800 {
grid-template-columns: 800px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading {
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background-color: #f8f8f8;
display: flex;
align-items: center;
}
.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
color: #14161d;
margin: 0px;
font-size: 24px;
flex: 1;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close {
position: relative;
line-height: 1;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
content: "\e90a";
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-footer {
padding: 15px;
border-top: 1px solid #eee;
}
.latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 15px;
}
.latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
border-radius: 8px;
}
.latepoint-lightbox-w .latepoint-lightbox-i {
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
max-height: 94vh;
overflow: auto;
display: flex;
flex-direction: column;
z-index: 9999;
border-radius: 0px;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
min-height: 100px;
position: relative;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div {
visibility: hidden;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content {
display: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content {
padding: 30px;
flex: 1;
overflow: auto;
position: relative;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted {
padding-top: 50px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before {
content: "";
height: 30px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close {
position: absolute;
line-height: 1;
top: 17px;
right: 19px;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before {
content: "\e90a";
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner {
overflow-y: auto;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents {
max-height: 100%;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
background-color: #fff;
max-height: 100%;
overflow: hidden;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form {
max-height: 100%;
}
.latepoint-lightbox-w .latepoint-lightbox-i a {
box-shadow: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i a img {
box-shadow: none;
}
.latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
color: var(--latepoint-brand-primary);
text-transform: none;
letter-spacing: 0px;
line-height: 1.45;
}
.latepoint-lightbox-w h5 {
font-size: 16px;
}
body.latepoint-lightbox-active .latepoint-lightbox-w {
display: grid;
}
.clean-layout-content-wrapper {
max-width: 550px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0px auto;
position: relative;
}
.clean-layout-content-wrapper .clean-layout-content-header {
padding: 20px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.clean-layout-content-wrapper .clean-layout-content-header h2 {
margin: 0;
}
.clean-layout-content-wrapper .clean-layout-content-body {
padding: 40px;
position: relative;
}
.clean-layout-content-wrapper .clean-layout-content-body.is-dotted {
padding-top: 60px;
}
.clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before {
content: "";
height: 34px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.clean-layout-content-wrapper .clean-layout-content-footer {
padding: 20px 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
gap: 10px;
}
.clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end {
margin-left: auto;
}
.clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start {
margin-right: auto;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body {
min-height: 80px;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body > div {
visibility: hidden;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount strong {
color: #000;
}
.invoice-payment-summary-wrapper .full-summary-info-w {
padding-top: 40px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper {
display: flex;
align-items: center;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label {
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
color: #000;
padding: 2px 10px;
letter-spacing: 3px;
line-height: 1.2;
opacity: 0.8;
border-radius: 10px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid {
color: #67bf08;
border: 3px solid #67bf08;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void {
color: #bf0808;
border: 3px solid #bf0808;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner {
flex: 1;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn {
margin-left: auto;
font-size: 17px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
padding: 10px 18px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
font-size: 46px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
color: #7c85a3;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .payment-confirmation-wrapper {
text-align: center;
}
.latepoint-w .payment-confirmation-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-w .payment-confirmation-wrapper .icon-w i {
background: #d1ffdd;
padding: 15px;
border-radius: 40px;
color: #18a35b;
font-size: 28px;
display: inline-block;
}
.latepoint-w .payment-confirmation-wrapper h2 {
margin: 0 0 20px 0;
font-size: 19px;
color: #14161d;
}
.latepoint-w .payment-confirmation-wrapper .payment-info {
border: 1px solid #f1f1f1;
border-radius: 6px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f1f1f1;
padding: 10px 15px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child {
border-bottom: none;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-label {
color: #7c85a3;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
font-weight: 600;
} .summary-heading.summary-variant-heading + .main-box {
padding-top: 0;
}
.latepoint-summary-w .summary-box .sbc-highlighted-item {
font-size: 15px;
margin-top: 2px;
}
.latepoint-summary-w .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-summary-w .summary-box .sbc-main-item {
font-size: 13px;
font-weight: 600;
}
.latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
display: none;
}
.latepoint-summary-w .summary-box.main-box .qr-show-trigger {
display: none;
}
.latepoint-summary-w .summary-box-heading .sbh-line {
background-color: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-summary-w .price-breakdown-unfold {
display: flex;
text-align: right;
align-items: center;
margin-bottom: 10px;
color: var(--latepoint-body-color);
gap: 5px;
cursor: pointer;
}
.latepoint-summary-w .price-breakdown-unfold i {
font-size: 11px;
line-height: 11px;
margin-left: auto;
}
.latepoint-summary-w .price-breakdown-unfold span {
display: inline-block;
border-bottom: 1px dotted var(--latepoint-body-color);
font-size: 13px;
}
.latepoint-summary-w .price-breakdown-unfold:hover {
color: #000;
}
.latepoint-summary-w .price-breakdown-unfold:hover span {
border-bottom-style: solid;
}
.latepoint-summary-w .summary-price-breakdown-wrapper {
margin-top: auto;
}
.latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
padding: 0 25px 20px;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
display: none;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) {
display: none;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
display: none;
}
.latepoint-summary-w .os-cart-item {
position: relative;
flex: 1;
}
.latepoint-summary-w .cart-item-wrapper .summary-attributes {
display: none;
}
.summary-heading {
margin-top: 20px;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only {
display: none;
}
.checkout-from-summary-panel-btn {
padding: 0;
text-align: center;
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
font-size: 13px;
line-height: 1.2;
font-weight: 600;
color: var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn span {
line-height: 1.5;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn:hover {
color: #000;
cursor: pointer;
}
.checkout-from-summary-panel-btn:hover span {
border-color: #000;
border-bottom-style: solid;
}
.checkout-from-summary-panel-btn:hover .latepoint-icon {
transform: translateX(3px);
}
.checkout-from-summary-panel-btn .latepoint-icon {
font-size: 8px;
transition: transform 0.2s ease;
}
.summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading {
display: none;
}
.summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
gap: 10px;
}
.summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label {
color: #7c85a3;
font-weight: 600;
position: relative;
font-size: 15px;
}
.summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
}
.summary-section-heading {
font-size: 18px;
color: #14161d;
margin-bottom: 15px;
font-weight: 600;
}
.summary-box-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.summary-box-heading .sbh-item {
color: #7c85a3;
position: relative;
font-size: 15px;
font-weight: 600;
}
.summary-box-heading .sbh-item + .sbh-item {
margin-left: 10px;
}
.summary-box-heading .sbh-item + .sbh-item:before {
content: "";
width: 3px;
height: 3px;
background-color: #ddd;
border-radius: 4px;
position: absolute;
top: 50%;
left: -7px;
transform: translateY(-50%);
}
.summary-box-heading .sbh-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
margin-left: 10px;
}
.booking-summary-info-w + .summary-box {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #f1f1f1;
}
.summary-box-wrapper + .summary-box-wrapper {
border-top: 1px solid #f1f1f1;
}
.summary-box-wrapper .summary-box-heading {
margin-top: 0;
}
.summary-box {
padding: 5px 0;
}
.summary-box.main-box {
padding: 20px 0;
display: flex;
gap: 20px;
align-items: flex-start;
}
.summary-box.main-box + .summary-box.main-box {
border-top: 1px solid #f1f1f1;
}
.summary-box.main-box .summary-box-inner {
flex: 1;
padding-top: 5px;
}
.summary-box.main-box .summary-box-booking-date-box {
text-align: center;
flex: 0 0 50px;
background-color: #f1f1f1;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: #14161d;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 5px 0;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
color: #7c85a3;
padding: 5px 0;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger {
flex: 0 1 80px;
text-align: center;
padding-top: 10px;
cursor: pointer;
white-space: nowrap;
}
.summary-box.main-box .qr-show-trigger .latepoint-icon {
font-size: 30px;
color: #111;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px dotted #111;
font-weight: 600;
margin-top: 5px;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
border-bottom-style: solid;
}
.summary-box .summary-box-content.os-cart-item.is-removable {
padding-right: 16px;
}
.summary-box .summary-box-content:hover .os-remove-item-from-cart {
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
background-color: #f1f2f5;
position: absolute;
top: 2px;
right: 0px;
cursor: pointer;
color: #333;
font-size: 14px;
vertical-align: middle;
line-height: 14px;
text-align: center;
padding: 8px 5px;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
color: transparent;
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #14161d;
border-left: 2px solid #14161d;
border-top: 2px solid #14161d;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading .os-remove-from-cart-icon {
background-color: transparent !important;
}
.summary-box .summary-box-content .os-remove-item-from-cart .os-remove-from-cart-icon {
height: 2px;
display: block;
width: 8px;
background-color: #000;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
background-color: #000 !important;
color: #fff;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) .os-remove-from-cart-icon {
background-color: #fff;
}
.summary-box .summary-box-content.with-media {
display: flex;
align-items: center;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 10px;
line-height: 1.1;
}
.summary-box .summary-box-content .os-avatar-w {
width: 30px;
height: 30px;
flex: 0 0 30px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 20px;
background-color: #dedede;
color: var(--latepoint-body-color);
font-weight: 600;
font-size: 12px;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
}
.summary-box .summary-box-content .os-location-image {
width: 30px;
height: 30px;
flex: 0 0 30px;
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/location-image.png);
background-size: cover;
border-radius: 6px;
}
.summary-box .sbc-main-item {
color: var(--latepoint-body-color);
font-size: 13px;
}
.summary-box .sbc-main-item a {
text-decoration: none;
color: var(--latepoint-brand-primary);
font-size: 11px;
}
.summary-box .sbc-sub-item {
color: #7c85a3;
font-size: 13px;
display: inline-block;
}
.summary-box .sbc-link-item {
color: #7c85a3;
font-size: 13px;
text-decoration: none !important;
border-bottom: 1px dotted #7c85a3;
cursor: pointer;
display: inline-block;
}
.summary-box .sbc-big-item {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 20px;
font-weight: 600;
color: #14161d;
line-height: 1.3;
}
.summary-box .sbc-big-item + .sbc-highlighted-item {
margin-top: 2px;
}
.summary-box .sbc-highlighted-item {
color: #7c85a3;
font-size: 15px;
}
.summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
white-space: nowrap;
color: #7c85a3;
font-size: 13px;
font-weight: 400;
display: none;
margin-top: 3px;
}
.summary-box .sbc-subtle-item {
color: #7c85a3;
font-size: 13px;
}
.summary-box .sbc-subtle-item span {
white-space: nowrap;
color: #7c85a3;
font-size: 13px;
font-weight: 400;
}
.price-breakdown-w {
padding-top: 20px;
}
.price-breakdown-w .pb-heading {
font-weight: 600;
color: var(--latepoint-body-color);
margin-bottom: 5px;
}
.summary-price-item-w {
display: flex;
justify-content: space-between;
margin-bottom: 7px;
}
.summary-price-item-w .spi-name {
color: var(--latepoint-body-color);
font-weight: 400;
}
.summary-price-item-w .spi-price {
color: var(--latepoint-body-color);
font-weight: 400;
}
.summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
font-weight: 600;
}
.summary-price-item-w.spi-total {
border-top: 3px solid var(--latepoint-body-color);
padding-top: 10px;
margin-top: 10px;
font-size: 17px;
font-weight: 600;
color: var(--latepoint-body-color);
margin-bottom: 0;
}
.summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
font-weight: 600;
}
.summary-price-item-w.spi-positive .spi-price {
color: #3F8607;
}
.summary-price-item-w .pi-badge {
display: inline-block;
background-color: #fff;
text-transform: uppercase;
font-size: 12px;
padding: 2px 3px;
font-weight: 600;
color: #000;
margin-left: 3px;
border: 1px dotted #000;
line-height: 1;
}
.summary-price-item-w .pi-note {
color: #7c85a3;
font-size: 12px;
}
.summary-attributes {
color: #7c85a3;
font-size: 13px;
margin: 5px 0;
line-height: 1.5;
}
.summary-attributes:last-child {
margin-bottom: 0;
}
.summary-attributes.sa-hidden {
display: none;
}
.summary-attributes > span {
position: relative;
display: inline-block;
}
.summary-attributes > span:not(:last-child) {
margin-right: 15px;
}
.summary-attributes > span:not(:last-child):before {
content: "";
width: 3px;
height: 3px;
background-color: #bbb;
border-radius: 4px;
position: absolute;
top: 50%;
right: -9px;
transform: translateY(-50%);
}
.summary-attributes > span strong {
color: var(--latepoint-body-color);
font-weight: 600;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: block;
transform: none;
}
.latepoint-w .latepoint-form-w .pb-heading {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w {
flex: 0 0 270px;
width: 270px;
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
transform: translateX(-60px);
z-index: 1;
display: none;
flex-direction: column;
position: relative;
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .summary-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
margin-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
bottom: auto;
left: auto;
right: 1px;
top: 12px;
z-index: 9999;
}
.latepoint-w .latepoint-summary-w .summary-header {
position: relative;
padding: 5px;
margin: 0px;
text-align: right;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
display: flex;
padding: 13px 20px;
justify-content: space-between;
align-items: center;
}
.latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner {
background-image: radial-gradient(#d4d4d4 1px, transparent 0);
background-size: 7px 7px;
}
.latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 19px;
font-size: 20px;
background-color: #fff;
padding: 3px 5px 3px 15px;
z-index: 2;
color: var(--latepoint-body-color);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
background-color: #fff;
position: relative;
z-index: 2;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #14161d;
font-weight: 600;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines {
position: absolute;
top: 21px;
left: 30px;
right: 30px;
z-index: 1;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
border-bottom: 2px dotted #b7c2e8;
margin-bottom: 2px;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
padding-top: 5px;
margin-top: 5px;
border-top-width: 2px;
margin-bottom: 0px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents {
display: flex;
flex-direction: column;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
margin-bottom: 20px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
margin-bottom: 30px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
font-size: 13px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding-top: 15px;
overflow-y: auto;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
display: none;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
padding: 15px 0 0 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
position: relative;
padding: 10px 0;
margin-top: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
padding-bottom: 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
background-color: #f8f8f8;
box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
background-color: #dc5454;
color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart .os-remove-from-cart-icon {
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
text-transform: uppercase;
color: #7c85a3;
font-weight: 600;
letter-spacing: 1px;
position: relative;
font-size: 11px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
height: 1px;
background-color: #f1f1f1;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link {
color: var(--latepoint-brand-primary);
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon {
font-size: 7px;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w {
border-top: none;
padding: 30px;
padding-top: 25px;
margin: 20px -30px -30px -30px;
border-top: 1px solid #eee;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading {
padding-bottom: 10px 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 600;
color: #7c85a3;
align-items: center;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes {
display: none;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box-heading {
flex: 1;
align-items: baseline;
margin: 0px;
}
.latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line {
margin-left: 5px;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box {
padding-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box:first-child {
padding-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
text-transform: capitalize;
letter-spacing: normal;
font-size: 13px;
font-weight: 400;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) {
display: flex;
align-items: baseline;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-avatar-w, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-location-image {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i {
margin-left: 5px;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-sub-item, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-link-item {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-boxes-columns {
display: block;
}
.latepoint-clean-body {
margin: 0;
}
.latepoint-clean-body .latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
box-shadow: 0 10px 30px 0 rgba(36, 36, 36, 0.45), 0 1px 2px 0 rgba(87, 87, 87, 0.74);
}
.latepoint-clean-body.with-pattern {
background-image: radial-gradient(#eee 2px, transparent 0);
background-size: 25px 25px;
background-color: #fff;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 50px;
}
html.latepoint-clean {
margin: 0 !important;
min-height: 100%;
}
.latepoint-w .manage-order-wrapper .booking-summary-info-w {
display: none;
}
.latepoint-w .manage-order-wrapper .qr-show-trigger {
display: none;
}
.latepoint-w .manage-order-wrapper .summary-box .sbc-big-item {
font-size: 20px;
}
.latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 24px;
}
.latepoint-w .manage-order-wrapper,
.latepoint-w .manage-booking-wrapper {
max-width: 550px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0px auto;
position: relative;
}
.latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner,
.latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner {
filter: blur(3px);
}
.latepoint-w .manage-order-wrapper.os-loading:after,
.latepoint-w .manage-booking-wrapper.os-loading:after {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 85px;
z-index: 9999;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner,
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 50px;
padding-top: 70px;
position: relative;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner:before,
.latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
content: "";
height: 34px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.latepoint-w .manage-order-wrapper .manage-status-info,
.latepoint-w .manage-booking-wrapper .manage-status-info {
display: flex;
gap: 5px;
align-items: center;
margin-right: auto;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-label,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
color: rgba(255, 255, 255, 0.5);
display: none;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
color: #fff;
font-weight: 600;
padding: 2px 6px;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open {
background-color: #fff;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled {
background-color: #fff;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
background-color: #74ff60;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
background-color: #e81818;
color: #fff;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-payment_pending,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending {
background-color: #ffe75e;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls,
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 15px 25px;
background-color: var(--latepoint-brand-primary);
display: flex;
gap: 25px;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 2;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
background-color: #e81819;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-payment_pending,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending {
background-color: #c6a573;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn {
padding: 0 !important;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
display: flex;
align-items: center;
margin: 0 !important;
gap: 8px;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
transition: none !important;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
font-size: 18px !important;
padding: 6px !important;
border-radius: 6px !important;
border: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
background-color: #fff !important;
color: #111 !important;
height: auto !important;
}
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding-top: 100px;
}
.latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
top: 60px;
}
.latepoint-w .manage-booking-wrapper .booking-status-info-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
margin: 0;
padding-left: 50px;
padding-right: 50px;
}
.booking-full-summary-actions {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 30px;
flex-wrap: wrap;
}
.booking-full-summary-actions .booking-summary-action-btn {
padding: 3px 6px;
text-decoration: none;
color: #111;
font-size: 13px;
font-weight: 600;
border: 1px solid #111;
display: flex;
gap: 3px;
align-items: center;
position: relative;
transition: none;
}
.booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i {
display: block;
}
.booking-full-summary-actions .booking-summary-action-btn:hover {
color: var(--latepoint-brand-primary);
border-color: var(--latepoint-brand-primary);
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 12px;
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading i {
color: transparent;
}
.booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
color: #ad3d12;
border-color: #ad3d12;
}
.customer-dashboard-order-summary-lightbox .summary-box-heading .sbh-item,
.customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
.bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
.manage-order-wrapper .summary-box-heading .sbh-item,
.manage-booking-wrapper .summary-box-heading .sbh-item {
color: #7c85a3;
font-weight: 600;
font-size: 15px;
}
.customer-dashboard-order-summary-lightbox .order-summary-main-section,
.customer-dashboard-booking-summary-lightbox .order-summary-main-section,
.bundle-scheduled-summary-lightbox .order-summary-main-section,
.manage-order-wrapper .order-summary-main-section,
.manage-booking-wrapper .order-summary-main-section {
margin-bottom: 20px;
}
.customer-dashboard-order-summary-lightbox .part-of-bundle-message,
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
.bundle-scheduled-summary-lightbox .part-of-bundle-message,
.manage-order-wrapper .part-of-bundle-message,
.manage-booking-wrapper .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
text-align: center;
font-size: 13px;
margin-top: 20px;
}
.customer-dashboard-order-summary-lightbox .part-of-bundle-message a,
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
.bundle-scheduled-summary-lightbox .part-of-bundle-message a,
.manage-order-wrapper .part-of-bundle-message a,
.manage-booking-wrapper .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-dashboard-order-summary-lightbox .full-summary-head-info,
.customer-dashboard-booking-summary-lightbox .full-summary-head-info,
.bundle-scheduled-summary-lightbox .full-summary-head-info,
.manage-order-wrapper .full-summary-head-info,
.manage-booking-wrapper .full-summary-head-info {
position: relative;
}
.customer-dashboard-order-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
.manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
display: inline-block;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
float: right;
width: 100px;
text-align: center;
padding-top: 20px;
cursor: pointer;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
font-size: 45px;
color: #111;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px solid #777;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 12px;
text-transform: uppercase;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 600;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.customer-dashboard-order-summary-lightbox .payment-summary-info .full-summary-info-w,
.customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
.bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
.manage-order-wrapper .payment-summary-info .full-summary-info-w,
.manage-booking-wrapper .payment-summary-info .full-summary-info-w {
margin-top: 0px;
}
.customer-dashboard-order-summary-lightbox .full-summary-header,
.customer-dashboard-booking-summary-lightbox .full-summary-header,
.bundle-scheduled-summary-lightbox .full-summary-header,
.manage-order-wrapper .full-summary-header,
.manage-booking-wrapper .full-summary-header {
margin-bottom: 0px;
margin-top: 0px;
}
.customer-dashboard-order-summary-lightbox .full-summary-number,
.customer-dashboard-booking-summary-lightbox .full-summary-number,
.bundle-scheduled-summary-lightbox .full-summary-number,
.manage-order-wrapper .full-summary-number,
.manage-booking-wrapper .full-summary-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.customer-dashboard-order-summary-lightbox .full-summary-number strong,
.customer-dashboard-booking-summary-lightbox .full-summary-number strong,
.bundle-scheduled-summary-lightbox .full-summary-number strong,
.manage-order-wrapper .full-summary-number strong,
.manage-booking-wrapper .full-summary-number strong {
color: #14161d;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-wrapper,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
.manage-order-wrapper .full-summary-order-info-wrapper,
.manage-booking-wrapper .full-summary-order-info-wrapper {
position: relative;
margin-bottom: 40px;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
font-size: 32px;
margin-bottom: 5px;
color: #7c85a3;
display: flex;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
color: #14161d;
font-weight: 600;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
display: flex;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
text-decoration: none;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
.manage-order-wrapper .full-summary-order-info-elements,
.manage-booking-wrapper .full-summary-order-info-elements {
display: flex;
gap: 10px;
font-size: 15px;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
.manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
display: flex;
gap: 2px;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements span,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
.manage-order-wrapper .full-summary-order-info-elements span,
.manage-booking-wrapper .full-summary-order-info-elements span {
color: #7c85a3;
display: block;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements strong,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
.manage-order-wrapper .full-summary-order-info-elements strong,
.manage-booking-wrapper .full-summary-order-info-elements strong {
color: #14161d;
display: block;
}
.latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: block;
}
@keyframes osLightboxMobileAnimation {
0% {
transform: translate3d(0%, 10%, 0px) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0%, 0%, 0px) scale(1);
opacity: 1;
}
}
@media (min-width: 601px) and (max-width: 1050px) {
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w {
border-right: none !important;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w {
display: none !important;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header {
text-align: left;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span {
margin-left: 15px;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
animation-fill-mode: both;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
display: block !important;
position: fixed;
top: 50%;
left: 50%;
min-width: 300px;
width: auto;
flex: 1;
border-radius: 0;
bottom: auto;
z-index: 4;
overflow: auto;
box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
max-height: 80vh;
transform: translate3d(-50%, -50%, 0);
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
padding: 3px 5px;
line-height: 1.2;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div {
justify-content: flex-start;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
margin-left: 0;
}
}
@media (max-width: 600px) {
.latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
border-radius: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip,
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
transform: none;
animation: 0.1s ease latepointAvailabilityPopupY;
animation-fill-mode: both;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
left: auto;
right: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip {
left: 0;
}
.latepoint-w.latepoint-lightbox-form {
height: 100%;
}
.latepoint-w .latepoint-booking-form-element {
flex: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
width: 100%;
flex: 1;
}
.summary-header .checkout-from-summary-panel-btn-wrapper {
display: none;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
padding: 0 20px;
}
.latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
padding: 0 20px 20px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents {
overflow: hidden;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only {
display: block;
padding: 10px 20px;
background-color: #fff;
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid #f1f1f1;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only .checkout-from-summary-panel-btn {
justify-content: space-between;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner {
padding-top: 10px;
}
.le-day-view-wrapper .le-day-schedule-wrapper {
padding: 30px 15px;
}
.latepoint-calendar-controls {
flex-wrap: wrap;
}
.latepoint-calendar-controls .le-navigation .le-today {
display: none;
}
.latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month {
white-space: nowrap;
flex: 0 0 100%;
text-align: center;
}
.latepoint-calendar-controls .le-filter {
padding: 10px 12px;
}
.latepoint-calendar-controls .le-filter span {
display: none;
}
.latepoint-calendar-controls .le-range-selector {
margin-left: 0;
}
.latepoint-calendar-controls .le-navigation-wrapper {
margin-left: auto;
border-left: none;
}
.latepoint-calendar-week .le-day-weekday-wrapper {
position: relative;
top: 0;
}
.latepoint-calendar-filters .le-filters-label {
display: none;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
display: block;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group {
margin-top: 10px;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select {
display: block;
width: 100%;
}
.latepoint-calendar-week {
overflow-x: auto;
padding-left: 0;
padding-bottom: 10px;
grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
}
.latepoint-calendar-week .le-day-wrapper {
flex: 0 0 100px;
}
.latepoint-calendar-month {
grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
overflow-x: scroll;
}
.latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
display: none;
}
.le-day-view-wrapper .le-day-info-section {
padding: 20px 15px;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
font-size: 45px;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
margin-left: 15px;
padding-left: 15px;
}
.le-day-view-wrapper .le-day-info-section .le-day-heading {
margin-bottom: 7px;
font-size: 21px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close {
top: 5px;
right: 5px;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 0px;
}
.latepoint-w .manage-order-wrapper,
.latepoint-w .manage-booking-wrapper {
margin: 0;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls,
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 10px;
gap: 10px;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner,
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 20px;
padding-top: 100px;
}
.latepoint-resources-items-w {
display: block;
}
.latepoint-resources-items-w .resource-item {
margin-bottom: 20px;
}
.os-items .os-item.with-details .os-item-i .os-item-img-w {
transform-origin: center center;
transform: translateY(-8px) scale(0.9);
}
.os-items .os-item.with-details .os-item-i .os-item-name-w {
transform: translateY(-18px);
}
.os-items .os-item.with-details .os-item-i .os-item-details-popup-btn {
opacity: 1;
transform: translateY(-7px);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
padding: 0 20px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
font-size: 16px !important;
}
.latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header {
text-align: left;
}
.latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header > div {
justify-content: flex-start;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
animation-fill-mode: both;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
display: flex !important;
position: fixed;
top: 50%;
left: 50%;
width: auto;
flex: 1;
border-radius: 0;
bottom: auto;
z-index: 4;
overflow: hidden;
box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
max-height: 90vh;
max-width: 90vw;
min-width: 80vw;
transform: translate3d(-50%, -50%, 0);
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger {
line-height: 1;
right: 15px;
padding: 3px;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger i {
display: block;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
border-radius: 0px;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 8px;
}
.qr-code-on-full-summary {
display: none !important;
}
.customer-bookings-tiles, .customer-orders-tiles {
grid-template-columns: 1fr;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
font-size: 16px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
margin: 0px 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
padding: 10px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
padding: 0px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 5px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control {
font-size: 18px !important;
}
.latepoint-w .customer-bookings-tiles .customer-booking {
flex: 1;
}
.latepoint-w .customer-dashboard-tabs {
overflow-x: auto;
}
.latepoint-w .customer-dashboard-tabs a {
margin: 0px 0px;
text-align: center;
white-space: nowrap;
}
.latepoint-w .customer-dashboard-tabs a + a {
margin-left: 15px;
}
.latepoint-w .customer-dashboard-tabs a:after {
bottom: 0px;
top: auto;
height: 0px;
width: 100%;
}
.latepoint-w .customer-dashboard-tabs a.active:after {
height: 3px;
}
.latepoint-w .latepoint-section-heading-w .heading-extra {
display: none;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
display: block;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
margin-bottom: 5px;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
width: 100% !important;
}
.latepoint-w .dp-timeslot {
height: 30px;
}
.latepoint-w .dp-timeslot .dp-tick {
top: 40px;
}
.latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
display: none;
}
.latepoint-w .latepoint-booking-form-element {
display: block;
height: 100%;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w {
display: none !important;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
justify-content: space-evenly;
}
.latepoint-w .latepoint-booking-form-element .step-datepicker-w {
padding: 10px 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
flex-direction: column;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
padding: 8px 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
margin-left: 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
margin-left: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
font-size: 18px !important;
-webkit-appearance: none;
width: 155px !important;
border-radius: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
padding: 5px 10px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
padding-left: 5px;
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
margin-right: 10px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
font-size: 32px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
display: none;
width: 100%;
flex: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input {
font-size: 16px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important;
padding-right: 15px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 15px;
max-height: 100vh; max-height: 100dvh;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content {
padding: 40px 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features {
margin-bottom: 20px;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
position: absolute;
top: 59px;
z-index: 999;
left: 0px;
right: 0px;
display: block;
flex: 1;
padding: 0px;
border: none !important;
background-color: #fff;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions,
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress {
display: none !important;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
margin-top: 0px;
padding: 10px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
margin-bottom: 0px;
margin-right: 10px;
white-space: nowrap;
flex: 1;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
text-align-last: left;
text-align: center;
}
.latepoint-w .latepoint-summary-w {
display: none !important;
}
.latepoint-w .latepoint-form-w {
height: 100%;
}
.latepoint-w .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important;
}
.latepoint-w .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .latepoint-lightbox-i {
transform: none;
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation;
max-height: 100vh;
max-height: 100dvh;
height: 100vh; height: 100dvh;
}
.latepoint-w.front-lightbox .latepoint-lightbox-i {
max-height: 100vh; max-height: 100dvh;
}
.latepoint-lightbox-w {
grid-template-columns: 1fr !important;
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0%, -40%, 0px) scale(1.2);
opacity: 0;
}
100% {
transform: translate3d(0%, -50%, 0px) scale(1);
opacity: 1;
}
}
}
@media (min-width: 601px) and (max-width: 959px) {
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: flex;
}
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
}
@media (min-width: 960px) {
.latepoint-w .summary-boxes-columns {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
}
.latepoint-w .summary-boxes-columns .summary-box {
flex: 1 1 35%;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: flex;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
grid-template-columns: min-content;
}
} @media print {
.summary-box-wrapper + .summary-box-wrapper {
border-top: 2px solid #111;
margin-top: 30px;
padding-top: 30px;
}
.order-full-summary-actions {
display: none;
}
.order-summary-items-heading {
margin-top: 30px;
margin-bottom: 20px;
font-size: 22px;
}
.full-summary-order-info-elements {
margin-top: 20px;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
display: none;
}
.full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
display: none;
}
.qr-code-booking-info img, .qr-code-vevent img {
width: 200px;
height: auto;
}
.fsoi-element {
margin-top: 5px;
}
.part-of-bundle-message {
display: none;
}
.summary-box .summary-box-content .os-avatar-w,
.summary-box .summary-box-content .os-location-image {
display: none;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 0;
}
.summary-box .sbc-link-item {
display: none;
}
.summary-box .sbc-big-item {
font-size: 22px;
}
.summary-box .sbc-highlighted-item {
font-size: 18px;
color: #000;
}
.full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
margin-bottom: 5px;
}
.full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
font-size: 18px;
}
.latepoint-w .summary-boxes-columns .summary-box {
margin-bottom: 20px;
}
.summary-box .sbc-main-item a {
display: none;
}
.booking-full-summary-actions {
display: none;
}
.summary-attributes {
padding: 0;
background-color: transparent;
}
.summary-box.main-box .summary-box-booking-date-box,
.summary-box.main-box .qr-show-trigger {
display: none;
}
.booking-status-info-wrapper {
padding: 20px 0;
margin: 0;
margin-bottom: 30px;
border-bottom: 2px solid #111;
flex-direction: row-reverse;
justify-content: space-between;
}
.booking-status-info-wrapper .booking-status-label, .booking-status-info-wrapper .booking-confirmation {
font-size: 22px;
}
.booking-status-info-wrapper .booking-status-icon {
display: none;
}
.booking-status-info-wrapper .booking-confirmation {
margin-left: 0;
}
.fsoi-main-wrapper {
display: none;
}
.latepoint-print-summary-w {
padding: 40px;
}
.latepoint-print-summary-w .full-summary-head-info {
position: relative;
}
.latepoint-print-summary-w .qr-code-on-full-summary {
display: flex;
gap: 50px;
margin-bottom: 20px;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger {
display: none;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info,
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent {
flex: 1;
text-align: center;
border: 2px dotted #111;
padding: 30px;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info img,
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img {
width: 200px;
height: 200px;
display: block;
margin: 0px auto 10px;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info .qr-code-label,
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 14px;
}
.latepoint-print-summary-w .payment-summary-info .full-summary-info-w {
margin-top: 0px;
}
.latepoint-print-summary-w .full-summary-header {
margin-bottom: 0px;
margin-top: 0px;
}
.latepoint-print-summary-w .full-summary-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.latepoint-print-summary-w .full-summary-number strong {
font-size: 39px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1;
}
}
.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
padding-top: 1px;
}
body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti {
align-items: center;
}
.latepoint-admin .lp_iti, .latepoint .lp_iti {
position: relative;
display: flex;
align-items: flex-end;
}
.latepoint-admin .lp_iti *, .latepoint .lp_iti * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide {
display: none;
}
.latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide {
visibility: hidden;
}
.latepoint-admin .lp_iti input, .latepoint-admin .lp_iti input[type=text], .latepoint-admin .lp_iti input[type=tel], .latepoint .lp_iti input, .latepoint .lp_iti input[type=text], .latepoint .lp_iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container {
position: relative;
}
.latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
padding: 8px 6px 8px 0px;
min-height: 20px;
}
.latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow {
margin-left: 4px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
margin-right: 0px;
}
.latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up {
margin-left: 6px;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 4px solid #555;
border-right: none;
}
.latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
border: 1px solid #ababbf;
border-bottom-color: #9c9ead;
border-radius: 6px;
box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
background-color: #fff;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
margin: 0px;
margin-bottom: 1px;
margin-left: -1px;
font-size: 15px;
}
.latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
@media (max-width: 500px) {
.latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
white-space: normal;
}
}
.latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box {
display: inline-block;
width: 20px;
}
.latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.latepoint-admin .lp_iti__country, .latepoint .lp_iti__country {
padding: 6px 8px;
outline: none;
margin-bottom: 0px;
}
.latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code {
color: #999;
}
.latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name, .latepoint .lp_iti__dial-code {
vertical-align: middle;
}
.latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name {
margin-right: 6px;
}
.latepoint-admin .lp_iti--allow-dropdown input, .latepoint-admin .lp_iti--allow-dropdown input[type=text], .latepoint-admin .lp_iti--allow-dropdown input[type=tel], .latepoint-admin .lp_iti--separate-dial-code input, .latepoint-admin .lp_iti--separate-dial-code input[type=text], .latepoint-admin .lp_iti--separate-dial-code input[type=tel], .latepoint .lp_iti--allow-dropdown input, .latepoint .lp_iti--allow-dropdown input[type=text], .latepoint .lp_iti--allow-dropdown input[type=tel], .latepoint .lp_iti--separate-dial-code input, .latepoint .lp_iti--separate-dial-code input[type=text], .latepoint .lp_iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container {
right: auto;
left: 0;
}
.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover {
cursor: pointer;
}
.latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
.latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
.latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover {
cursor: default;
}
.latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
.latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
.latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag {
background-color: transparent;
}
.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
margin-left: 6px;
}
.latepoint-admin .lp_iti--container, .latepoint .lp_iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1000000;
padding: 1px;
}
.latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover {
cursor: pointer;
}
.latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
position: fixed;
z-index: 1000000;
}
.latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list {
max-height: 100%;
width: 100%;
}
.latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
width: 20px;
}
.latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
width: 18px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
width: 15px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
width: 19px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
width: 18px;
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
width: 13px;
}
.latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
background-size: 5652px 15px;
}
}
.latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac {
height: 10px;
background-position: 0px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad {
height: 14px;
background-position: -22px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae {
height: 10px;
background-position: -44px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af {
height: 14px;
background-position: -66px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag {
height: 14px;
background-position: -88px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai {
height: 10px;
background-position: -110px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al {
height: 15px;
background-position: -132px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am {
height: 10px;
background-position: -154px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao {
height: 14px;
background-position: -176px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq {
height: 14px;
background-position: -198px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar {
height: 13px;
background-position: -220px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as {
height: 10px;
background-position: -242px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at {
height: 14px;
background-position: -264px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au {
height: 10px;
background-position: -286px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw {
height: 14px;
background-position: -308px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax {
height: 13px;
background-position: -330px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az {
height: 10px;
background-position: -352px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba {
height: 10px;
background-position: -374px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb {
height: 14px;
background-position: -396px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd {
height: 12px;
background-position: -418px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
height: 15px;
background-position: -440px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf {
height: 14px;
background-position: -460px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg {
height: 12px;
background-position: -482px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh {
height: 12px;
background-position: -504px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi {
height: 12px;
background-position: -526px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj {
height: 14px;
background-position: -548px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl {
height: 14px;
background-position: -570px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm {
height: 10px;
background-position: -592px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn {
height: 10px;
background-position: -614px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo {
height: 14px;
background-position: -636px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq {
height: 14px;
background-position: -658px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br {
height: 14px;
background-position: -680px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs {
height: 10px;
background-position: -702px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt {
height: 14px;
background-position: -724px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv {
height: 15px;
background-position: -746px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw {
height: 14px;
background-position: -768px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by {
height: 10px;
background-position: -790px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz {
height: 14px;
background-position: -812px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca {
height: 10px;
background-position: -834px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc {
height: 10px;
background-position: -856px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd {
height: 15px;
background-position: -878px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf {
height: 14px;
background-position: -900px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg {
height: 14px;
background-position: -922px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
height: 15px;
background-position: -944px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci {
height: 14px;
background-position: -961px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck {
height: 10px;
background-position: -983px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co {
height: 14px;
background-position: -1071px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr {
height: 12px;
background-position: -1115px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu {
height: 10px;
background-position: -1137px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv {
height: 12px;
background-position: -1159px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw {
height: 14px;
background-position: -1181px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx {
height: 10px;
background-position: -1203px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy {
height: 14px;
background-position: -1225px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz {
height: 14px;
background-position: -1247px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de {
height: 12px;
background-position: -1269px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg {
height: 10px;
background-position: -1291px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj {
height: 14px;
background-position: -1313px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk {
height: 15px;
background-position: -1335px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm {
height: 10px;
background-position: -1357px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do {
height: 14px;
background-position: -1379px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz {
height: 14px;
background-position: -1401px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea {
height: 14px;
background-position: -1423px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec {
height: 14px;
background-position: -1445px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee {
height: 13px;
background-position: -1467px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg {
height: 14px;
background-position: -1489px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh {
height: 10px;
background-position: -1511px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er {
height: 10px;
background-position: -1533px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es {
height: 14px;
background-position: -1555px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et {
height: 10px;
background-position: -1577px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu {
height: 14px;
background-position: -1599px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi {
height: 12px;
background-position: -1621px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj {
height: 10px;
background-position: -1643px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk {
height: 10px;
background-position: -1665px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm {
height: 11px;
background-position: -1687px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo {
height: 15px;
background-position: -1709px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr {
height: 14px;
background-position: -1731px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga {
height: 15px;
background-position: -1753px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb {
height: 10px;
background-position: -1775px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd {
height: 12px;
background-position: -1797px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge {
height: 14px;
background-position: -1819px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf {
height: 14px;
background-position: -1841px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg {
height: 14px;
background-position: -1863px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh {
height: 14px;
background-position: -1885px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi {
height: 10px;
background-position: -1907px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl {
height: 14px;
background-position: -1929px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm {
height: 14px;
background-position: -1951px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn {
height: 14px;
background-position: -1973px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp {
height: 14px;
background-position: -1995px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq {
height: 14px;
background-position: -2017px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr {
height: 14px;
background-position: -2039px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs {
height: 10px;
background-position: -2061px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt {
height: 13px;
background-position: -2083px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu {
height: 11px;
background-position: -2105px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw {
height: 10px;
background-position: -2127px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy {
height: 12px;
background-position: -2149px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk {
height: 14px;
background-position: -2171px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm {
height: 10px;
background-position: -2193px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn {
height: 10px;
background-position: -2215px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr {
height: 10px;
background-position: -2237px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht {
height: 12px;
background-position: -2259px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu {
height: 10px;
background-position: -2281px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic {
height: 14px;
background-position: -2303px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id {
height: 14px;
background-position: -2325px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie {
height: 10px;
background-position: -2347px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il {
height: 15px;
background-position: -2369px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im {
height: 10px;
background-position: -2391px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in {
height: 14px;
background-position: -2413px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io {
height: 10px;
background-position: -2435px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq {
height: 14px;
background-position: -2457px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir {
height: 12px;
background-position: -2479px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is {
height: 15px;
background-position: -2501px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it {
height: 14px;
background-position: -2523px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je {
height: 12px;
background-position: -2545px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm {
height: 10px;
background-position: -2567px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo {
height: 10px;
background-position: -2589px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp {
height: 14px;
background-position: -2611px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke {
height: 14px;
background-position: -2633px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg {
height: 12px;
background-position: -2655px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh {
height: 13px;
background-position: -2677px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki {
height: 10px;
background-position: -2699px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km {
height: 12px;
background-position: -2721px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn {
height: 14px;
background-position: -2743px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp {
height: 10px;
background-position: -2765px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr {
height: 14px;
background-position: -2787px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw {
height: 10px;
background-position: -2809px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky {
height: 10px;
background-position: -2831px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz {
height: 10px;
background-position: -2853px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la {
height: 14px;
background-position: -2875px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb {
height: 14px;
background-position: -2897px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc {
height: 10px;
background-position: -2919px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li {
height: 12px;
background-position: -2941px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk {
height: 10px;
background-position: -2963px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr {
height: 11px;
background-position: -2985px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls {
height: 14px;
background-position: -3007px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt {
height: 12px;
background-position: -3029px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu {
height: 12px;
background-position: -3051px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv {
height: 10px;
background-position: -3073px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly {
height: 10px;
background-position: -3095px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma {
height: 14px;
background-position: -3117px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
height: 15px;
background-position: -3139px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md {
height: 10px;
background-position: -3160px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me {
height: 10px;
background-position: -3182px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf {
height: 14px;
background-position: -3204px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg {
height: 14px;
background-position: -3226px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh {
height: 11px;
background-position: -3248px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk {
height: 10px;
background-position: -3270px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml {
height: 14px;
background-position: -3292px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm {
height: 14px;
background-position: -3314px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn {
height: 10px;
background-position: -3336px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo {
height: 14px;
background-position: -3358px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp {
height: 10px;
background-position: -3380px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq {
height: 14px;
background-position: -3402px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr {
height: 14px;
background-position: -3424px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms {
height: 10px;
background-position: -3446px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt {
height: 14px;
background-position: -3468px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu {
height: 14px;
background-position: -3490px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv {
height: 14px;
background-position: -3512px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw {
height: 14px;
background-position: -3534px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx {
height: 12px;
background-position: -3556px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my {
height: 10px;
background-position: -3578px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz {
height: 14px;
background-position: -3600px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na {
height: 14px;
background-position: -3622px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc {
height: 10px;
background-position: -3644px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
height: 15px;
background-position: -3666px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf {
height: 10px;
background-position: -3686px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng {
height: 10px;
background-position: -3708px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni {
height: 12px;
background-position: -3730px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl {
height: 14px;
background-position: -3752px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no {
height: 15px;
background-position: -3774px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
height: 15px;
background-position: -3796px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr {
height: 10px;
background-position: -3811px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu {
height: 10px;
background-position: -3833px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz {
height: 10px;
background-position: -3855px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om {
height: 10px;
background-position: -3877px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa {
height: 14px;
background-position: -3899px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe {
height: 14px;
background-position: -3921px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf {
height: 14px;
background-position: -3943px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg {
height: 15px;
background-position: -3965px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph {
height: 10px;
background-position: -3987px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk {
height: 14px;
background-position: -4009px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl {
height: 13px;
background-position: -4031px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm {
height: 14px;
background-position: -4053px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn {
height: 10px;
background-position: -4075px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr {
height: 14px;
background-position: -4097px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps {
height: 10px;
background-position: -4119px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt {
height: 14px;
background-position: -4141px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw {
height: 13px;
background-position: -4163px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py {
height: 11px;
background-position: -4185px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa {
height: 8px;
background-position: -4207px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re {
height: 14px;
background-position: -4229px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro {
height: 14px;
background-position: -4251px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs {
height: 14px;
background-position: -4273px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru {
height: 14px;
background-position: -4295px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw {
height: 14px;
background-position: -4317px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa {
height: 14px;
background-position: -4339px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb {
height: 10px;
background-position: -4361px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc {
height: 10px;
background-position: -4383px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd {
height: 10px;
background-position: -4405px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se {
height: 13px;
background-position: -4427px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg {
height: 14px;
background-position: -4449px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh {
height: 10px;
background-position: -4471px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si {
height: 10px;
background-position: -4493px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj {
height: 15px;
background-position: -4515px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk {
height: 14px;
background-position: -4537px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl {
height: 14px;
background-position: -4559px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm {
height: 15px;
background-position: -4581px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn {
height: 14px;
background-position: -4603px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so {
height: 14px;
background-position: -4625px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr {
height: 14px;
background-position: -4647px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss {
height: 10px;
background-position: -4669px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st {
height: 10px;
background-position: -4691px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv {
height: 12px;
background-position: -4713px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx {
height: 14px;
background-position: -4735px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy {
height: 14px;
background-position: -4757px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz {
height: 14px;
background-position: -4779px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta {
height: 10px;
background-position: -4801px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc {
height: 10px;
background-position: -4823px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td {
height: 14px;
background-position: -4845px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf {
height: 14px;
background-position: -4867px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg {
height: 13px;
background-position: -4889px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th {
height: 14px;
background-position: -4911px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj {
height: 10px;
background-position: -4933px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk {
height: 10px;
background-position: -4955px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl {
height: 10px;
background-position: -4977px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm {
height: 14px;
background-position: -4999px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn {
height: 14px;
background-position: -5021px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to {
height: 10px;
background-position: -5043px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr {
height: 14px;
background-position: -5065px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt {
height: 12px;
background-position: -5087px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv {
height: 10px;
background-position: -5109px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw {
height: 14px;
background-position: -5131px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz {
height: 14px;
background-position: -5153px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua {
height: 14px;
background-position: -5175px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug {
height: 14px;
background-position: -5197px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um {
height: 11px;
background-position: -5219px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un {
height: 14px;
background-position: -5241px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us {
height: 11px;
background-position: -5263px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy {
height: 14px;
background-position: -5285px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz {
height: 10px;
background-position: -5307px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
height: 15px;
background-position: -5329px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc {
height: 14px;
background-position: -5346px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve {
height: 14px;
background-position: -5368px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg {
height: 10px;
background-position: -5390px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi {
height: 14px;
background-position: -5412px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn {
height: 14px;
background-position: -5434px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu {
height: 12px;
background-position: -5456px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf {
height: 14px;
background-position: -5478px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws {
height: 10px;
background-position: -5500px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk {
height: 15px;
background-position: -5522px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye {
height: 14px;
background-position: -5544px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt {
height: 14px;
background-position: -5566px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za {
height: 14px;
background-position: -5588px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm {
height: 14px;
background-position: -5610px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw {
height: 10px;
background-position: -5632px 0px;
}
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
height: 15px;
box-shadow: none;
border-radius: 2px;
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/intl-tel-input/flags.png);
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
background-image: url(//therisk.global/wp-content/plugins/latepoint/public/images/intl-tel-input/flags@2x.png);
}
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
background-color: transparent;
}
.latepoint-admin .lp_iti__country-list {
font-size: 13px;
}