.sto-us{font-family:"Open Sans",Arial,sans-serif;color:#222;max-width:1180px;margin:0 auto}.sto-us *{box-sizing:border-box}.sto-us-input-wrap{position:relative;display:flex}.sto-us-query{width:100%;min-height:52px;border:1px solid #777;border-right:0;border-radius:0;padding:12px 16px;font:inherit;font-size:17px;background:#fff;color:#111}.sto-us-query:focus{outline:2px solid #222;outline-offset:-2px}.sto-us-submit{min-width:105px;border:1px solid #222;border-radius:0;background:#222;color:#fff;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}.sto-us-submit:hover,.sto-us-submit:focus{background:#444}.sto-us-suggestions{position:absolute;z-index:99999;top:100%;left:0;right:0;background:#fff;border:1px solid #aaa;box-shadow:0 10px 25px rgba(0,0,0,.16);max-height:520px;overflow:auto}.sto-us-suggestion{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e5e5e5;text-decoration:none;color:#111}.sto-us-suggestion:hover,.sto-us-suggestion:focus{background:#f3f3f3}.sto-us-suggestion-type,.sto-us-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#555}.sto-us-number{font-size:13px;color:#555}.sto-us-suggestion-status,.sto-us-view-all{display:block;width:100%;padding:14px;text-align:left;border:0;background:#fff}.sto-us-view-all{font-weight:700;cursor:pointer}.sto-us-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:24px 0 12px;border-bottom:1px solid #ccc;padding-bottom:12px}.sto-us-summary{font-weight:700;padding-top:8px}.sto-us-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sto-us-filters button{border:1px solid #888;background:#fff;color:#222;border-radius:0;padding:7px 10px;cursor:pointer}.sto-us-filters button.is-active{background:#222;color:#fff;border-color:#222}.sto-us-filters span{opacity:.7}.sto-us-results{display:grid;gap:0}.sto-us-result{padding:22px 0;border-bottom:1px solid #ddd}.sto-us-result-meta{display:flex;gap:12px;align-items:center;color:#666;font-size:12px;text-transform:uppercase}.sto-us-result h2{font-size:23px;line-height:1.25;margin:6px 0}.sto-us-result h2 a{color:#111;text-decoration:none}.sto-us-result h2 a:hover{text-decoration:underline}.sto-us-result-number{font-weight:700;color:#444;margin:3px 0 7px}.sto-us-result p{max-width:900px;margin:7px 0;line-height:1.55}.sto-us-result-links{display:flex;gap:16px;margin-top:9px}.sto-us-result-links a{font-weight:700;color:#222}.sto-us mark{background:#fff1a8;color:inherit;padding:0}.sto-us-load-more{display:block;margin:24px auto;border:1px solid #222;background:#fff;padding:10px 18px;font-weight:700;cursor:pointer}.sto-us-loading,.sto-us-empty{padding:30px 0}.sto-us-compact{max-width:none}.sto-us-compact .sto-us-query{min-height:42px;font-size:15px}.sto-us-compact .sto-us-submit{min-width:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.sto-us-toolbar{display:block}.sto-us-filters{justify-content:flex-start;margin-top:12px}.sto-us-suggestion{grid-template-columns:1fr}.sto-us-suggestion-type{margin-bottom:-6px}.sto-us-number{justify-self:start}.sto-us-query{font-size:16px}.sto-us-submit{min-width:82px;padding-left:12px;padding-right:12px}.sto-us-result h2{font-size:20px}} .sto-us-header{width:calc(100% - 20px);max-width:none;margin:0 0 0 20px;font-family:"Open Sans",Arial,sans-serif}
.sto-us-header .sto-us-search-form{margin:0}
.sto-us-header .sto-us-input-wrap{height:40px;display:flex;align-items:stretch}
.sto-us-header .sto-us-query{height:40px;min-height:40px;padding:7px 11px;border:1px solid #d1d1d1;border-right:0;border-radius:2px 0 0 2px;background:#fff;font-size:17px;font-weight:600;line-height:24px;color:#111;box-shadow:none}
.sto-us-header .sto-us-query:focus{position:relative;z-index:1;outline:1px solid #888;outline-offset:-1px}
.sto-us-header .sto-us-submit{width:46px;min-width:46px;height:40px;margin-left:5px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:2px;background:#999;color:#fff;box-shadow:none}
.sto-us-header .sto-us-submit:hover,.sto-us-header .sto-us-submit:focus{background:#777;color:#fff;outline:none}
.sto-us-header .sto-us-search-icon{display:block!important;width:22px!important;height:22px!important;fill:#fff!important;color:#fff!important;visibility:visible!important}
.sto-us-header .sto-us-suggestions{top:calc(100% + 1px);min-width:320px;right:0;left:auto}
@media(max-width:760px){.sto-us-header .sto-us-suggestions{left:0;right:0;min-width:0}.sto-us-header .sto-us-query{font-size:16px}}
.sto-us-did-you-mean button{border:0;background:none;padding:0;color:#2271b1;text-decoration:underline;cursor:pointer;font:inherit;font-weight:600} .sto-us-filters button{display:inline-flex;align-items:center;gap:6px;min-height:41px}
.sto-us-type-icon{width:17px;height:17px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sto-us-filter-label{font-weight:600}
.sto-us-filter-count{opacity:.72;font-variant-numeric:tabular-nums}
.sto-us-result-meta .sto-us-type{display:inline-flex;align-items:center;gap:6px}
.sto-us-result-meta .sto-us-type-icon{width:16px;height:16px} .sto-us-toolbar{display:block;margin:22px 0 10px;border:0;padding:0}.sto-us-summary{padding:0;font-size:18px;line-height:1.45}.sto-us-summary strong{font-weight:700}.sto-us-focused{display:block;margin-top:3px;font-size:13px;font-weight:400;color:#666}
.sto-us-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.sto-us-active-filters button{display:inline-flex;align-items:center;gap:7px;border:1px solid #777;background:#f5f5f5;color:#222;padding:7px 10px;border-radius:2px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.sto-us-active-filters button:hover,.sto-us-active-filters button:focus{background:#e9e9e9}.sto-us-active-filters b{font-size:18px;line-height:1;font-weight:400}.sto-us-active-filters .sto-us-type-icon{width:15px;height:15px}
.sto-us-results-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start;border-top:1px solid #d5d5d5;padding-top:18px}.sto-us-facet-panel{position:sticky;top:18px;border:1px solid #ddd;background:#fff}.sto-us-facet-heading{padding:14px 16px;border-bottom:1px solid #ddd;font-size:15px;font-weight:700}.sto-us-filters{display:block;margin:0}.sto-us-facet-group{padding:12px 0}.sto-us-facet-title{padding:0 16px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#555}.sto-us-facet-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 14px;margin:0;cursor:pointer;font-size:14px}.sto-us-facet-option:hover{background:#f5f5f5}.sto-us-facet-option input{width:16px;height:16px;margin:0;accent-color:#222}.sto-us-facet-option>span{display:flex;align-items:center;gap:7px;min-width:0}.sto-us-facet-option>b{font-size:12px;font-weight:500;color:#777;font-variant-numeric:tabular-nums}.sto-us-facet-option .sto-us-type-icon{width:16px;height:16px}.sto-us-document-subfacets{margin:4px 0 4px 31px;padding:7px 0 4px 10px;border-left:2px solid #ddd}.sto-us-subfacet-title{padding:0 10px 5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#666}.sto-us-subfacet{grid-template-columns:18px minmax(0,1fr) auto;padding:6px 10px;font-size:13px}.sto-us-subfacet input{width:14px;height:14px}.sto-us-clear-document-type{border:0;background:none;color:#333;text-decoration:underline;margin:4px 10px 2px;padding:0;font:inherit;font-size:12px;cursor:pointer}
.sto-us-results-column{min-width:0}.sto-us-results-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px;margin-bottom:4px}.sto-us-result-count{font-size:14px;font-weight:700;color:#333}.sto-us-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:13px;color:#555}.sto-us-pagination button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #999;background:#fff;color:#222;font-size:22px;line-height:1;cursor:pointer}.sto-us-pagination button:hover:not(:disabled),.sto-us-pagination button:focus:not(:disabled){background:#222;color:#fff;border-color:#222}.sto-us-pagination button:disabled{opacity:.35;cursor:default}.sto-us-pagination-bottom{margin:22px 0 8px;padding-top:4px}.sto-us-pagination-top:empty,.sto-us-pagination-bottom:empty{display:none}
.sto-us-result{display:grid;grid-template-columns:1fr;padding:22px 0;border-bottom:1px solid #ddd}.sto-us-result.has-thumbnail{grid-template-columns:150px minmax(0,1fr);gap:22px}.sto-us-result-thumb{display:block;align-self:start;width:150px;height:150px;aspect-ratio:1/1;overflow:hidden;background:#f2f2f2;border:1px solid #e2e2e2}.sto-us-result-thumb img{display:block;width:100%;height:100%;object-fit:cover}.sto-us-result-body{min-width:0}.sto-us-result-meta{margin-bottom:4px}.sto-us-result h2{margin-top:5px}.sto-us-result-links{margin-top:10px}
.sto-us-empty{text-align:center;padding:52px 24px;border:1px solid #ddd;background:#fafafa;margin:8px 0 24px}.sto-us-empty h2{margin:8px 0 10px;font-size:22px}.sto-us-empty p{max-width:620px;margin:8px auto;line-height:1.55}.sto-us-empty-icon .sto-us-type-icon{width:34px;height:34px;color:#777}.sto-us-clear-filters{margin-top:12px;border:1px solid #222;background:#222;color:#fff;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:900px){.sto-us-results-shell{grid-template-columns:200px minmax(0,1fr);gap:22px}.sto-us-result.has-thumbnail{grid-template-columns:150px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.sto-us-results-shell{display:flex;flex-direction:column;gap:16px}.sto-us-facet-panel{position:static;width:100%}.sto-us-results-column{width:100%}.sto-us-results-header{align-items:flex-start;flex-direction:column;gap:8px}.sto-us-pagination{justify-content:flex-start}.sto-us-result.has-thumbnail{grid-template-columns:150px minmax(0,1fr);gap:14px}.sto-us-result-thumb{width:150px;height:150px;aspect-ratio:1/1}.sto-us-result h2{font-size:19px}.sto-us-document-subfacets{margin-left:31px}.sto-us-active-filters{margin-bottom:12px}}
@media(max-width:480px){.sto-us-result.has-thumbnail{grid-template-columns:1fr}.sto-us-result-thumb{width:150px;height:150px;aspect-ratio:1/1}.sto-us-summary{font-size:16px}} .sto-us-full{--sto-yellow:#ffd700;--sto-black:#000;--sto-gray:#dadada;--sto-dark:#222;--sto-soft:#f7f7f7}
.sto-us-full.is-searching .sto-us-results-column{opacity:.62;transition:opacity .15s ease}.sto-us-full:not(.is-searching) .sto-us-results-column{transition:opacity .15s ease}
.sto-us-facet-panel{border-color:var(--sto-gray)}
.sto-us-facet-heading{font-size:17px;padding:17px 16px}
.sto-us-filters{display:block}
.sto-us-facet-group{display:block;margin:0;padding:0;border-bottom:1px solid #e6e6e6}
.sto-us-facet-group:last-of-type{border-bottom:0}
.sto-us-facet-group>summary{list-style:none;position:relative;cursor:pointer;padding:14px 38px 11px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.055em;color:#333;user-select:none}
.sto-us-facet-group>summary::-webkit-details-marker{display:none}
.sto-us-facet-group>summary:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:400;color:#555}
.sto-us-facet-group[open]>summary:after{content:'−'}
.sto-us-facet-options{padding:0 0 8px}
.sto-us-facet-option{grid-template-columns:20px minmax(0,1fr) auto;padding:8px 14px;font-size:14px;color:#333}
.sto-us-facet-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1px solid #888;border-radius:2px;background:#fff;display:grid;place-content:center;cursor:pointer}
.sto-us-facet-option input[type=checkbox]:before{content:'';width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px) scale(0);transform-origin:center;transition:transform .08s ease}
.sto-us-facet-option input[type=checkbox]:checked{background:#222;border-color:#222}
.sto-us-facet-option input[type=checkbox]:checked:before{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.sto-us-facet-all{border-bottom:1px solid #f0f0f0;margin-bottom:3px}
.sto-us-document-group{background:#fcfcfc}
.sto-us-document-subfacets{margin:0 0 7px 31px;padding:2px 0 4px 10px;border-left:2px solid #ddd}
.sto-us-facet-actions{display:flex;gap:10px;padding:0 15px 8px 44px}
.sto-us-facet-actions button{border:0;background:none;padding:0;color:#333;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.sto-us-filter-footer{padding:12px 14px 14px}
.sto-us-clear-all-sidebar{width:100%;border:1px solid #888;background:#fff;padding:8px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sto-us-clear-all-sidebar:hover:not(:disabled){background:#222;color:#fff;border-color:#222}.sto-us-clear-all-sidebar:disabled{opacity:.38;cursor:default}
.sto-us-active-filters{align-items:center}.sto-us-active-filters button{background:#fff;border:1px solid #777;border-radius:0;padding:7px 9px}.sto-us-active-filters button:not(.sto-us-chip-clear-all):before{content:'';display:block;width:3px;align-self:stretch;background:var(--sto-yellow);margin:-7px 1px -7px -9px}.sto-us-active-filters .sto-us-chip-clear-all{border:0;text-decoration:underline;background:transparent;font-weight:600;padding-left:2px}
.sto-us-result-count{font-size:14px}.sto-us-results-header{border-bottom:1px solid #e4e4e4;padding-bottom:8px;margin-bottom:0}
.sto-us-result{padding:24px 0}.sto-us-result-thumb{border-color:#dadada;background:#fff}.sto-us-result-thumb img{object-fit:contain}
.sto-us-result-meta{font-size:11px;letter-spacing:.04em}.sto-us-result h2{font-size:22px;margin:5px 0 7px}.sto-us-result p{font-size:15px;color:#444}
.sto-us-pagination button{border-radius:0}.sto-us-pagination span{white-space:nowrap}
@media(max-width:900px){.sto-us-results-shell{grid-template-columns:220px minmax(0,1fr);gap:24px}}
@media(max-width:760px){.sto-us-facet-panel{border:1px solid #ccc}.sto-us-facet-heading{padding:13px 14px}.sto-us-results-shell{padding-top:12px}.sto-us-facet-group>summary{padding-top:12px;padding-bottom:10px}.sto-us-active-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sto-us-active-filters button{flex:0 0 auto}.sto-us-result.has-thumbnail{grid-template-columns:120px minmax(0,1fr)}.sto-us-result-thumb{width:120px;height:120px}.sto-us-results-header{width:100%}}
@media(max-width:520px){.sto-us-result.has-thumbnail{grid-template-columns:1fr}.sto-us-result-thumb{width:150px;height:150px}.sto-us-result h2{font-size:20px}.sto-us-pagination{width:100%;justify-content:space-between}.sto-us-pagination span{font-size:12px}}
.sto-us-doc-type-list{display:inline-flex!important;flex-wrap:wrap;gap:5px;align-items:center}.sto-us-doc-type-badge{display:inline-block;border:1px solid #cfcfcf;padding:2px 5px;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.035em;background:#fff;color:#555}.sto-us-facet-note{margin:6px 14px 4px 41px;font-size:11px;line-height:1.35;color:#777} .sto-us-results-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px}.sto-us-sort-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#333;white-space:nowrap}.sto-us-sort{min-height:34px;border:1px solid #777;background:#fff;color:#222;padding:4px 28px 4px 8px;font:inherit;font-weight:400}.sto-us-sort:focus-visible,.sto-us-facet-option input[type=checkbox]:focus-visible,.sto-us-facet-group>summary:focus-visible,.sto-us-active-filters button:focus-visible,.sto-us-pagination button:focus-visible,.sto-us-clear-all-sidebar:focus-visible,.sto-us-facet-actions button:focus-visible{outline:3px solid #000;outline-offset:2px}.sto-us-facet-option:has(input:focus-visible){background:#f2f2f2}.sto-us-doc-type-badge{color:#333;border-color:#999;background:#fff}.sto-us-summary,.sto-us-result-count{color:#222}@media(max-width:760px){.sto-us-results-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.sto-us-sort-label{order:1}.sto-us-pagination-top{order:2}}@media(max-width:520px){.sto-us-results-controls{align-items:flex-start;flex-direction:column}.sto-us-sort-label{width:100%;justify-content:space-between}.sto-us-sort{min-width:150px}} .sto-us-ai-overview{margin:18px 0 22px}
.sto-us-ai-card{border:1px solid #dadada;background:#fff;padding:18px 20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sto-us-ai-card.is-loading{border-left:4px solid #ffd700}
.sto-us-ai-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#111}
.sto-us-ai-heading strong{font-size:18px;line-height:1.25}
.sto-us-ai-spark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffd700;color:#000;font-size:16px;flex:0 0 auto}
.sto-us-ai-local{margin-left:auto;font-size:12px;color:#555;font-weight:600}
.sto-us-ai-answer{font-size:15px;line-height:1.65;color:#222;max-width:980px}
.sto-us-ai-answer p{margin:0 0 12px}
.sto-us-ai-citation{font-weight:700;text-decoration:none;margin-left:2px}
.sto-us-ai-citation:hover,.sto-us-ai-citation:focus{text-decoration:underline}
.sto-us-ai-sources{border-top:1px solid #e5e5e5;margin-top:14px;padding-top:13px}
.sto-us-ai-sources ol{margin:8px 0 0 22px;padding:0}
.sto-us-ai-sources li{margin:6px 0}
.sto-us-ai-sources li span{color:#666;font-size:12px;margin-left:7px}
.sto-us-ai-disclaimer{border-top:1px solid #eee;margin-top:14px;padding-top:10px;color:#666;font-size:12px;line-height:1.45}
.sto-us-ai-card.is-unavailable{background:#fafafa;color:#444}
@media (max-width:700px){.sto-us-ai-card{padding:15px}.sto-us-ai-heading{align-items:flex-start;flex-wrap:wrap}.sto-us-ai-local{width:100%;margin-left:35px}} .sto-us .sto-us-ai-overview{
display:block !important;
width:100% !important;
max-width:none !important;
clear:both !important;
float:none !important;
overflow:visible !important;
}
.sto-us .sto-us-ai-card{
display:block !important;
width:100% !important;
max-width:none !important;
height:auto !important;
min-height:0 !important;
clear:both !important;
float:none !important;
overflow:hidden !important;
columns:auto !important;
column-count:1 !important;
}
.sto-us .sto-us-ai-heading,
.sto-us .sto-us-ai-answer,
.sto-us .sto-us-ai-sources,
.sto-us .sto-us-ai-disclaimer{
width:100% !important;
max-width:none !important;
clear:both !important;
float:none !important;
columns:auto !important;
column-count:1 !important;
}
.sto-us .sto-us-ai-answer{
display:block !important;
}
.sto-us .sto-us-ai-sources{
display:block !important;
position:static !important;
}
.sto-us .sto-us-ai-sources > strong{
display:block !important;
width:auto !important;
margin:0 0 8px !important;
padding:0 !important;
float:none !important;
text-align:left !important;
}
.sto-us .sto-us-ai-sources ol{
display:block !important;
width:auto !important;
margin:0 0 0 22px !important;
padding:0 !important;
float:none !important;
columns:auto !important;
column-count:1 !important;
list-style-position:outside !important;
}
.sto-us .sto-us-ai-sources li{
display:list-item !important;
width:auto !important;
max-width:none !important;
margin:7px 0 !important;
padding:0 !important;
float:none !important;
clear:both !important;
break-inside:avoid !important;
}
.sto-us .sto-us-ai-sources li a{
display:inline !important;
float:none !important;
}
.sto-us .sto-us-ai-sources li span{
display:inline !important;
float:none !important;
white-space:nowrap !important;
}
.sto-us .sto-us-ai-disclaimer{
display:block !important;
position:static !important;
margin:14px 0 0 !important;
padding:10px 0 0 !important;
text-align:left !important;
} .sto-us-search-overlay[hidden]{display:none!important}
.sto-us-search-overlay{
position:fixed!important;
inset:0!important;
z-index:2147483000!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:24px!important;
background:rgba(255,255,255,.82)!important;
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
}
.sto-us-search-overlay-card{
box-sizing:border-box!important;
width:min(420px,calc(100vw - 40px))!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
margin:0!important;
padding:28px 30px!important;
border:1px solid #dadada!important;
border-top:4px solid #ffd700!important;
background:#fff!important;
color:#000!important;
text-align:center!important;
box-shadow:0 10px 32px rgba(0,0,0,.15)!important;
font-family:Open Sans,Arial,Helvetica,sans-serif!important;
}
.sto-us-search-overlay-card strong{
display:block!important;
margin:0!important;
color:#000!important;
font-size:18px!important;
line-height:1.3!important;
font-weight:700!important;
}
.sto-us-search-overlay-card>span:last-child{
display:block!important;
max-width:330px!important;
margin:0!important;
color:#444!important;
font-size:13px!important;
line-height:1.45!important;
}
.sto-us-search-spinner{
box-sizing:border-box!important;
display:block!important;
width:42px!important;
height:42px!important;
margin:0 0 4px!important;
border:4px solid #dadada!important;
border-top-color:#000!important;
border-radius:50%!important;
animation:sto-us-search-spin .7s linear infinite!important;
}
@keyframes sto-us-search-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sto-us-search-spinner{animation-duration:1.6s!important}}
@media(max-width:520px){
.sto-us-search-overlay{padding:16px!important}
.sto-us-search-overlay-card{width:calc(100vw - 32px)!important;padding:24px 18px!important}
} .sto-us .sto-us-ai-card{position:relative !important}
.sto-us .sto-us-ai-block-loader{
position:absolute !important;
inset:0 !important;
z-index:5 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
min-height:125px !important;
padding:20px !important;
background:rgba(255,255,255,.94) !important;
color:#111 !important;
text-align:center !important;
backdrop-filter:blur(1px);
}
.sto-us .sto-us-ai-block-loader strong{font-size:15px !important;line-height:1.3 !important}
.sto-us .sto-us-ai-block-loader span:last-child{font-size:12px !important;color:#555 !important;line-height:1.4 !important}
.sto-us .sto-us-ai-block-spinner{
display:block !important;
width:34px !important;
height:34px !important;
box-sizing:border-box !important;
border:4px solid #dadada !important;
border-top-color:#ffd700 !important;
border-radius:50% !important;
animation:stoUsAiSpin .75s linear infinite !important;
}
@keyframes stoUsAiSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sto-us .sto-us-ai-block-spinner{animation-duration:1.8s !important}}.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(80, 77, 77, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent !important;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white !important;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: all-scroll;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid white !important;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white !important;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white !important;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white !important;
bottom: 50%;
margin-bottom: -17px;
} .beafwc-outside-label-wrapper {
position: relative;
overflow: hidden;
}
.beafwc-outside-label-wrapper>.twentytwenty-before-label,.beafwc-outside-label-wrapper>.twentytwenty-after-label {
opacity: 1;
}
.beafwc-outside-label-wrapper.twentytwenty-vertical>.twentytwenty-before-label:before{
top:0;
z-index: 25;
width: max-content !important;
background-color: rgba(0, 0, 0, 0.5);
}
.beafwc-outside-label-wrapper.twentytwenty-vertical .twentytwenty-after-label:before{
bottom:0;
z-index: 25;
width: max-content !important;
background-color: rgba(0, 0, 0, 0.5);
}.twentytwenty-vertical .default .twentytwenty-before-label:before,
.twentytwenty-vertical .default .twentytwenty-after-label:before {
padding: 0 !important;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
background: none !important
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
width: 120px !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
} .twentytwenty-horizontal .design-1 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-1 .twentytwenty-after-label::before {
top: 60px;
}
.twentytwenty-horizontal .design-1 .twentytwenty-before-label::before {
left: 80px;
}
.twentytwenty-horizontal .design-1 .twentytwenty-after-label::before {
right: 80px;
}
.design-1 .twentytwenty-before-label::before,
.design-1 .twentytwenty-after-label::before {
background: #f1f1f1;
color: #000;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle {
margin-top: 0;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle:after {
margin-right: 0;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle:before {
margin-left: 0
}
.design-1 .twentytwenty-before-label::before,
.design-1 .twentytwenty-after-label::before {
font-size: 16px;
line-height: 1;
padding: 16px 30px;
color: #000;
text-transform: none;
border-radius: 25px;
}
.design-1 .twentytwenty-handle {
height: 0;
width: 0;
border: 0 !important;
}
.design-1 .twentytwenty-left-arrow {
border-right: 0 !important;
left: 0;
margin-left: 0;
}
.design-1 .twentytwenty-right-arrow {
border-left: 0 !important;
right: 0;
margin-right: 0;
}
.design-1 .twentytwenty-horizontal .twentytwenty-handle::before {
margin-bottom: -17px;
}
.design-1 .twentytwenty-handle {
margin-left: 0;
}
.twentytwenty-horizontal .design-1 .twentytwenty-handle::before {
margin-bottom: 0px;
}
.twentytwenty-horizontal .design-1 .twentytwenty-handle::after {
margin-top: 0px;
}
.design-1 .twentytwenty-overlay .twentytwenty-before-label,
.design-1 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
} .twentytwenty-horizontal .design-2 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-2 .twentytwenty-after-label::before {
top: unset;
bottom: 45px !important;
}
.twentytwenty-horizontal .design-2 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-after-label::before {
right: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-before-label {
left: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-after-label {
right: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-handle::before {
bottom: 85%;
}
.twentytwenty-horizontal .design-2 .twentytwenty-handle::after {
top: 85%;
}
.design-2 .twentytwenty-before-label::before {
background: #526F9B;
}
.design-2 .twentytwenty-after-label::before {
background: #205D00;
}
.design-2 .twentytwenty-after-label::before {
border-radius: 50px 0px 0px 50px;
text-transform: uppercase;
}
.design-2 .twentytwenty-before-label::before {
border-radius: 0px 50px 50px 0px;
text-transform: uppercase;
}
.design-2 .twentytwenty-overlay .twentytwenty-before-label,
.design-2 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
}
.design-2 .twentytwenty-handle {
height: 120px !important;
width: 24px !important;
background: #fff;
margin-top: -63px !important;
margin-left: -15px !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle:before,
.twentytwenty-vertical .design-2 .twentytwenty-handle:after {
box-shadow: none !important
}
.twentytwenty-vertical .design-2 .twentytwenty-down-arrow {
border-top: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-up-arrow {
border-bottom: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle {
height: 24px !important;
width: 120px !important;
background: #fff;
margin-top: -12px !important;
margin-left: -60px !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle .twentytwenty-down-arrow {
bottom: 55%;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle .twentytwenty-up-arrow {
top: 55%;
}
.design-2 .twentytwenty-left-arrow {
border-right: 6px solid #737373 !important;
left: 55%;
}
.design-2 .twentytwenty-right-arrow {
border-left: 6px solid #737373 !important;
right: 55%;
} .twentytwenty-horizontal .design-3 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-3 .twentytwenty-after-label::before {
top: unset;
bottom: 45px !important;
}
.twentytwenty-vertical .design-3 .twentytwenty-handle:before {
left: 77%;
}
.twentytwenty-vertical .design-3 .twentytwenty-handle:after {
right: 74%;
}
.twentytwenty-vertical .design-3 .twentytwenty-down-arrow {
border-top: 6px solid #fff;
}
.twentytwenty-vertical .design-3 .twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
}
.twentytwenty-horizontal .design-3 .twentytwenty-after-label::before {
right: 0px !important;
}
.twentytwenty-horizontal .design-3 .twentytwenty-before-label {
left: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-after-label {
right: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-handle::before {
margin-bottom: 45px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-handle::after {
margin-top: 46px;
}
.design-3 .twentytwenty-before-label::before {
background: #F36F02;
}
.design-3 .twentytwenty-after-label::before {
background: #ffffff;
color: #3d3d3d;
}
.design-2 .twentytwenty-before-label::before,
.design-2 .twentytwenty-after-label::before,
.design-4 .twentytwenty-before-label::before,
.design-4 .twentytwenty-after-label::before,
.design-3 .twentytwenty-before-label::before,
.design-3 .twentytwenty-after-label::before {
font-size: 16px;
line-height: 1;
padding: 16px 30px;
}
.design-3 .twentytwenty-after-label::before {
border-radius: 50px 0px 0px 50px;
text-transform: uppercase;
}
.design-3 .twentytwenty-before-label::before {
border-radius: 0px 50px 50px 0px;
text-transform: uppercase;
}
.design-4 .twentytwenty-after-label::before {
border-radius: 50px 0px 0px 50px;
text-transform: uppercase;
}
.design-4 .twentytwenty-before-label::before {
border-radius: 0px 50px 50px 0px;
text-transform: uppercase;
}
.twentytwenty-vertical .design-2 .twentytwenty-before-label::before,
.twentytwenty-vertical .design-4 .twentytwenty-before-label::before,
.twentytwenty-vertical .design-2 .twentytwenty-after-label::before,
.twentytwenty-vertical .design-4 .twentytwenty-after-label::before,
.twentytwenty-vertical .design-3 .twentytwenty-before-label::before,
.twentytwenty-vertical .design-3 .twentytwenty-after-label::before {
border-radius: 50px;
text-transform: uppercase;
}
.design-3 .twentytwenty-overlay .twentytwenty-before-label,
.design-3 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
}
.design-3 .twentytwenty-handle {
height: 85px !important;
width: 85px !important;
margin-top: -44px;
margin-left: -45px;
} .twentytwenty-horizontal .design-4 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-4 .twentytwenty-after-label::before {
top: 60px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-after-label::before {
right: 0px !important;
}
.twentytwenty-horizontal .design-4 .twentytwenty-before-label {
left: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-after-label {
right: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::before {
margin-bottom: 45px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::after {
margin-top: 46px;
}
.design-4 .twentytwenty-before-label::before {
background: #EA7639;
color: #ffffff;
}
.design-4 .twentytwenty-after-label::before {
background: #487D8D;
color: #ffffff;
}
.design-4 .twentytwenty-overlay .twentytwenty-before-label,
.design-4 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
}
.design-4 .twentytwenty-handle {
height: 0;
width: 0;
border: 0 !important;
margin-left: 0;
margin-top: 0
}
.twentytwenty-vertical .design-4 .twentytwenty-handle {
margin-top: 0;
}
.twentytwenty-vertical .design-4 .twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
}
.twentytwenty-vertical .design-4 .twentytwenty-down-arrow {
border-top: 6px solid #fff;
}
.twentytwenty-vertical .design-4 .twentytwenty-handle:before,
.twentytwenty-vertical .design-4 .twentytwenty-handle:after {
margin-left: 0;
margin-right: 0;
}
.design-4 .twentytwenty-horizontal .twentytwenty-handle::before {
margin-bottom: -17px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::before {
margin-bottom: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::after {
margin-top: 0px;
}
.design-5 .twentytwenty-handle {
background-color: #fff;
border: 10px solid #000 !important;
margin-top: -28px;
margin-left: -28px;
border-color: rgba(255, 255, 255, 0.53) !important;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.design-5 .twentytwenty-handle:after,
.design-5 .twentytwenty-handle:before {
display: none !important
}
.design-5 .twentytwenty-left-arrow {
border-right: 6px solid #737373 !important;
}
.design-5 .twentytwenty-right-arrow {
border-left: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-5 .twentytwenty-down-arrow {
border-top: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-5 .twentytwenty-up-arrow {
border-bottom: 6px solid #737373 !important;
}
.design-6 .twentytwenty-handle {
background-color: transparent;
}
.twentytwenty-horizontal .design-6 .twentytwenty-handle {
height: 70px !important;
width: 15px !important;
margin-left: -11px;
margin-top: -37px;
}
.twentytwenty-vertical .design-6 .twentytwenty-handle {
width: 70px !important;
height: 15px !important;
margin-left: -38px;
margin-top: -11px;
}
.design-6 .twentytwenty-down-arrow {
margin-bottom: -30px;
}
.design-6 .twentytwenty-up-arrow {
margin-top: -30px;
}
.twentytwenty-vertical .design-6 .twentytwenty-handle:after {
margin-right: 36px;
}
.twentytwenty-vertical .design-6 .twentytwenty-handle:before {
margin-left: 36px;
}
.design-6 .twentytwenty-left-arrow {
margin-left: -30px;
}
.design-6 .twentytwenty-right-arrow {
margin-right: -30px;
}
.twentytwenty-horizontal .design-6 .twentytwenty-handle::after {
top: 74%;
}
.twentytwenty-horizontal .design-6 .twentytwenty-handle::before {
bottom: 74%;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
margin-left: -74px
}
.twentytwenty-vertical .default .twentytwenty-before-label:before,
.twentytwenty-vertical .default .twentytwenty-after-label:before {
padding: 0 !important;
margin-left: -45px
}
.design-7.twentytwenty-container {
overflow: inherit;
margin-bottom: 25px;
}
.design-7 .twentytwenty-handle {
z-index: 99999;
bottom: 0;
background: #fff;
height: 10px;
top: inherit;
padding: 0;
border: 0 !important;
width: 38px;
margin: 0;
margin-left: -22px;
border-radius: 30px;
}
.design-7 .twentytwenty-left-arrow,
.design-7 .twentytwenty-right-arrow {
display: none;
padding: 0;
}
.bafg-handle-wrapper {
width: 100%;
background: rgba(0, 0, 0, 0.25);
height: 10px;
margin-right: 0;
z-index: 10;
position: absolute;
bottom: -22px;
border-radius: 30px;
border-radius: 30px;
}
.twentytwenty-horizontal .design-7 .twentytwenty-handle:before,
.twentytwenty-horizontal .design-7 .twentytwenty-handle:after {
height: 0;
} .bafg-blur {
filter: blur(5px)
}
.bafg-grayscale {
filter: grayscale(1)
}
.bafg-sepia {
filter: sepia(1)
}
.bafg-saturate {
filter: saturate(10)
}
.handle-trnasf {
width: 37px;
height: 37px;
border: 3px solid #fff;
margin-top: 0;
margin-left: -21px;
transform: rotate(45deg);
}
.twentytwenty-vertical .design-1 .handle-trnasf {
margin-top: -20px;
}
.twentytwenty-horizontal .design-1 .handle-trnasf {
margin-left: -22px;
}
.twentytwenty-vertical .design-1 .twentytwenty-down-arrow {
transform: rotate(0deg);
}
.twentytwenty-vertical .design-1 .twentytwenty-up-arrow {
top: inherit !important;
margin-top: inherit !important;
margin-left: inherit !important;
}
.twentytwenty-vertical .design-1 .twentytwenty-up-arrow {
top: -18px !important;
left: -5px !important;
transform: rotate(0deg);
}
.twentytwenty-vertical .design-1 .twentytwenty-down-arrow {
top: 5px;
left: 2px;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle::before,
.twentytwenty-vertical .design-1 .twentytwenty-handle::after {
height: 3px;
}
.twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::before {
position: absolute;
content: '';
top: 21px;
right: 21px;
border: 6px inset transparent;
border-right: 6px solid #fff;
transform: rotate(-45deg);
}
.twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::after {
position: absolute;
content: '';
top: 4px;
right: 4px;
border: 6px inset transparent;
border-left: 6px solid #fff;
transform: rotate(-45deg);
}
.twentytwenty-vertical .design-2 .twentytwenty-handle {
margin-top: -15px !important;
}
.elementor-widget-container .design-3 .twentytwenty-handle {
margin-left: -43px;
}
.elementor-widget-container .twentytwenty-horizontal .design-1 .handle-trnasf {
margin-left: -22px;
}
.elementor-widget-container .twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::after {
top: 1px;
right: 1px;
}
.elementor-widget-container .twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::before {
top: 23px;
right: 23px;
}
.elementor-widget-container .twentytwenty-right-arrow {
right: 50%;
margin-right: -17px;
}
.bafg-row {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
}
.bafg-col-3 {
flex: 0 0 auto;
width: 25%;
}
.bafg-col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.bafg-col-6 {
flex: 0 0 auto;
width: 50%;
}
.bafg-col-12 {
width: 100%;
flex: 0 0 auto;
}
.bafg-col-12,
.bafg-col-6,
.bafg-col-3,
.bafg-col-4 {
margin-top: 15px;
margin-bottom: 15px;
padding: 0 15px;
}
.bafg_gallery_filter .bafg-twentytwenty-container,
.bafg-gallery-row .bafg-twentytwenty-container {
width: 100% !important;
}
@media only screen and (max-width: 767px) {
.bafg-col-3 {
flex: 0 0 auto;
width: 100%;
}
.bafg-col-4 {
flex: 0 0 auto;
width: 100%;
}
.bafg-col-6 {
flex: 0 0 auto;
width: 100%;
}
.bafg-col-12 {
flex: 0 0 auto;
width: 100%;
}
} .bafg-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.bafg-container {
width: 750px;
}
}
@media (min-width: 992px) {
.bafg-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.bafg-container {
width: 1170px;
}
}
.bafg-single-page {
margin: 50px 0;
}
.bafg-slider-title {
margin: 20px 0 15px 0;
font-size: 26px;
padding: 0
}
.bafg-slider-description {
font-size: 15px;
}
.bafg-method-3-wrapper img::selection {
background: unset;
}
.bafg-twentytwenty-container:not([data-video-type]) {
position: relative;
max-width: unset !important;
}
.bafg-twentytwenty-container .popup_button {
position: absolute;
right: 10px;
bottom: 10px;
height: 24px;
background-color: #fff;
z-index: 999;
padding: 5px;
border-radius: 5px;
width: 24px;
}
.bafg-twentytwenty-container .popup_button img {
height: 25px;
width: 25px;
display: block;
margin-top: 5px;
margin-left: 5px;
}
.bafg-twentytwenty-container .popup_button:focus {
outline: 0 !important;
} .bafg_popup_preview {
display: none;
}
.bafg_popup_preview {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 999999;
}
.bafg_popup_preview_content {
width: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.945);
color: #000;
position: relative;
box-sizing: border-box;
border-radius: 0;
height: 100%;
}
#bafg_popup_wrap {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
.bafg_popup_preview .close {
position: absolute;
right: 0;
top: 0;
display: block;
padding: 25px;
line-height: 0;
color: #fff;
cursor: pointer;
transition: 0.5s;
z-index: 2;
}
.bafg_popup_preview .close:hover {
color: #ff1212;
}
#bafg_popup_wrap .bafg-twentytwenty-container {
margin: 0 auto;
}
.bafg-twentytwenty-container img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-twentytwenty-container iframe {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-twentytwenty-container video {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.bafg-preloader-img {
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
div#bafg_popup_wrap .bafg-preloader {
display: none;
}
.bafg-twentytwenty-container img {
margin: 0;
width: 100%;
}
pre {
background-color: #030466;
color: #45ff45;
padding: 20px;
}.bafg-filter-control {
border-style: solid;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
color: #ffffff;
border-color: #0274be;
background-color: #0274be;
border-radius: 2px;
padding-top: 10px;
padding-right: 40px;
padding-bottom: 10px;
padding-left: 40px;
font-family: inherit;
font-weight: inherit;
line-height: 1;
outline: 0
}
.bafg-slider-info-wraper {
display: block;
width: 100%;
clear: both;
}
.bafg-filter-control:hover,
.bafg-filter-control:focus,
.bafg-filter-control.bafg-filter-active {
color: #ffffff;
background-color: #3a3a3a;
border-color: #3a3a3a;
outline: 0
}
.bafg-slider-info .bafg_slider_readmore_button_wrap{
margin-top: 10px;
display: flex;
}
.bafg-slider-info .bafg_slider_readmore_button {
color: #fff;
background: #0652DD;
padding: 10px 25px;
display: inline-block;
border-radius: 30px;
transition: 0.5s;
border: 1px solid #0652DD;
font-size: 15px;
text-decoration: none !important
}
.bafg-slider-info .bafg-slider-title {
margin: 20px 0
}
.bafg-slider-info .bafg_slider_readmore_button:hover {
color: #0652DD;
background: #f8f8f8;
}
.design-8 .twentytwenty-handle {
height: 0 !important;
width: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
border: 0 !important;
}
.design-8 .twentytwenty-left-arrow,
.design-8 .twentytwenty-right-arrow,
.design-8 .twentytwenty-up-arrow,
.design-8 .twentytwenty-down-arrow {
width: 0 !important;
height: 0 !important;
border: 0 !important;
}
.twentytwenty-vertical .design-8 .twentytwenty-handle::after {
margin-right: 0 !important;
}
.twentytwenty-vertical .design-8 .twentytwenty-handle::before {
margin-left: 0 !important;
}
.twentytwenty-horizontal .design-8 .twentytwenty-handle::before {
margin-bottom: 0 !important;
}
.twentytwenty-horizontal .design-8 .twentytwenty-handle::after {
margin-top: 0 !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle::after {
right: 50%;
margin-right: 60px;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle::before{
left: 50%;
margin-left: 60px;
}
.bafg-twentytwenty-container {
position: relative;
height: 281px;
width: auto;
margin: 0 auto;
}
.bafg-twentytwenty-container img.top:hover {
opacity:0;
}
.bafg-fade-effect {
position:relative;
height:281px;
width:100%;
}
.bafg-fade-effect img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-al{
transition: all 0.8s;
}
.bafg-fade-effect img.top:hover {
opacity:0;
}
.bafg-fade-effect .bafg-after-image:hover .bafg-al{
opacity: 0;
}
span.bafg-bl,span.bafg-al {
position: absolute;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.2);
padding: 5px 10px;
color: #f2f2f2;
} .bafg_gallery_filter .bafg-col-12,.bafg_gallery_filter .bafg-col-6,.bafg_gallery_filter .bafg-col-3,.bafg_gallery_filter .bafg-col-4{
padding: 0 15px;
}
.twentytwenty-wrapper .twentytwenty-wrapper{
padding: 0 !important;
} .twentytwenty-vertical .design-7 .bafg-handle-wrapper {
right: -20px;
height: 100%;
width: 10px;
bottom: 0;
}
.twentytwenty-vertical .design-7 .bafg-handle-wrapper .twentytwenty-handle:before,.twentytwenty-vertical .design-7 .bafg-handle-wrapper .twentytwenty-handle:after,.twentytwenty-vertical .design-7 .bafg-handle-wrapper .twentytwenty-handle span{
display: none;
}
.twentytwenty-vertical .design-7 .bafg-handle-wrapper .twentytwenty-handle {
width: 10px;
margin-left: -5px;
height: 20px;
margin-top: -10px;
} .bafg-image-link-enabled .twentytwenty-overlay:hover {
cursor: pointer;
} .bafg-frontend-upload-buttons {
width: 100%;
padding: 15px 0;
display: flex;
justify-content: space-between;
}
.bafg-frontend-upload-buttons div {
border: 1px solid #9c9c9c;
padding: 10px;
margin: 5px;
}
.bafg-bimage-up {
border-right: unset;
}