@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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/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(//firescatalanes.cat/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.eot?-g7cqhn);
src: url(//firescatalanes.cat/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.eot?#iefix-g7cqhn) format("embedded-opentype"), url(//firescatalanes.cat/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.woff?-g7cqhn) format("woff"), url(//firescatalanes.cat/wp-content/plugins/ap-plugin-scripteo/frontend/css/asset/icons/Material-Design-Icons.ttf?-g7cqhn) format("truetype"), url(//firescatalanes.cat/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"; }.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}.ur-h2,
.ur-h3,
.ur-h4 {
font-weight: 600 !important;
}
.ur-h2 {
font-size: 28px !important;
}
.ur-h3 {
font-size: 20px !important;
}
.ur-h4 {
font-size: 16px !important;
}
.ur-text-center {
text-align: center;
}
.ur-text-right {
text-align: right;
}
.ur-text-muted {
color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
}
@font-face {
font-family: "UserRegistration";
src: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?nk6vrg);
src: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?nk6vrg#iefix) format("embedded-opentype"), url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.ttf?nk6vrg) format("truetype"), url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.woff?nk6vrg) format("woff"), url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.svg?nk6vrg#UserRegistration) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "UserRegistration";
src: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?v5p6f);
src: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.eot?v5p6f#iefix) format("embedded-opentype"), url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.ttf?v5p6f) format("truetype"), url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.woff?v5p6f) format("woff"), url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/fonts/UserRegistration.svg?v5p6f#UserRegistration) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=ur-icon-],
[class*=" ur-icon-"] { font-family: "UserRegistration" !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;
}  .ur-icon-input-first-name::before {
content: "\e001";
}
.ur-icon-input-last-name::before {
content: "\e002";
}
.ur-icon-input-field::before {
content: "\e003";
}
.ur-icon-input-password::before {
content: "\e004";
}
.ur-icon-input-checkbox::before {
content: "\e005";
}
.ur-icon-radio::before {
content: "\e006";
}
.ur-icon-number::before {
content: "\e007";
}
.ur-icon-phone::before {
content: "\e008";
}
.ur-icon-calendar::before {
content: "\e009";
}
.ur-icon-drop-down::before {
content: "\e00a";
}
.ur-icon-textarea::before {
content: "\e00b";
}
.ur-icon-email::before {
content: "\e00c";
}
.ur-icon-email-secondary::before {
content: "\e00d";
}
.ur-icon-email-confirm::before {
content: "\e00e";
}
.ur-icon-invite-codes::before {
content: "\e00f";
}
.ur-icon-password::before {
content: "\e010";
}
.ur-icon-password-confirm::before {
content: "\e011";
}
.ur-icon-user::before {
content: "\e012";
}
.ur-icon-user-nickname::before {
content: "\e013";
}
.ur-icon-user-display-name::before {
content: "\e014";
}
.ur-icon-user-bio::before {
content: "\e015";
}
.ur-icon-website::before {
content: "\e016";
}
.ur-icon-flag::before {
content: "\e017";
}
.ur-icon-map-one::before {
content: "\e018";
}
.ur-icon-map-two::before {
content: "\e019";
}
.ur-icon-zip-code::before {
content: "\e01a";
}
.ur-icon-select2::before {
content: "\e01b";
}
.ur-icon-multi-select::before {
content: "\e01c";
}
.ur-icon-section-title::before {
content: "\e01d";
}
.ur-icon-time-picker::before {
content: "\e01e";
}
.ur-icon-state::before {
content: "\e01f";
}
.ur-icon-buildings::before {
content: "\e020";
}
.ur-icon-text-editor::before {
content: "\e021";
}
.ur-icon-bill::before {
content: "\e022";
}
.ur-icon-doc::before {
content: "\e023";
}
.ur-icon-file-upload::before {
content: "\e024";
}
.ur-icon-file-dollar::before {
content: "\e025";
}
.ur-icon-code::before {
content: "\e026";
}
.ur-icon-mailchimp::before {
content: "\e027";
}
.ur-icon-credit-card::before {
content: "\e028";
}
.ur-icon-range::before {
content: "\e029";
}
.ur-icon-course::before {
content: "\e02a";
}
.ur-icon-mailerlite::before {
content: "\e02b";
}
.ur-icon-stripe::before {
content: "\e02d";
}
.ur-icon-multichoice::before {
content: "\e02e";
}
.ur-icon-subscription-plan::before {
content: "\e037";
}
.ur-icon-total::before {
content: "\e02f";
}
.ur-icon-quantity::before {
content: "\e032";
}
.ur-icon-hidden-field::before {
content: "\e035";
}
.ur-icon-captcha-field::before {
content: "\e036";
}
.ur-icon-membership-field::before {
content: "\e038";
}
.ur-icon-coupon-field::before {
content: "\e039";
}
.ur-icon-e-signature::before {
content: "\e040";
}
.ur-icon-authorize-net::before {
content: "\e041";
} @keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes ur-circle-loading {
0%, 100% {
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
50% {
animation-timing-function: cubic-bezier(0, 0.2, 1, 0.8);
}
0% {
transform: rotate(0deg) translate(0, -20px) scale(0);
}
50% {
transform: rotate(180deg) translate(0, -20px) scale(1);
}
100% {
transform: rotate(360deg) translate(0, -20px) scale(0);
}
}
@-webkit-keyframes ur-circle-loading-keyframe {
0%, 100% {
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
50% {
animation-timing-function: cubic-bezier(0, 0.2, 1, 0.8);
}
0% {
transform: rotate(0deg) translate(0, -20px) scale(0);
}
50% {
transform: rotate(180deg) translate(0, -20px) scale(1);
}
100% {
transform: rotate(360deg) translate(0, -20px) scale(0);
}
}
@keyframes open-message {
0% {
opacity: 0;
transform: translateY(-120%);
}
100% {
transform: translateY(0px);
}
}
@keyframes close-message {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.9);
}
}
.user-registration button,
.user-registration .button,
.ur-form-container button,
.ur-form-container .button {
transition: all 0.25s ease 0s;
box-shadow: 0 1px 3px rgba(182.4993283582, 186.8632089552, 206.5006716418, 0.15);
}
.user-registration button + button,
.user-registration button + .button,
.user-registration .button + button,
.user-registration .button + .button,
.ur-form-container button + button,
.ur-form-container button + .button,
.ur-form-container .button + button,
.ur-form-container .button + .button {
margin-left: 6px;
}
.user-registration button.button-icon,
.user-registration .button.button-icon,
.ur-form-container button.button-icon,
.ur-form-container .button.button-icon {
width: 32px;
padding: 0;
text-align: center;
}
.user-registration button.button-icon .dashicons,
.user-registration .button.button-icon .dashicons,
.ur-form-container button.button-icon .dashicons,
.ur-form-container .button.button-icon .dashicons {
line-height: 0.9;
vertical-align: middle;
}
.user-registration button.button-icon svg,
.user-registration .button.button-icon svg,
.ur-form-container button.button-icon svg,
.ur-form-container .button.button-icon svg {
display: block;
margin: 0 auto;
}
.user-registration button.button-icon-round,
.user-registration .button.button-icon-round,
.ur-form-container button.button-icon-round,
.ur-form-container .button.button-icon-round {
border-radius: 50%;
}
.user-registration button.is-active,
.user-registration .button.is-active,
.ur-form-container button.is-active,
.ur-form-container .button.is-active {
background: #475bb2;
color: #ffffff;
border-color: #475bb2;
}
.user-registration button.is-active:hover, .user-registration button.is-active:active, .user-registration button.is-active:focus,
.user-registration .button.is-active:hover,
.user-registration .button.is-active:active,
.user-registration .button.is-active:focus,
.ur-form-container button.is-active:hover,
.ur-form-container button.is-active:active,
.ur-form-container button.is-active:focus,
.ur-form-container .button.is-active:hover,
.ur-form-container .button.is-active:active,
.ur-form-container .button.is-active:focus {
background: #475bb2;
color: #ffffff;
border-color: #475bb2;
}
.user-registration button .ur-spinner,
.user-registration .button .ur-spinner,
.ur-form-container button .ur-spinner,
.ur-form-container .button .ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle;
}
.user-registration .button-primary,
.ur-form-container .button-primary {
background: #475bb2;
border-color: #475bb2;
box-shadow: 0 1px 0 #475bb2;
text-shadow: none;
}
.user-registration .button-primary:hover, .user-registration .button-primary:active, .user-registration .button-primary:focus,
.ur-form-container .button-primary:hover,
.ur-form-container .button-primary:active,
.ur-form-container .button-primary:focus {
background: rgb(56.4578313253, 72.3614457831, 141.5421686747);
border-color: rgb(56.4578313253, 72.3614457831, 141.5421686747);
box-shadow: 0 1px 0 rgb(56.4578313253, 72.3614457831, 141.5421686747);
}
.user-registration .button-primary:disabled,
.ur-form-container .button-primary:disabled {
color: rgb(177.7951807229, 186.4698795181, 224.2048192771) !important;
background: rgb(104.8795180723, 121.7469879518, 195.1204819277) !important;
border-color: rgb(104.8795180723, 121.7469879518, 195.1204819277) !important;
}
.user-registration .button-secondary,
.ur-form-container .button-secondary {
color: #2d3559;
background: rgb(222.4984029851, 224.3717109905, 232.8015970149);
border-color: rgb(222.4984029851, 224.3717109905, 232.8015970149);
box-shadow: 0 1px 0 rgb(222.4984029851, 224.3717109905, 232.8015970149);
}
.user-registration .button-secondary:hover, .user-registration .button-secondary:active, .user-registration .button-secondary:focus,
.ur-form-container .button-secondary:hover,
.ur-form-container .button-secondary:active,
.ur-form-container .button-secondary:focus {
color: #2d3559;
background: rgb(182.4993283582, 186.8632089552, 206.5006716418);
border-color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
}
.user-registration .button-tertiary,
.ur-form-container .button-tertiary {
background: #ffffff;
color: #2d3559;
border: 1px solid #e1e1e1;
}
.user-registration .button-tertiary:hover, .user-registration .button-tertiary:active, .user-registration .button-tertiary:focus,
.ur-form-container .button-tertiary:hover,
.ur-form-container .button-tertiary:active,
.ur-form-container .button-tertiary:focus {
background: rgb(240.4392835821, 241.3522713704, 245.4607164179);
border-color: #e1e1e1;
}
.user-registration .button-danger,
.ur-form-container .button-danger {
color: #ffffff;
background: #ff4f55;
border-color: #ff4f55;
box-shadow: 0 1px 0 #ff4f55;
}
.user-registration .button-danger:hover, .user-registration .button-danger:active, .user-registration .button-danger:focus,
.ur-form-container .button-danger:hover,
.ur-form-container .button-danger:active,
.ur-form-container .button-danger:focus {
color: #ffffff;
background: rgb(238.74, 54.46, 60.7422727273);
border-color: rgb(238.74, 54.46, 60.7422727273);
box-shadow: 0 1px 0 rgb(238.74, 54.46, 60.7422727273);
}
.user-registration-button-group {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.user-registration-button-group > button:not(:first-child),
.user-registration-button-group .button:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.user-registration-button-group > button:not(:last-child),
.user-registration-button-group .button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.user-registration-button-group button,
.user-registration-button-group .button {
margin-right: 0 !important;
}
.ur-registered-item.ui-draggable-dragging {
padding: 10px 10px;
line-height: 20px;
background: #475bb2;
color: #ffffff;
text-align: center;
margin-bottom: 7px;
word-break: break-word;
white-space: normal;
width: 200px !important;
z-index: 9;
}
.ur-registered-item.ui-draggable-dragging span {
font-size: 14px;
line-height: 20px;
width: auto;
height: auto;
margin-right: 3px;
}
.select2-container .ur-select-all-countries-button {
margin: 6px 3px 4px 6px;
}
.select2-container .ur-unselect-all-countries-button {
margin: 6px 3px 4px;
}
.user-registration-page.user-registration-modal-open {
overflow: hidden;
}
.user-registration-page.user-registration-modal-open .user-registration-modal {
max-width: 100%;
}
.user-registration-modal-link:hover {
cursor: pointer;
}
.user-registration-modal {
display: flex;
place-content: center;
position: fixed;
top: 50px;
left: 0;
right: 0;
max-height: 90%;
width: 100%;
margin: 0 auto !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 999;
}
.user-registration-modal .user-registration-modal__backdrop {
position: fixed;
left: 0;
top: 0;
background-color: rgba(45, 53, 89, 0.5);
min-width: 100%;
min-height: 100%;
z-index: 1;
}
.user-registration-modal .user-registration-modal__content {
background: #ffffff;
position: relative;
width: auto;
margin: 16px;
border-radius: 8px;
z-index: 99999;
box-shadow: 0 3px 25px 0px rgba(45, 53, 89, 0.4);
}
@media (min-width: 576px) {
.user-registration-modal .user-registration-modal__content {
max-width: 500px;
margin: auto;
}
}
@media (min-width: 992px) {
.user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl, .user-registration-modal .user-registration-modal__content.user-registration-modal__content--lg {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl {
max-width: 1140px;
}
}
.user-registration-modal .user-registration-modal__header {
display: flex;
padding: 16px;
border-bottom: 1px solid #e1e1e1;
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__title {
font-size: 20px;
line-height: 1.4;
margin: 0;
padding: 0;
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon {
position: relative;
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
cursor: pointer;
margin-left: auto;
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before, .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after {
content: "";
height: 2px;
width: 16px;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
background: rgb(182.4993283582, 186.8632089552, 206.5006716418);
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before {
transform: rotate(45deg);
}
.user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after {
transform: rotate(135deg);
}
.user-registration-modal .user-registration-modal__body {
position: relative;
padding: 16px;
max-height: 67vh;
overflow-y: scroll;
}
.user-registration-modal .user-registration-modal__body #user-registration,
.user-registration-modal .user-registration-modal__body .user-registration,
.user-registration-modal .user-registration-modal__body .login {
margin: 0;
padding: 0;
border: none;
}
.user-registration-modal .user-registration-modal__footer {
padding: 16px;
border-top: 1px solid #e1e1e1;
}
.user-registration-modal .user-registration-modal__footer * {
margin: 4px;
}
.swal2-container .user-registration-swal2-modal {
padding: 40px;
}
.swal2-container .user-registration-swal2-modal .swal2-input {
font-size: 16px;
}
.swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^=swal2-success-line], .swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^=swal2-success-circular-line] {
animation: none;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon {
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 16px;
border-width: 2px;
border-radius: 50%;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^=swal2-x-mark-line] {
height: 3px;
width: 28px;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^=swal2-x-mark-line][class$=left] {
transform: translateY(-50%) rotate(45deg);
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^=swal2-x-mark-line][class$=right] {
transform: translateY(-50%) rotate(-45deg);
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^=swal2-success-line] {
height: 3px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
width: 16px;
top: 56%;
left: 10px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
top: 47%;
width: 32px;
right: 6px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
height: 64px;
width: 32px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -75px;
left: 27px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -26px;
left: 82px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-ring {
top: -3px;
left: -2px;
border-width: 2px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-fix {
height: 64px;
left: 2px;
right: 0px;
margin: 0 auto;
top: -2px;
bottom: 0;
width: 6px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon::before {
font-size: 40px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-title {
color: #2d3559;
font-size: 24px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.swal2-container .user-registration-swal2-modal .swal2-header .swal2-title .dashicons {
color: #ff4f55;
font-size: 28px;
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 16px;
border: 2px solid #ff4f55;
border-radius: 50%;
}
.swal2-container .user-registration-swal2-modal__title {
line-height: 1.35;
display: block;
}
.swal2-container .user-registration-swal2-modal .swal2-content {
color: rgb(76.288238806, 84.0379701493, 118.911761194);
font-size: 1em;
line-height: 1.5;
}
.swal2-container .user-registration-swal2-modal .swal2-actions button {
margin-top: 0;
margin-bottom: 0;
}
.swal2-container .user-registration-swal2-modal--centered .swal2-title {
flex-direction: column;
}
.user-registration-modal-open .wp-block-cover {
z-index: 99;
}
.lds-dual-ring {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.lds-dual-ring::after {
content: " ";
display: block;
width: 35px;
height: 35px;
margin: 8px;
border-radius: 50%;
border: 6px solid #2d3559;
border-color: #2d3559 transparent #2d3559 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ur-gutenberg-form-selector-wrap .components-radio-control__option {
padding-left: 14px;
margin-bottom: 20px !important;
}
.ur-gutenberg-form-selector-wrap .components-base-control__field {
display: flex;
justify-content: center;
}
.wp-core-ui .ur-submit-button {
color: white;
}
.wp-core-ui select {
max-width: 100% !important;
} .clear {
clear: both;
}
.user-registration-page .select2-dropdown,
.user-registration-swal2-container {
z-index: 9999;
}
.user-registration-page .select2-dropdown {
padding: 0px !important;
}
.ur-timepicker-range {
display: flex;
}
.timepicker-start {
margin-right: 1rem;
} .user-registration-error,
.user-registration-coupon-error,
.user-registration-info {
display: block;
margin: 0 0 10px;
padding: 10px 15px;
background-color: rgb(239.7734939759, 241.4843373494, 248.9265060241);
color: rgb(76.288238806, 84.0379701493, 118.911761194);
border-top: 3px solid #475bb2;
list-style: none outside;
*zoom: 1;
width: auto;
word-wrap: break-word;
line-height: 1.25;
text-transform: none;
font-size: 14px;
}
.user-registration-error::before, .user-registration-error::after,
.user-registration-coupon-error::before,
.user-registration-coupon-error::after,
.user-registration-info::before,
.user-registration-info::after {
content: " ";
display: table;
}
.user-registration-error::after,
.user-registration-coupon-error::after,
.user-registration-info::after {
clear: both;
}
.user-registration-error::before,
.user-registration-coupon-error::before,
.user-registration-info::before {
content: "\f348";
display: inline-block;
vertical-align: middle;
font-family: "Dashicons";
font-size: calc(100% + 10px);
margin-right: 0.875rem;
}
.user-registration-error ul,
.user-registration-coupon-error ul,
.user-registration-info ul {
margin: 0 !important;
padding: 0 !important;
background-color: transparent !important;
}
.user-registration-error .button,
.user-registration-coupon-error .button,
.user-registration-info .button {
float: right;
}
.user-registration-error li,
.user-registration-coupon-error li,
.user-registration-info li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
flex: 1;
}
.user-registration-error .message,
.user-registration-coupon-error .message,
.user-registration-info .message {
margin: 0;
padding: 0;
}
.user-registration-info {
color: #1e85be;
border-top-color: #1e85be;
}
.user-registration-error {
border-top-color: #ff4f55;
background: rgba(255, 79, 85, 0.1);
color: rgb(255, 2.5, 11.1079545455);
}
.user-registration-error::before {
content: "\f534";
}
.user-registration-coupon-error {
border-top-color: #ff4f55;
background: rgba(255, 79, 85, 0.1);
color: rgb(255, 2.5, 11.1079545455);
margin-top: 10px;
}
.user-registration-membership-notice__container {
position: fixed;
top: 20px;
right: 0px;
z-index: 1000;
transition: right 0.5s ease;
background-color: #f7fdf8;
border-left: 4px solid #49c85f;
padding-right: 24px;
color: #222;
}
.user-registration-membership-notice__red {
padding: 10px;
}
.user-registration-membership-notice__blue {
padding: 20px;
}
.user-registration-membership__close_notice {
color: red;
cursor: pointer;
font-weight: bold;
padding-left: 16px;
}
input.ur-input-border-green:not([type=range]),
textarea.ur-input-border-green {
border-color: #1ea71b !important;
}
input.ur-input-border-red,
textarea.ur-input-border-red {
border-color: #ff4f55 !important;
}
.ur-frontend-form {
border: 1px solid #e1e1e1;
padding: 20px;
box-sizing: border-box;
}
.ur-frontend-form.login {
border: none;
padding: 60px;
border-radius: 8px;
background: #fff;
}
.ur-frontend-form.login .ur-lost-password-content-container {
display: flex;
flex-direction: column;
align-items: center;
}
.ur-frontend-form.login .ur-lost-password-content-container .ur-lost-password-title {
color: var(--Grey-grey-600, #1f1f1f);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px;
letter-spacing: 0.15px;
margin: auto;
margin-top: 20px;
}
.ur-frontend-form.login .ur-lost-password-content-container .ur-lost-password-message {
font-size: 14px;
letter-spacing: 0.15px;
margin-top: 5px;
margin-bottom: 0;
}
.ur-frontend-form.login .ur-input-with-icon {
position: relative;
display: flex;
align-items: center;
}
.ur-frontend-form.login .ur-input-with-icon .input-icon {
position: absolute;
left: 10px;
top: 50%;
}
.ur-frontend-form.login .ur-input-with-icon input {
padding-left: 40px;
}
.ur-frontend-form.login .required {
margin-left: 5px;
}
.ur-frontend-form.login #user_login {
border-radius: 4px;
border: 1px solid #e9e9e9;
}
.ur-frontend-form.login .ur-reset-password-btn {
border: 1px solid #475bb2;
background: #475bb2;
width: 100%;
color: #fff;
letter-spacing: 0.15px;
border: 0;
}
.ur-frontend-form.login .ur-reset-password-btn:hover {
background: #38488e;
border-color: #38488e;
}
.ur-frontend-form.login input[name=rememberme]#rememberme {
vertical-align: middle;
}
.ur-frontend-form.login-registration {
margin: 0;
border: none;
padding: 0;
}
.ur-frontend-form .register #node_recaptcha_register {
padding: 0 10px;
}
.ur-frontend-form #ur-recaptcha-node {
margin-top: 10px;
}
.ur-frontend-form * {
box-sizing: border-box;
}
.ur-frontend-form .description {
display: block;
font-size: 14px;
line-height: 1.5;
}
.ur-frontend-form .ur-form-row {
display: flex;
}
.ur-frontend-form .ur-form-row:last-child {
margin-bottom: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid {
flex: 1;
padding: 0 10px;
}
.ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n+2) {
border-left: 0 none;
}
.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row label[for=user_otp] {
margin-top: 0;
margin-bottom: 12px;
color: #222;
font-size: 15px;
font-weight: 500;
line-height: 19px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.input-text {
margin-bottom: 0;
border-radius: 4px;
border: 1px solid #e9e9e9;
min-height: 38px;
font-size: 14px;
line-height: 20px;
padding: 0 14px;
color: #383838;
}
.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer {
gap: 2px;
}
.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer .user-registration-Button {
flex: 1;
color: #ffffff;
padding: 10px 20px;
font-size: 14px;
line-height: 24px;
box-shadow: none;
float: none;
}
.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer .user-registration-Button:hover {
background: #38488e;
border-color: #38488e;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
margin-bottom: 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul {
margin: 0;
list-style: none;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li {
margin-left: 0;
line-height: 1.3;
vertical-align: middle;
margin-bottom: 10px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label {
display: inline-block;
vertical-align: inherit;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li input[type=radio], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li input[type=radio], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type=radio], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=checkbox], .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li input[type=radio] {
margin-top: 2px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-multiple_choice ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-subscription_plan ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li label, .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-radio ul li label {
display: inline;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item:last-child {
margin-bottom: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item .form-row {
display: block;
}
.ur-frontend-form .ur-form-row .ur-form-grid input {
border-style: solid;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],
.ur-frontend-form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form .ur-form-row .ur-form-grid select,
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement {
width: 100%;
padding: 4px 8px;
border-radius: 0;
min-height: 36px;
margin-bottom: 10px;
line-height: 1.5;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone]::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid textarea::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid select::placeholder,
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement::placeholder {
color: #ddd;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-range-input {
margin-bottom: 0px !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password] {
display: inline;
margin-bottom: 0px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .StripeElement {
padding: 4px 8px;
border: 1px solid #e1e1e1;
}
.ur-frontend-form .ur-form-row .ur-form-grid .StripeElement.StripeElement--invalid {
border: 1px solid #ff4f55;
}
.ur-frontend-form .ur-form-row .ur-form-grid .StripeElement .__PrivateStripeElement iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=radio] {
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-left: 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox]:first-child,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:first-child {
margin-left: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=radio]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid textarea:focus,
.ur-frontend-form .ur-form-row .ur-form-grid select:focus,
.ur-frontend-form .ur-form-row .ur-form-grid button:focus {
outline: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[readonly],
.ur-frontend-form .ur-form-row .ur-form-grid select[readonly],
.ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly] {
cursor: auto;
}
.ur-frontend-form .ur-form-row .ur-form-grid select {
-webkit-appearance: none;
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend,
.ur-frontend-form .ur-form-row .ur-form-grid label {
display: block;
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend .required,
.ur-frontend-form .ur-form-row .ur-form-grid label .required {
text-decoration: none;
border: none;
color: #ff4f55;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label,
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label {
font-weight: bold;
}
.ur-frontend-form .ur-form-row .ur-form-grid textarea {
padding: 10px;
height: 100px;
resize: none;
padding: 5px 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group {
position: relative;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview {
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden {
opacity: 0.6;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden:hover {
opacity: 1;
}
.ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple {
border: 1px solid rgb(240.4392835821, 241.3522713704, 245.4607164179);
}
.ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered {
display: block;
}
.ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered li:last-child {
margin-left: 0;
}
.ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__choice {
margin: 5px;
}
.ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-search--inline input[type=text] {
margin: 5px;
height: inherit;
}
.ur-frontend-form button,
.ur-frontend-form input[type=submit],
.ur-frontend-form button[type=submit] {
padding: 10px 20px;
line-height: 24px;
text-align: center;
word-break: break-word;
white-space: normal;
border: none;
cursor: pointer;
transition: 0.35s all ease-out;
border-radius: 4px;
}
.ur-frontend-form input[type=submit] {
float: right;
}
.ur-frontend-form .ur-button-container {
display: flex;
margin-top: 10px;
padding: 0 10px;
}
.ur-frontend-form .ur-button-container .ur-submit-button {
margin-left: auto;
}
.ur-frontend-form .user-registration-submit-Button {
float: right;
}
.ur-frontend-form .ur-submit-button {
margin-right: 10px;
margin-bottom: 0;
}
.ur-frontend-form label abbr.required {
text-decoration: none;
border: none;
color: #ff4f55;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select {
border: none;
border-bottom: 1px solid rgb(192.1952686567, 195.8151709634, 212.1047313433);
outline: none;
transition: all 0.35s;
padding: 10px 15px;
background: rgb(240.4392835821, 241.3522713704, 245.4607164179);
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
height: 45px;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label {
margin-left: 5px;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .user-registration-Button {
border: 0;
border-radius: 4px;
}
.ur-frontend-form.ur-frontend-form--flat {
background: #f7f7f7;
border: none transparent;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .ur-field-item,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row {
margin-bottom: 0;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select {
border: none;
outline: none;
padding: 10px 15px;
background: #ffffff;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
margin-bottom: 10px;
height: 45px;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=text]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=email]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=url]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=password]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=date]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type=number]:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea:focus,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select:focus {
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select {
margin-bottom: 10px;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label {
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select {
border: 1px solid rgb(192.1952686567, 195.8151709634, 212.1047313433);
border-radius: 25px !important;
outline: none;
transition: all 0.35s;
padding: 10px 15px;
background: #ffffff;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
height: 45px;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid button[type=button] {
border-radius: 25px !important;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .user-registration-passwordless-login a {
border-radius: 25px !important;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid legend,
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid label {
margin-left: 5px;
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea {
height: 100px;
}
.ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded form input[type=submit],
.ur-frontend-form.ur-frontend-form--rounded form button[type=submit],
.ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev,
.ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next {
border: 0 none;
color: #ffffff;
border-radius: 25px !important;
float: none;
display: block;
padding: 15px 25px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid textarea,
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid select {
border-radius: 2px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid .hide_show_password input[type=password] {
padding-right: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid button[type=button] {
border-radius: 2px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type=submit],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit],
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-prev,
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-next {
border-radius: 2px;
}
.ur-frontend-form #ur-submit-message-node {
margin: 20px 0 0 0;
}
.ur-frontend-form #ur-submit-message-node.user-registration-error {
position: unset;
margin-bottom: 10px;
width: 100%;
}
.ur-frontend-form #ur-submit-message-node.ur-error {
background: rgba(206, 0, 0, 0.1);
}
.ur-frontend-form #ur-submit-message-node.ur-message.message {
background: rgba(143, 174, 27, 0.2);
}
#user-registration {
background-color: #ffffff;
margin: 30px 0;
}
#user-registration.user-registration,
#user-registration * {
box-sizing: border-box;
}
#user-registration p {
color: #333333;
}
#user-registration .user-registration-tips {
font-size: 12px;
color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
margin-bottom: 0;
}
#user-registration .user-registration-MyAccount-navigation {
overflow: visible;
margin: 0;
}
#user-registration .user-registration-MyAccount-navigation ul {
margin: 0;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
position: relative;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
padding: 10px 15px;
display: block;
font-weight: 400;
font-size: 14px;
font-family: sans-serif;
text-decoration: none;
border-width: 0 0 0 4px;
border-style: solid;
border-color: transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
font-weight: 600;
}
#user-registration .user-registration-MyAccount-content {
padding: 30px;
}
#user-registration .user-registration-MyAccount-content h2 {
margin-bottom: 30px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-fields__field-wrapper {
margin: 0 -10px;
}
#user-registration .user-registration-MyAccount-content .ur-form-grid {
border: 0 none;
background: transparent;
}
#user-registration .user-registration-MyAccount-content .ur-frontend-form {
border: none;
}
#user-registration .user-registration-MyAccount-content h2,
#user-registration .user-registration-MyAccount-content .edit-password legend {
font-size: 28px;
font-weight: 400;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header {
margin-bottom: 25px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container {
width: 100px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3 {
font-size: 22px;
font-weight: 400;
margin-bottom: 5px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header p,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header .button-group {
margin-bottom: 10px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header .profile-pic-remove {
margin-right: 10px;
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-nick-name {
color: rgb(102.6654179104, 109.1689023066, 138.4345820896);
}
#user-registration .user-registration-MyAccount-content .user-registration-EditProfileForm .user-registration-profile-header .user-registration-img-container {
width: auto;
}
#user-registration.user-registration-MyAccount-content__body .ur-form-grid .ur-privacy-button input[type=submit] {
width: max-content;
} .user-registration-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
margin-top: 10px;
}
.user-registration-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.user-registration-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.user-registration-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.user-registration-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.user-registration-password-hint {
margin: 0.5em 0 0;
display: block;
}
.ur-front-spinner {
background: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/images/wpspin_light-2x.gif) no-repeat;
background-size: 16px 16px;
display: block;
opacity: 0.7;
filter: alpha(opacity=70);
width: 16px;
height: 16px;
margin-left: -40px;
float: left;
}
.user-registration-form-login .ur-front-spinner {
margin-left: 0;
float: right;
margin-top: 15px;
margin-right: 20px;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap h2,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap h2 {
width: 100%;
margin-bottom: 0.5em;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap .components-base-control,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap .components-base-control {
width: 100%;
text-align: center;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap .components-placeholder__fieldset,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap .components-placeholder__fieldset {
text-align: center;
}
.edit-post-visual-editor .ur-gutenberg-form-selector-wrap .components-placeholder__fieldset img,
.edit-post-visual-editor .user-registration-gutenberg-form-selector-wrap .components-placeholder__fieldset img {
margin: 0 auto;
}
.ur-frontend-form.ur-gutenberg-editor form button[type=submit] {
cursor: not-allowed;
}
.ur-frontend-form.ur-gutenberg-editor form .ur-form-row .ur-form-grid input {
cursor: not-allowed;
}
.ur-hidden {
display: none;
}
.button-check-all {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 2.15384615;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
.ur-form-row {
margin-bottom: 24px;
}
.ur-form-row .flatpickr-input {
padding-left: 32px !important;
}
.ur-form-row .without_icon {
padding-left: 10px !important;
}
.ur-form-row span.input-wrapper {
position: relative;
}
.ur-form-row span.input-wrapper .ur-icon {
position: absolute;
top: 50%;
padding: 8px;
left: 0;
transform: translateY(-50%);
} @keyframes user-registration-heartbeat {
0% {
box-shadow: 0 0 0 0 rgba(71, 91, 178, 0.6);
}
100% {
box-shadow: 0 0 0 10px rgba(223, 119, 57, 0);
}
}
span.ur-shortcode-form-embed-dot {
display: inline-block;
width: 12px;
height: 12px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50%;
background-color: #475bb2;
animation: user-registration-heartbeat 1.5s infinite !important;
margin: 3px 10px;
}
.wp-editor-tools span.ur-shortcode-form-embed-dot {
margin-top: 9px;
}
.ur-shortcode-form-embed-theme-tooltip {
display: none;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip {
z-index: 100100 !important;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 18px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 8px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
top: 0;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 18px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
left: 8px;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box {
max-width: 260px;
background: white;
border: none;
border-radius: 4px;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content {
color: #444444;
padding: 16px 20px 18px;
text-align: center;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content div *:first-child {
margin-top: 0 !important;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content h3 {
font-size: 16px;
letter-spacing: 0px;
line-height: 18px;
margin: 0;
color: #23282c;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content p {
font-size: 14px;
letter-spacing: 0px;
line-height: 18px;
margin: 10px 0 0;
color: #444444;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content a {
color: #1d7bac;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content .ur-shortcod-form-embed-theme-done-btn {
border-radius: 3px;
cursor: pointer;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0px;
padding: 7px 18px;
border: none;
background-color: #475bb2;
color: #ffffff;
display: block;
margin: 15px auto 0;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content .ur-shortcod-form-embed-theme-done-btn:disabled {
cursor: default;
opacity: 0.5;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-box .tooltipster-content .ur-shortcod-form-embed-theme-done-btn:disabled:hover {
background-color: #475bb2;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-arrow-border {
border: none;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-top .tooltipster-arrow-background {
border-top-color: white;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-right .tooltipster-arrow-background {
border-right-color: white;
}
.ur-shortcode-form-embed-theme.tooltipster-sidetip .tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: white;
}
.block-editor-page .edit-post-layout .components-notice-list > div {
padding-left: 50px;
}
.block-editor-page .ur-shortcode-form-embed-dot {
position: absolute;
top: 75px;
left: 20px;
z-index: 9999;
}
.block-editor-page .ur-shortcode-form-embed-theme {
width: 260px !important;
z-index: 99980 !important;
margin-top: 5px;
}
.block-editor-page .ur-shortcode-form-embed-theme .tooltipster-box {
margin-top: 10px;
}
.block-editor-page .ur-shortcode-form-embed-theme .ur-shortcode-form-embed-theme-tooltips-red-arrow {
position: absolute;
display: block;
width: 15px;
height: 42px;
top: -65px;
left: 145px;
background-image: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/images/icons/red-arrow.svg);
background-size: 15px 42px;
background-repeat: no-repeat;
}
.block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list > div {
padding-left: 125px;
}
.block-editor-page.is-fullscreen-mode .ur-shortcode-form-embed-dot {
left: 75px;
}
.block-editor-page.is-fullscreen-mode .ur-shortcode-form-embed-theme .ur-shortcode-form-embed-theme-tooltips-red-arrow {
left: 105px;
}
.wp-block-user-registration-content-restriction-enhanced .block-editor-inner-blocks {
margin-bottom: 25px;
}
.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note {
display: flex;
}
.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .dashicons-lock {
font-size: 25px;
margin: 1px 5px 0px 0px;
}
.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .user-registration-content-restriction-block-note-text {
margin: 0px;
}
#ur-frontend-form .empty-list-table-container {
display: flex;
align-items: center;
justify-content: center;
padding: 50px;
}
.oxygen-add-section-accordion-contents[ng-if*=user-registration] .oxygen-add-section-element {
min-height: 100px !important;
line-height: 15px;
}
.ur-message-container {
border-radius: 8px;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
padding: 60px;
}
.ur-message-container .user-registration-message {
position: relative;
padding: 10px;
z-index: 9999;
display: flex;
align-items: center;
border-radius: 4px;
border-left: 4px solid #49c85f;
background: #f7fdf8;
border-top: none;
margin: 20px 0px;
padding-left: 40px;
}
.ur-message-container svg {
position: absolute;
z-index: 999999;
margin-top: 33px;
margin-left: 10px;
}
.user-registration-error {
padding: 10px !important;
display: flex;
align-items: center;
border-radius: 4px;
border-left: 4px solid #ff4f55;
background: 4px solid #fde8e8;
border-top: none;
}
.user-registration-error svg {
margin-right: 10px;
}
.user-registration-login-extra-section {
display: flex;
justify-content: space-between;
}
.user-registration-login-extra-section .user-registration-LostPassword {
color: #475bb2;
}
.user-registration-Button,
.ur-submit-button {
width: 100%;
background: #475bb2;
border-radius: 4px;
border: 1px solid #475bb2;
color: #ffffff;
}
.user-registration-Button:hover,
.ur-submit-button:hover {
background: #38488e;
border-color: #38488e;
color: #ffffff;
}
.user-registration-Button .ur-spinner,
.ur-submit-button .ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle;
margin-top: 5px;
float: right;
}
.user-registration-Button .ur-spinner::before,
.ur-submit-button .ur-spinner::before {
width: 16px;
height: 16px;
position: absolute;
display: block;
content: "";
animation: spin 1s ease-in-out infinite;
background: url(//firescatalanes.cat/wp-content/plugins/user-registration/assets/images/icons/loader.svg) center center;
background-size: cover;
}
.ur-login-registration-nav {
width: 100%;
}
.ur-login-registration-nav ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.ur-login-registration-nav ul li {
flex: 1;
text-align: center;
padding: 15px 0;
cursor: pointer;
transition: all 0.3s ease;
color: #c5c5c5;
font-weight: 500;
border-radius: 8px 0 0 0;
border-top: 1px solid #f1f1f1;
background: #f9f9f9;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
clip-path: inset(0px -1px -1px -1px);
}
.ur-login-registration-nav ul li:first-child {
border-radius: 8px 0px 0 0;
border-top: 1px solid #f1f1f1;
margin-left: 10px;
}
.ur-login-registration-nav ul li:last-child {
border-radius: 0 8px 0px 0;
margin-right: 10px;
}
.ur-login-registration-nav ul li.active {
background: #fff;
color: #1f1f1f;
border-top: 1px solid #f1f1f1;
}
.login-registration .hidden {
display: none;
}
.ur-field-item input {
border-radius: 4px !important;
}
.ur-field-item .user-registration-error {
width: 100%;
position: unset;
letter-spacing: 0.18px;
font-weight: 400;
font-size: 12px;
line-height: 19px;
padding: 0px !important;
border: none !important;
background: transparent !important;
margin-left: unset !important;
}
.user-registration.ur-frontend-form {
background: #fff;
border-radius: 8px;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
padding: 60px;
}
.user-registration.ur-frontend-form input {
border-radius: 4px;
}
.user-registration.ur-frontend-form #user_email::before {
content: "\f348";
display: inline-block;
vertical-align: middle;
font-family: "Dashicon	s";
font-size: calc(100% + 10px);
margin-right: 0.875rem;
}
.ur-icon-user {
margin-right: 0.875rem;
}
.ur-icon-user::before {
content: "\f465";
display: inline-block;
vertical-align: middle;
font-family: "Dashicons";
}
.ur-registration-icon {
position: relative;
top: 50%;
padding: 8px;
left: 0;
transform: translateY(-50%);
}
.user-registration-login-form-container .ur-registered-from .ur-login-form-wrapper #user-registration {
width: 100%;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .ur-admin-page-topnav {
margin-bottom: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap.wrap {
margin: 0 auto;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .menu-edit {
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents {
padding: 24px;
background-color: #fafafc;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc {
border-radius: 3px;
cursor: pointer;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0px;
padding: 10px 24px;
border: none;
background-color: #475bb2;
color: #ffffff;
display: block;
margin: 24px auto 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc a {
color: #fff;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc:disabled {
cursor: default;
opacity: 0.5;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc:disabled:hover {
background-color: #475bb2;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-heading {
margin-top: 0;
padding-bottom: 16px;
border-bottom: 1px solid #e9e9e9;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content p {
font-size: 16px;
margin: 20px auto;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents {
padding: 16px 16px 0 16px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content {
padding: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block:first-child h2.ur-toggle-heading {
margin-top: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 28px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings {
display: flex;
flex-direction: column;
gap: 12px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings label {
font-weight: 600;
gap: 6px;
margin-bottom: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings label .user-registration-help-tip {
font-size: 20px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings select {
height: 38px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings #ur-login-form-setting .ur-login-form-setting-block {
display: flex;
flex-direction: column;
gap: 24px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer #post-body .ur-builder-wrapper .ur-selected-inputs {
background: transparent;
padding: 24px;
}
body.user-registration-page .ur-frontend-form .ur-form-row .ur-form-grid .field-membership #ur-membership-registration {
max-width: 100%;
}
body.user-registration-page .user-registration-MyAccount-content__body .ur-frontend-form {
margin-bottom: 0;
}
body.user-registration-page .user-registration-MyAccount-content__body .ur-frontend-form .ur-form-row .ur-form-grid input[type=submit] {
width: max-content;
}
body.user-registration-page .user-registration-error, body.ur-multi-device-form-preview .user-registration-error, body.user-registration-membership_page_user-registration-login-forms .user-registration-error {
position: unset;
width: 100%;
margin: 0 0 24px;
align-items: center;
}
body.user-registration-page .user-registration-error svg, body.ur-multi-device-form-preview .user-registration-error svg, body.user-registration-membership_page_user-registration-login-forms .user-registration-error svg {
width: 28px;
height: 28px;
}
body.user-registration-page .user-registration-error li, body.ur-multi-device-form-preview .user-registration-error li, body.user-registration-membership_page_user-registration-login-forms .user-registration-error li {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: 0.15px;
}
body.user-registration-page .user-registration-error li strong, body.ur-multi-device-form-preview .user-registration-error li strong, body.user-registration-membership_page_user-registration-login-forms .user-registration-error li strong {
font-weight: 500;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-message, body.ur-multi-device-form-preview #user-registration:not(.user-registration-MyAccount) .user-registration-message, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-message {
align-items: flex-start;
margin: 0 0 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-message li, body.ur-multi-device-form-preview #user-registration:not(.user-registration-MyAccount) .user-registration-message li, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-message li {
flex: 1;
list-style: none;
}
body.user-registration-page #user-registration .ur-message-container, body.ur-multi-device-form-preview #user-registration .ur-message-container, body.user-registration-membership_page_user-registration-login-forms #user-registration .ur-message-container {
box-shadow: none;
padding: 0;
border-radius: 0;
}
body.user-registration-page #user-registration .ur-message-container svg, body.ur-multi-device-form-preview #user-registration .ur-message-container svg, body.user-registration-membership_page_user-registration-login-forms #user-registration .ur-message-container svg {
display: none;
}
body.user-registration-page #user-registration .ur-message-container .user-registration-message, body.ur-multi-device-form-preview #user-registration .ur-message-container .user-registration-message, body.user-registration-membership_page_user-registration-login-forms #user-registration .ur-message-container .user-registration-message {
margin-top: 0;
}
body.user-registration-page .user-registration-message, body.ur-multi-device-form-preview .user-registration-message, body.user-registration-membership_page_user-registration-login-forms .user-registration-message {
background: #f7fdf8;
padding: 12px 12px 12px 16px;
border-radius: 4px;
border-left: 4px solid #49c85f;
display: flex;
align-items: center;
gap: 12px;
color: #222222;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.15px;
}
body.user-registration-page .user-registration-message::before, body.ur-multi-device-form-preview .user-registration-message::before, body.user-registration-membership_page_user-registration-login-forms .user-registration-message::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath stroke='%2349C85F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 22.5c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10Z'/%3E%3Cpath stroke='%2349C85F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9.5 12.5 2 2 4-4'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: block;
}
body.user-registration-page .user-registration-message > ul, body.ur-multi-device-form-preview .user-registration-message > ul, body.user-registration-membership_page_user-registration-login-forms .user-registration-message > ul {
padding-left: 0;
margin: 0;
list-style: none;
}
body .user-registration-error > svg {
display: none;
}
body.user-registration-page .user-registration.ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form {
max-width: 100% !important;
}
body.user-registration-page .user-registration.ur-frontend-form form .ur-button-container, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form form .ur-button-container {
width: max-content;
}
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) {
box-shadow: none;
border: 1px solid #e9e9e9;
}
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--bordered:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
background: transparent;
border-color: #e9e9e9;
box-shadow: none;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) {
box-shadow: none;
border: 1px solid #e9e9e9;
border-radius: 0;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item {
margin-bottom: 20px;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item:last-child, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid .ur-field-item:last-child {
margin-bottom: 0;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
background: #ffffff;
border-color: #e9e9e9;
box-shadow: none;
border-radius: 0 !important;
}
body.user-registration-page .user-registration.ur-frontend-form--flat:not(.login) form .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--flat:not(.login) form .ur-button-container .ur-submit-button {
border-radius: 0;
}
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
box-shadow: none;
}
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) {
border-radius: 30px;
}
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form--rounded-edge:not(.login) form .ur-form-row .ur-form-grid select:not([type=file]) {
box-shadow: none;
}
body.user-registration-page #user-registration.user-registration-MyAccount,
body.user-registration-page .user-registration.user-registration-MyAccount, body.user-registration-membership_page_user-registration-login-forms #user-registration.user-registration-MyAccount,
body.user-registration-membership_page_user-registration-login-forms .user-registration.user-registration-MyAccount {
max-width: 1280px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount),
body.user-registration-page .user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) {
max-width: 520px;
margin: 24px auto;
border-radius: 8px;
background: #FFF;
border: 0;
}
@media screen and (max-width: 575px) {
body.user-registration-page #user-registration:not(.user-registration-MyAccount),
body.user-registration-page .user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) {
padding: 40px 30px;
}
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--bordered) {
box-shadow: none;
border: 1px solid #e9e9e9;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) {
box-shadow: none;
border: 1px solid #e9e9e9;
border-radius: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid input:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid textarea:not([type=file]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=radio]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=checkbox]),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid select:not([type=file]) {
background: #ffffff;
border-color: #e9e9e9;
box-shadow: none;
border-radius: 0 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--flat) .user-registration-form-login .ur-form-row .ur-form-grid .user-registration-Button {
border-radius: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-frontend-form--rounded-edge) {
border-radius: 30px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login {
margin: 0px auto;
box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error {
display: block;
color: #222222 !important;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.15px;
padding: 10px !important;
font-weight: 400;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error::before {
font-weight: 500;
color: rgb(255, 2.5, 11.1079545455);
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login .user-registration-error strong {
font-weight: 500;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid label {
margin-left: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .input-text {
background: transparent;
height: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--bordered .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button {
background: #475bb2;
border-radius: 4px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat {
background: transparent;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .input-text {
height: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--flat .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button:disabled {
background: #eaeaea !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid label {
margin-left: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form--rounded .user-registration-form-login .ur-form-row .ur-form-grid .input-text {
height: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form-login .ur-form-row .ur-form-grid .ur-submit-button {
margin-right: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-registration-title,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-registration-title, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-registration-title,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-login-title,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-registration-title {
color: #1f1f1f;
font-size: 32px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0.15px;
display: block;
text-align: center;
margin-bottom: 8px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .user-registration-registration-description,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-registration-description, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .user-registration-registration-description,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-login-description,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .user-registration-registration-description {
color: #333;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.15px;
margin-bottom: 30px;
text-align: center;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) br,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) br, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) br,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) br {
display: none;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid #user-registration-tfa-attempts-left {
margin-bottom: 12px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error {
width: 100%;
position: unset;
align-items: center;
margin-bottom: 24px !important;
letter-spacing: 0.18px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before {
margin-right: 4px;
font-size: 16px;
color: #f25656;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error svg {
width: 28px;
height: 28px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li {
color: #222222;
font-size: inherit;
font-weight: 400;
line-height: inherit;
letter-spacing: 0.15px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error li strong {
font-weight: 500;
padding-right: 4px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-message ul {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container {
margin-bottom: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-lost-password-content-container .ur-lost-password-title {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-form-row {
margin-bottom: 12px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon {
display: block;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon svg {
top: 50%;
transform: translateY(-50%);
left: 12px;
width: 14px;
height: 14px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input {
min-height: 38px;
max-height: 38px;
margin-bottom: 0;
padding: 0 14px 0 36px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input:focus {
border-color: #027abb;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error),
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error) {
margin-top: 0;
margin-bottom: 12px;
color: #222;
font-size: 15px;
font-weight: 500;
line-height: 19px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper {
display: block;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input {
margin-bottom: 0;
border-radius: 4px;
border: 1px solid #e9e9e9;
min-height: 38px;
max-height: 38px;
font-size: 14px;
line-height: 20px;
padding: 0 14px;
color: #383838;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus {
border-color: #027abb;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input::placeholder {
color: #858585;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container {
display: flex !important;
align-items: center;
gap: 4px;
margin-top: 32px;
padding: 0 10px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button {
width: max-content;
border: 0;
padding: 10px 24px;
color: #ffffff;
font-size: 15px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.15px;
border: 1px solid #475bb2;
margin-right: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button:hover {
border-color: #38488e;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button {
margin-left: 0;
background: transparent;
color: #475bb2;
border: 1px solid #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .user-registration-save-and-continue-button:hover {
background: #475bb2;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form {
box-shadow: none;
margin-bottom: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-error {
position: unset;
width: 100%;
margin: 0 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row {
margin-bottom: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper {
display: block;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input {
min-height: 38px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div {
display: block;
margin-top: 32px;
float: unset !important;
flex-direction: row-reverse;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit],
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit], body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit],
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit] {
border: 0;
padding: 10px 24px;
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.15px;
background: #475bb2;
border: 1px solid #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div input[type=submit]:hover {
background: #38488e;
border-color: #38488e;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button {
padding: 10px 24px;
font-size: 15px;
line-height: 25px;
background: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:disabled {
pointer-events: none;
border-color: #f6f7f7 !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover {
background: #38488e;
border-color: #38488e;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login),
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div:has(.user-registration-passwordless-login) {
display: flex;
flex-direction: column-reverse;
gap: 16px !important;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login {
width: 100%;
text-align: center;
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a {
font-size: 15px;
line-height: 25px;
color: #4e4e4e;
background: #f4f4f4;
border: 1px solid #f4f4f4;
width: 100%;
display: block;
padding: 10px 24px;
border-radius: 4px;
transition: all 0.3s;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-passwordless-login a:hover {
background: #475bb2;
border-color: #475bb2;
color: #ffffff;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
flex-direction: row;
margin-top: -4px;
float: unset;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label {
width: auto;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword {
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.15px;
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a {
text-underline-offset: 4px;
color: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register {
display: flex;
width: 100%;
padding-top: 16px;
justify-content: center;
margin-bottom: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a {
text-underline-offset: 4px;
color: #475bb2;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks {
flex-direction: column;
position: relative;
margin-bottom: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::before {
content: "or";
font-size: 14px;
line-height: 24px;
background: #ffffff;
padding: 0 10px;
display: block;
z-index: 1;
position: relative;
color: #333;
letter-spacing: 0.15px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
top: 12px;
left: 50%;
transform: translateX(-50%);
background: #d9d9d9;
z-index: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists .ursc-login-media {
margin: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a, body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_2 .ursc-login-media a,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_3 .ursc-login-media a {
width: 40px;
height: 40px;
padding: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 {
flex-wrap: wrap;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media {
width: 47%;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-social-connect-networks .ursc-network-lists.ursc_theme_4 .ursc-login-media .ursc-login-text {
font-size: 13px;
line-height: 24px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li {
margin: 0;
padding: 16px;
color: #c5c5c5;
font-size: 16px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.85px;
text-transform: uppercase;
border: 0;
box-shadow: none;
clip-path: none;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-login-registration-nav ul li.active {
color: #1f1f1f;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav),
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav),
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) {
padding: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form {
padding: 50px 40px 40px;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .user-registration {
margin-top: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form,
body.user-registration-page .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form,
body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount):has(.ur-login-registration-nav) .ur-frontend-form .ur-form-row .ur-form-grid .ur-frontend-form {
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
.user-registration-login-form-container .ur-registered-from .ur-login-form-wrapper #user-registration {
width: 100%;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .ur-admin-page-topnav {
margin-bottom: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap.wrap {
margin: 0 auto;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .menu-edit {
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents {
padding: 24px;
background-color: #fafafc;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc {
border-radius: 3px;
cursor: pointer;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
box-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0px;
padding: 10px 24px;
border: none;
background-color: #475bb2;
color: #ffffff;
display: block;
margin: 24px auto 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc a {
color: #fff;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc:disabled {
cursor: default;
opacity: 0.5;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-tab-contents .ur-login-view-doc:disabled:hover {
background-color: #475bb2;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-heading {
margin-top: 0;
padding-bottom: 16px;
border-bottom: 1px solid #e9e9e9;
text-transform: uppercase;
font-size: 16px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content p {
font-size: 16px;
margin: 20px auto;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content .login-forms-shortcode-action {
display: flex;
padding: 6px 6px 6px 12px;
gap: 8px;
justify-content: space-between;
width: 100%;
background: #fff;
border: 1px solid #edeff7;
border-radius: 4px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content .login-forms-shortcode-action input {
background: transparent;
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs .ui-widget-content .ur-login-content .login-forms-shortcode-action .ur-copy-shortcode {
line-height: unset;
padding: 6px;
background: #edeff7;
border: none;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents {
padding: 16px 16px 0 16px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content {
padding: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block:first-child h2.ur-toggle-heading {
margin-top: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 28px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings {
display: flex;
flex-direction: column;
gap: 12px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings label {
font-weight: 600;
gap: 6px;
margin-bottom: 0;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings label .user-registration-help-tip {
font-size: 20px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings .ur-tab-contents .ur-tab-content form .ur-login-form-setting-block .ur-toggle-content .user-registration-login-form-global-settings select {
height: 38px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer .ur-registered-inputs.ur-login-form-settings #ur-login-form-setting .ur-login-form-setting-block {
display: flex;
flex-direction: column;
gap: 24px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .ur-form-subcontainer #post-body .ur-builder-wrapper .ur-selected-inputs {
background: transparent;
padding: 24px;
}
.user-registration-membership_page_user-registration-login-forms #wpcontent .user-registration-login-form-container .user-registration__wrap .user-registration-login-settings-form a {
pointer-events: none;
}
body.user-registration-page .elementor-widget-container .user-registration:not(.user-registration-MyAccount) {
background: transparent;
border-radius: 0;
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li {
position: relative;
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-registration-form:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/registration-form.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-login-form:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/login-form.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-myaccount:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/my-account.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-edit-profile:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/edit-profile.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-edit-password:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/edit-password.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-content-restriction:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/content-restriction.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-membership-groups:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/membership-groups.svg);
}
.et-db #et-boc .et-l .et-fb-modules-list ul > li.urm-membership-thank-you:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/.https://firescatalanes.cat/wp-content/plugins/user-registration/assets/css/images/blocks/thankyou.svg);
}@font-face {
font-family: 'a11y';
src:url(//firescatalanes.cat/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.eot);
src:url(//firescatalanes.cat/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.eot?#iefix) format('embedded-opentype'),
url(//firescatalanes.cat/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.woff2) format('woff2'),
url(//firescatalanes.cat/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.woff) format('woff'),
url(//firescatalanes.cat/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.ttf) format('truetype'),
url(//firescatalanes.cat/wp-content/plugins/wp-accessibility/toolbar/fonts/css/a11y.svg#a11y) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="aticon-"]:before, [class*=" aticon-"]:before {
font-family: 'a11y' !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;
}
.aticon-font:before {
content: '\e602';
}
.aticon-adjust:before {
content: '\e601';
}
.aticon-tint:before {
content: '\e600';
}@media only screen and (max-width: 800px) { .a11y-responsive {
display: none;
}
}
@media print {
.a11y-toolbar { }
}
.focusable:focus {
outline: none !important;
}
.has-focus {
background: yellow;
} .a11y-toolbar button {
border: 0;
color: inherit;
background-color: transparent;
text-decoration: none;
padding: 0;
line-height: inherit;
margin: 0;
font: inherit;
width: 100%;
height: 100%;
text-align: left;
}
.a11y-toolbar {
position: fixed;
z-index: 99999;
top: 43vh;
left: 0;
}
.a11y-toolbar.custom-location {
position: absolute;
top: 0;
}
.a11y-toolbar ul {
list-style: none;
margin: 0;
padding: 0;
border-radius: 0 4px 0 0;
border-radius: 0 0 4px 0;
}
.a11y-toolbar ul li {
margin: 0;
padding: 0;
display: block;
}
.a11y-toolbar ul li button {
font-size: 22px !important;
padding: 14px 10px;
line-height: .8;
display: grid;
align-items: center;
background: #e2e2e2;
text-align: center;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #d2d2d2;
position: relative;
color: #181818;
}
.a11y-toolbar ul li button.active,
.a11y-toolbar ul li button:hover {
background: #181818;
color: #fff;
}
.a11y-toolbar ul li button.active {
background: #181818;
border-bottom: 1px solid #525252;
}
.a11y-toolbar ul li:first-child button {
border-radius: 0 4px 0 0;
}
.a11y-toolbar ul li:last-child button {
border-radius: 0 0 4px;
}
.a11y-toolbar .a11y-toolbar-list .a11y-toolbar-list-item .tooltip-dismissed:focus .offscreen,
.a11y-toolbar .offscreen,
.a11y_stylesheet_path {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);	
white-space: nowrap;
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
font-size: 16px;
transition: all 200ms;
} .a11y-toolbar.rtl.default,
.a11y-toolbar.ltr.reversed {
right: 0;
left: auto;
}
.a11y-toolbar.rtl.default ul,
.a11y-toolbar.ltr.reversed ul {
border-radius: 4px 0 0 4px;
}
.a11y-toolbar.rtl.default ul li:first-child button,
.a11y-toolbar.ltr.reversed ul li:first-child button {
border-radius: 4px 0 0 0;
}
.a11y-toolbar.rtl.default ul li:last-child button,
.a11y-toolbar.ltr.reversed ul li:last-child button {
border-radius: 0 0 0 4px;
}
.desaturated {
filter: grayscale(1) !important;
}
.a11y-toolbar button:hover .offscreen,
.a11y-toolbar button:focus .offscreen {
height: auto !important;
width: auto !important;
clip: unset !important;
clip-path: unset !important;
color: #333;
background: #f0f0f0; 
padding: 8px 6px !important;
box-shadow: 0 0 1px #000;
border-radius: 5px;
font-size: 16px;
text-transform: none;
font-family: Arial;
}
.a11y-toolbar.reversed button:hover .offscreen,
.a11y-toolbar.reversed button:focus .offscreen {
right: 100%;
left: auto;
}
.a11y-toolbar button:hover .offscreen,
.a11y-toolbar button:focus .offscreen {
left: 100%;
}html.fontsize {
font-size:  var(--wpa-font-size) !important;
}