.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('https://moguid.com/coqitup/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('https://moguid.com/coqitup/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('https://moguid.com/coqitup/frontend/img/close-black.png') white center center no-repeat; } .bsaCorrectIcon { display: block; width: 20px; height: 20px; margin: 0 auto; background: url('https://moguid.com/coqitup/frontend/img/correct.png') white center center no-repeat; } .bsaInCorrectIcon { display: block; width: 20px; height: 20px; margin: 0 auto; background: url('https://moguid.com/coqitup/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('https://moguid.com/coqitup/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('https://moguid.com/coqitup/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('https://moguid.com/coqitup/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('https://moguid.com/coqitup/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('https://moguid.com/coqitup/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; }