customp {
display: block;
height: 35%;
overflow: hidden;
box-sizing: border-box; }
customp p, customp span, customp a {
font-size: 12px; }
customp h1 {
font-size: 2em;
line-height: 1.1; }
customp h2 {
font-size: 1.5em;
line-height: 0.9; }
customp h3 {
font-size: .75em;
line-height: 0.5; }
customp h1 p, customp h1 span, customp h1 a, customp h2 p, customp h2 span, customp h2 a, customp h3 p, customp h3 span, customp h3 a {
font-size: 100%; }
customp p, customp span, customp a, customp h1, customp h2, customp h3, customp h4, customp h5, customp font {
margin: 0;
padding: 0;
width: 100%;
display: inline-block; }
.vsbb-angular-text-wrapper {
display: block;
max-height: calc(100% - 90px);
height: auto;
overflow: hidden;
box-sizing: border-box;
margin-bottom: 10px !important; }
.vsbb-angular-text-wrapper p, .vsbb-angular-text-wrapper span, .vsbb-angular-text-wrapper a, .vsbb-angular-text-wrapper h1, .vsbb-angular-text-wrapper h2, .vsbb-angular-text-wrapper h3, .vsbb-angular-text-wrapper h4, .vsbb-angular-text-wrapper h5, .vsbb-angular-text-wrapper font {
margin: 0;
padding: 0;
width: 100%;
display: inline-block; }
.vsbb-angular-text-wrapper p, .vsbb-angular-text-wrapper span, .vsbb-angular-text-wrapper a {
font-size: 12px; }
.vsbb-angular-text-wrapper h1 {
font-size: 2em;
line-height: 1.1; }
.vsbb-angular-text-wrapper h2 {
font-size: 1.5em;
line-height: 0.9; }
.vsbb-angular-text-wrapper h3 {
font-size: .75em;
line-height: 0.5; }
.vsbb-angular-text-wrapper h1 p, .vsbb-angular-text-wrapper h1 span, .vsbb-angular-text-wrapper h1 a, .vsbb-angular-text-wrapper h2 p, .vsbb-angular-text-wrapper h2 span, .vsbb-angular-text-wrapper h2 a, .vsbb-angular-text-wrapper h3 p, .vsbb-angular-text-wrapper h3 span, .vsbb-angular-text-wrapper h3 a {
font-size: 100%; }
.vsbb-angular-text-wrapper dd, .vsbb-angular-text-wrapper li {
margin-bottom: 0 !important; }
.vsbb-angular-text-wrapper ol {
list-style-type: decimal !important;
margin-left: 1em !important;
margin-top: 0 !important; }
.uc-container .vsbb-angular-text-wrapper {
min-height: 100%; }
.uc-container .vsbb-angular-text-wrapper dd, .uc-container .vsbb-angular-text-wrapper li {
margin-bottom: 0 !important; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.vsbb-angular-text-wrapper {
overflow: scroll; }
.vsbb-angular-text-wrapper::-webkit-scrollbar {
display: none; }
customp {
overflow: scroll; }
customp::-webkit-scrollbar {
display: none; } }
.vsbb-pointer-cursor {
cursor: pointer !important; }
.vsbb-grid-editor-col .vsbb-grid-editor-container {
border: 1px solid #9da3a7;
margin: 0 1px;
text-align: center;
padding: 10px 10px 35px 10px;
height: 77px;
box-sizing: content-box; }
.vsbb-grid-editor-col .vsbb-grid-editor-container .ui-select-container {
width: 100%; }
.vsbb-grid-editor-col .vsbb-grid-editor-container .ui-select-container .ui-select-choices {
text-align: left; }
.vsbb-grid-editor-col .vsbb-grid-editor-container .ui-select-container .ui-select-choices small span {
display: block; }
.vsbb-grid-editor-col .vsbb-grid-editor-container.vsbb-grid-render {
height: 100%;
padding: 0;
border: none; }
.vsbb-grid-editor-col .vsbb-grid-editor-container p {
margin: 0 10px 10px; }
.vsbb-image-caption-view {
width: 300px;
height: 200px;
border: 10px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
box-sizing: border-box !important; }
.vsbb-image-caption-view .vsbb-image-caption-mask, .vsbb-image-caption-view .vsbb-image-caption-content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0; }
.vsbb-image-caption-view img {
display: block;
position: relative;
height: 100%;
width: 100%; }
.vsbb-image-caption-view h2 {
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px !important;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0; }
.vsbb-image-caption-view p, .vsbb-image-caption-view customp {
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 10px 20px;
box-sizing: content-box;
text-align: left;
margin: 0;
line-height: 16px; }
.vsbb-image-caption-view p p, .vsbb-image-caption-view customp p {
padding: 0; }
.vsbb-image-caption-view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
font-size: 12px;
line-height: 12px; }
.vsbb-image-caption-view a.info:hover, .vsbb-image-caption-view a.info.vsbb-hovering {
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
color: #fff; } .vsbb-image-caption-view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear; }
.vsbb-image-caption-view-first .vsbb-image-caption-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(219, 127, 8, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.vsbb-image-caption-view-first h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-first p, .vsbb-image-caption-view-first customp {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear; }
.vsbb-image-caption-view-first:hover img, .vsbb-image-caption-view-first.vsbb-hovering img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
.vsbb-image-caption-view-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-first:hover .vsbb-image-caption-mask, .vsbb-image-caption-view-first.vsbb-hovering .vsbb-image-caption-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1; }
.vsbb-image-caption-view-first:hover h2,
.vsbb-image-caption-view-first:hover p,
.vsbb-image-caption-view-first:hover customp,
.vsbb-image-caption-view-first:hover a.info,
.vsbb-image-caption-view-first.vsbb-hovering h2,
.vsbb-image-caption-view-first.vsbb-hovering p,
.vsbb-image-caption-view-first.vsbb-hovering customp,
.vsbb-image-caption-view-first.vsbb-hovering a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.vsbb-image-caption-view-first:hover p, .vsbb-image-caption-view-first.vsbb-hovering p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.vsbb-image-caption-view-first:hover a.info, .vsbb-image-caption-view-first.vsbb-hovering a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; } .vsbb-image-caption-view-second img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
.vsbb-image-caption-view-second .vsbb-image-caption-mask {
background-color: rgba(115, 146, 184, 0.7);
width: 300%;
padding: 60px;
height: 300%;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(100%, 90%) rotate(45deg);
-moz-transform: translate(100%, 90%) rotate(45deg);
-o-transform: translate(100%, 90%) rotate(45deg);
-ms-transform: translate(100%, 90%) rotate(45deg);
transform: translate(100%, 90%) rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-second h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent !important;
margin: 20px 40px 0px 40px;
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
transform: translate(200px, -200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-second p, .vsbb-image-caption-view-second customp {
-webkit-transform: translate(-200%, 200%);
-moz-transform: translate(-200%, 200%);
-o-transform: translate(-200%, 200%);
-ms-transform: translate(-200%, 200%);
transform: translate(-200%, 200%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-second a.info {
-webkit-transform: translate(0px, 100px);
-moz-transform: translate(0px, 100px);
-o-transform: translate(0px, 100px);
-ms-transform: translate(0px, 100px);
transform: translate(0px, 1000px);
-webkit-transition: all 0.2s 0.1s ease-in-out;
-moz-transition: all 0.2s 0.1s ease-in-out;
-o-transition: all 0.2s 0.1s ease-in-out;
-ms-transition: all 0.2s 0.1s ease-in-out;
transition: all 0.2s 0.1s ease-in-out; }
.vsbb-image-caption-view-second:hover .vsbb-image-caption-mask, .vsbb-image-caption-view-second.vsbb-hovering .vsbb-image-caption-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(-80px, -125px) rotate(45deg);
-moz-transform: translate(-80px, -125px) rotate(45deg);
-o-transform: translate(-80px, -125px) rotate(45deg);
-ms-transform: translate(-80px, -125px) rotate(45deg);
transform: translate(-80px, -125px) rotate(45deg); }
.vsbb-image-caption-view-second:hover h2, .vsbb-image-caption-view-second.vsbb-hovering h2 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s; }
.vsbb-image-caption-view-second:hover p, .vsbb-image-caption-view-second:hover customp, .vsbb-image-caption-view-second.vsbb-hovering p {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s; }
.vsbb-image-caption-view-second:hover a.info, .vsbb-image-caption-view-second.vsbb-hovering a.info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s; } .vsbb-image-caption-view-third img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
.vsbb-image-caption-view-third .vsbb-image-caption-mask {
background-color: rgba(0, 0, 0, 0.6);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
-webkit-transition: all 0.2s 0.4s ease-in-out;
-moz-transition: all 0.2s 0.4s ease-in-out;
-o-transition: all 0.2s 0.4s ease-in-out;
-ms-transition: all 0.2s 0.4s ease-in-out;
transition: all 0.2s 0.4s ease-in-out; }
.vsbb-image-caption-view-third h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-third p, .vsbb-image-caption-view-third customp {
-webkit-transform: translateX(100%) rotate(90deg);
-moz-transform: translateX(100%) rotate(90deg);
-o-transform: translateX(100%) rotate(90deg);
-ms-transform: translateX(100%) rotate(90deg);
transform: translateX(100%) rotate(90deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-third a.info {
-webkit-transform: translateY(-400px);
-moz-transform: translateY(-400px);
-o-transform: translateY(-400px);
-ms-transform: translateY(-400px);
transform: translateY(-400px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.vsbb-image-caption-view-third:hover .vsbb-image-caption-mask, .vsbb-image-caption-view-third.vsbb-hovering .vsbb-image-caption-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px); }
.vsbb-image-caption-view-third:hover h2, .vsbb-image-caption-view-third.vsbb-hovering h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s; }
.vsbb-image-caption-view-third:hover p, .vsbb-image-caption-view-third:hover customp, .vsbb-image-caption-view-third.vsbb-hovering p, .vsbb-image-caption-view-third.vsbb-hovering customp {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s; }
.vsbb-image-caption-view-third:hover a.info, .vsbb-image-caption-view-third.vsbb-hovering a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s; } .vsbb-image-caption-view-fourth img {
-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;
-o-transition: all 0.4s ease-in-out 0.2s;
-ms-transition: all 0.4s ease-in-out 0.2s;
transition: all 0.4s ease-in-out 0.2s;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1; }
.vsbb-image-caption-view-fourth .vsbb-image-caption-mask {
background-color: rgba(0, 0, 0, 0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
.vsbb-image-caption-view-fourth h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent !important;
margin: 20px 40px 0px 40px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.vsbb-image-caption-view-fourth p, .vsbb-image-caption-view-fourth customp {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.vsbb-image-caption-view-fourth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.vsbb-image-caption-view-fourth:hover .vsbb-image-caption-mask, .vsbb-image-caption-view-fourth.vsbb-hovering .vsbb-image-caption-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.vsbb-image-caption-view-fourth:hover img, .vsbb-image-caption-view-fourth.vsbb-hovering img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.vsbb-image-caption-view-fourth:hover h2,
.vsbb-image-caption-view-fourth:hover p,
.vsbb-image-caption-view-fourth:hover customp,
.vsbb-image-caption-view-fourth:hover a.info,
.vsbb-image-caption-view-fourth.vsbb-hovering h2,
.vsbb-image-caption-view-fourth.vsbb-hovering p,
.vsbb-image-caption-view-fourth.vsbb-hovering customp,
.vsbb-image-caption-view-fourth.vsbb-hovering a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s; } .vsbb-image-caption-view-sixth img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s; }
.vsbb-image-caption-view-sixth .vsbb-image-caption-mask {
background-color: rgba(146, 96, 91, 0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s; }
.vsbb-image-caption-view-sixth h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent !important;
margin: 20px 40px 0px 40px;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s; }
.vsbb-image-caption-view-sixth p, .vsbb-image-caption-view-sixth customp {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s; }
.vsbb-image-caption-view-sixth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s; }
.vsbb-image-caption-view-sixth:hover .vsbb-image-caption-mask, .vsbb-image-caption-view-sixth.vsbb-hovering .vsbb-image-caption-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.vsbb-image-caption-view-sixth:hover img, .vsbb-image-caption-view-sixth.vsbb-hovering img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.vsbb-image-caption-view-sixth:hover h2, .vsbb-image-caption-view-sixth.vsbb-hovering h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.vsbb-image-caption-view-sixth:hover p, .vsbb-image-caption-view-sixth:hover customp, .vsbb-image-caption-view-sixth.vsbb-hovering p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.vsbb-image-caption-view-sixth:hover a.info, .vsbb-image-caption-view-sixth.vsbb-hovering a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s; } .vsbb-image-caption-view-seventh .vsbb-image-caption-mask {
-webkit-transition: all 0.3s ease-in 0.2s;
-moz-transition: all 0.3s ease-in 0.2s;
-o-transition: all 0.3s ease-in 0.2s;
-ms-transition: all 0.3s ease-in 0.2s;
transition: all 0.3s ease-in 0.2s;
top: calc(100% - 38px); }
.vsbb-image-caption-view-seventh.vsbb-hovering .vsbb-image-caption-mask {
top: 0; }
.vsbb-image-caption-view-seventh:hover .vsbb-image-caption-mask {
top: 0; }
.vsbb-image-caption-view-seventh h2 {
margin: 0; }
.vsbb-angular-text-wrapper {
margin-bottom: 0 !important; }  .vsbb-image-caption-view-ninth .vsbb-image-caption-mask-1, .vsbb-image-caption-view-ninth .vsbb-image-caption-mask-2 {
background-color: rgba(0, 0, 0, 0.5);
height: 1000px;
width: 1000px;
background: rgba(119, 0, 36, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s; }
.vsbb-image-caption-view-ninth .vsbb-image-caption-mask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(75deg) translateX(-800px);
-moz-transform: rotate(75deg) translateX(-800px);
-o-transform: rotate(75deg) translateX(-800px);
-ms-transform: rotate(75deg) translateX(-800px);
transform: rotate(75deg) translateX(-800px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%; }
.vsbb-image-caption-view-ninth .vsbb-image-caption-mask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(75deg) translateX(800px);
-moz-transform: rotate(75deg) translateX(800px);
-o-transform: rotate(75deg) translateX(800px);
-ms-transform: rotate(75deg) translateX(800px);
transform: rotate(75deg) translateX(800px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%; }
.vsbb-image-caption-view-ninth .vsbb-image-caption-content {
background: rgba(0, 0, 0, 0.9);
height: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
width: 361px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s; }
.vsbb-image-caption-view-ninth h2 {
background: transparent;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.vsbb-image-caption-view-ninth a.info {
display: none; }
.vsbb-image-caption-view-ninth:hover .vsbb-image-caption-content,
.vsbb-image-caption-view-ninth.vsbb-hovering .vsbb-image-caption-content {
height: 80%;
width: 80%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
top: 10%;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 10%; }
.vsbb-image-caption-view-ninth:hover .vsbb-image-caption-mask-1, .vsbb-image-caption-view-ninth:hover .vsbb-image-caption-mask-2,
.vsbb-image-caption-view-ninth.vsbb-hovering .vsbb-image-caption-mask-1, .vsbb-image-caption-view-ninth.vsbb-hovering .vsbb-image-caption-mask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.vsbb-image-caption-view-ninth:hover .vsbb-image-caption-mask-1,
.vsbb-image-caption-view-ninth.vsbb-hovering .vsbb-image-caption-mask-1 {
-webkit-transform: rotate(75.5deg) translateX(1px);
-moz-transform: rotate(75.5deg) translateX(1px);
-o-transform: rotate(75.5deg) translateX(1px);
-ms-transform: rotate(75.5deg) translateX(1px);
transform: rotate(75.5deg) translateX(1px); }
.vsbb-image-caption-view-ninth:hover .vsbb-image-caption-mask-2,
.vsbb-image-caption-view-ninth.vsbb-hovering .vsbb-image-caption-mask-2 {
-webkit-transform: rotate(75.5deg) translateX(-1px);
-moz-transform: rotate(75.5deg) translateX(-1px);
-o-transform: rotate(75.5deg) translateX(-1px);
-ms-transform: rotate(75.5deg) translateX(-1px);
transform: rotate(75.5deg) translateX(-1px); }
#vsbb-theme-modal textarea {
height: 100px; }
.vsbb-standard-initial {
position: relative;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -o-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -moz-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
.vsbb-standard-initial .vsbb-angular-text-wrapper {
min-height: 100%; }
.vsbb-standard-initial .vsbb-standard-final {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
z-index: 99999999;
box-sizing: border-box;
height: 100%;
width: 100%; }
.vsbb-standard-initial .vsbb-standard-final .vsbb-standard-link {
width: 100%;
display: block;
text-align: center; }
.vsbb-standard-initial p.vsbb-standard-p, .vsbb-standard-initial customp {
position: absolute;
display: block;
width: 100%;
z-index: 9999;
padding: 10px;
margin: 0;
box-sizing: border-box;
height: 100% !important; }
.vsbb-standard-initial p.vsbb-standard-p p, .vsbb-standard-initial p.vsbb-standard-p span, .vsbb-standard-initial p.vsbb-standard-p a, .vsbb-standard-initial p.vsbb-standard-p h1, .vsbb-standard-initial p.vsbb-standard-p h2, .vsbb-standard-initial p.vsbb-standard-p h3, .vsbb-standard-initial p.vsbb-standard-p h4, .vsbb-standard-initial p.vsbb-standard-p h5, .vsbb-standard-initial customp p, .vsbb-standard-initial customp span, .vsbb-standard-initial customp a, .vsbb-standard-initial customp h1, .vsbb-standard-initial customp h2, .vsbb-standard-initial customp h3, .vsbb-standard-initial customp h4, .vsbb-standard-initial customp h5 {
margin: 0;
padding: 0; }
.vsbb-standard-initial img.vsabb-standard-img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
overflow: hidden; }
.vsbb-standard-initial a.vsbb-standard-link {
width: 100%;
display: block;
text-align: center;
position: absolute;
top: 0;
z-index: 9999;
box-sizing: border-box; }
.vsbb-standard-initial a.vsbb-standard-link.vsbb-top-header-link {
top: 0;
bottom: auto; }
.vsbb-standard-initial a.vsbb-standard-link.vsbb-bottom-header-link {
bottom: 0;
top: auto; }
.vsbb-standard-initial a.vsbb-standard-link.vsbb-right-header-link {
transform: rotate(90deg);
transform-origin: left top 0;
bottom: auto;
top: auto;
left: 100%; }
.vsbb-standard-initial a.vsbb-standard-link.vsbb-left-header-link {
transform: rotate(270deg);
transform-origin: right top 0;
bottom: auto;
top: auto;
right: 100%; }
.vsbb-standard-initial a.vsbb-standard-link p, .vsbb-standard-initial a.vsbb-standard-link span, .vsbb-standard-initial a.vsbb-standard-link a, .vsbb-standard-initial a.vsbb-standard-link h1, .vsbb-standard-initial a.vsbb-standard-link h2, .vsbb-standard-initial a.vsbb-standard-link h3, .vsbb-standard-initial a.vsbb-standard-link h4, .vsbb-standard-initial a.vsbb-standard-link h5 {
margin: 0;
padding: 0; }
.vsbb-hidden {
display: none; } .vsbb-slide-up-classic-50 {
-webkit-transition: all 0.3s ease-in 0.2s;
-moz-transition: all 0.3s ease-in 0.2s;
-o-transition: all 0.3s ease-in 0.2s;
-ms-transition: all 0.3s ease-in 0.2s;
transition: all 0.3s ease-in 0.2s;
top: 0 !important;
bottom: 0 !important; }
.vsbb-slide-down-classic-50 {
-webkit-transition: all 0.3s ease-in 0.2s;
-moz-transition: all 0.3s ease-in 0.2s;
-o-transition: all 0.3s ease-in 0.2s;
-ms-transition: all 0.3s ease-in 0.2s;
transition: all 0.3s ease-in 0.2s;
top: calc(200% - 100px) !important;
bottom: 0 !important; }
.vsbb-slide-down-classic-50 a.vsbb-standard-link.vsbb-bottom-header-link {
bottom: auto !important;
top: 0 !important; }
.vsbb-slide-up-classic-50 a.vsbb-standard-link.vsbb-bottom-header-link {
bottom: auto !important;
top: 0 !important; } .vsbb-slide-up-classic-down-50 {
-webkit-transition: all 0.3s ease-in 0.2s;
-moz-transition: all 0.3s ease-in 0.2s;
-o-transition: all 0.3s ease-in 0.2s;
-ms-transition: all 0.3s ease-in 0.2s;
transition: all 0.3s ease-in 0.2s;
top: 0 !important;
bottom: auto !important; }
.vsbb-slide-down-classic-down-50 {
-webkit-transition: all 0.3s ease-in 0.2s;
-moz-transition: all 0.3s ease-in 0.2s;
-o-transition: all 0.3s ease-in 0.2s;
-ms-transition: all 0.3s ease-in 0.2s;
transition: all 0.3s ease-in 0.2s;
top: calc(-100% + 48px) !important;
bottom: auto !important; }
.vsbb-slide-down-classic-down-50 a.vsbb-standard-link.vsbb-bottom-header-link {
bottom: 0 !important;
top: auto !important; }
.vsbb-slide-up-classic-down-50 a.vsbb-standard-link.vsbb-bottom-header-link {
bottom: 0 !important;
top: auto !important; } .uc-container {
position: relative;
width: 100px;
height: 100px;
top: 0;
left: 0; }
.uc-final {
overflow: hidden; }
.uc-single,
.uc-final,
.uc-initial-content,
.uc-back,
.uc-front {
background: #fff; }
.uc-final,
.uc-initial,
.uc-final-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.uc-initial-content,
.uc-final-content {
width: 100%;
height: 100%;
position: relative; }
.uc-final,
.uc-final-content {
display: none; }
.uc-initial-content {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.uc-part {
top: 0;
left: 0;
position: absolute;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.uc-part > div {
display: block;
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.uc-part .uc-back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg); } .uc-unfold-left {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%; }
.uc-unfold-right {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.uc-unfold-top {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; }
.uc-unfold-bottom {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%; } .uc-unfold-left.uc-unfold {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg); }
.uc-unfold-right.uc-unfold {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg); }
.uc-unfold-top.uc-unfold {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg); }
.uc-unfold-bottom.uc-unfold {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg); }
.uc-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.uc-overlay,
.uc-flipoverlay {
background-color: rgba(100, 100, 100, 0.7);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden; }
.uc-flipoverlay {
background-color: rgba(100, 100, 100, 0.4); }
.uc-inner {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100%; }
.uc-inner-rotate {
-webkit-transform: rotateY(180deg) rotateX(180deg);
-moz-transform: rotateY(180deg) rotateX(180deg);
-o-transform: rotateY(180deg) rotateX(180deg);
-ms-transform: rotateY(180deg) rotateX(180deg);
transform: rotateY(180deg) rotateX(180deg); }
.uc-container.uc-current {
z-index: 9999; }
.vsbb-pfold-clickme, .vsbb-pfold-close {
position: absolute;
cursor: pointer;
opacity: .75; }
.vsbb-pfold-close {
z-index: 99999999; }
.vsbb-pfold-clickme:hover, .vsbb-pfold-close:hover {
opacity: 1; }
.uc-initial-content img, .uc-final-content img {
height: 100%;
width: 100%; }
.uc-final-content img {
margin: 0 -10px -10px -10px;
top: 0;
position: absolute; }
.scrollwrap {
position: absolute;
overflow: scroll;
height: 100%;
z-index: 999;
padding: 0 10px; }
.scrollwrap-1 {
position: absolute;
overflow: scroll;
height: 100%;
width: 100%;
padding: 10px 0; }