/* line 1, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close {
position: absolute;
top: 60px;
cursor: pointer;
font-size: 14px;
}
/* line 6, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close.close-left {
left: 20px;
}
/* line 9, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close.close-right {
right: 20px;
}
/* line 12, ../../app/assets/stylesheets/tabs.css.scss */
.tab-close:hover {
opacity: 0.5;
}
/* line 17, ../../app/assets/stylesheets/tabs.css.scss */
.civilitylogosmall {
background: url(../assets/civilitylogosmallcolor.png);
width: 66px;
height: 66px;
position: relative;
margin: 0 auto;
top: 50%;
margin-top: -33px;
right: 2px;
}
/* line 28, ../../app/assets/stylesheets/tabs.css.scss */
.lybbalogosmall {
background: url(../assets/lybbalogosmallcolor.png);
width: 66px;
height: 66px;
position: relative;
margin: 0 auto;
top: 50%;
margin-top: -30px;
left: 5px;
}
/* line 39, ../../app/assets/stylesheets/tabs.css.scss */
.lybbalogolarge {
background: url(../assets/lybbalogolarge.png);
width: 291px;
height: 213px;
position: relative;
float: left;
left: 50%;
margin-left: -145.5px;
display: none;
}
/* line 50, ../../app/assets/stylesheets/tabs.css.scss */
.civilitylogolarge {
background: url(../assets/civilitylogolarge.png);
width: 291px;
height: 213px;
position: relative;
float: left;
left: 50%;
margin-left: -145.5px;
display: none;
}
/* line 62, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer {
padding-top: 100px;
margin-left: -250px;
left: 50%;
overflow: visible;
width: 100%;
max-width: 500px;
max-height: 800px;
height: 500px;
position: absolute;
top: 45%;
margin-top: -250px;
display: none;
}
/* line 75, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer a {
text-decoration: none;
color: #fff;
}
/* line 78, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer a:hover {
color: #000;
}
/* line 84, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox {
color: #fff;
white-space: normal;
font-size: 16px;
font-family: 'OpenSansRegular';
background: #6b6b6b;
width: 0%;
height: 100%;
position: absolute;
top: 0px;
-o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
z-index: 999;
opacity: 0.5;
}
/* line 100, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox p {
padding-top: 20px;
padding-right: 40px;
padding-left: 40px;
}
/* line 107, ../../app/assets/stylesheets/tabs.css.scss */
.tableftbox {
padding-left: 0%;
left: 0%;
}
/* line 110, ../../app/assets/stylesheets/tabs.css.scss */
.tableftbox:hover {
padding-left: 50%;
-o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
opacity: 0.85;
}
/* line 120, ../../app/assets/stylesheets/tabs.css.scss */
.tabrightbox {
padding-right: 0%;
right: 0%;
}
/* line 123, ../../app/assets/stylesheets/tabs.css.scss */
.tabrightbox:hover {
padding-right: 50%;
-o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
opacity: 0.85;
}
/* line 133, ../../app/assets/stylesheets/tabs.css.scss */
.tabstrong {
font-family: 'wondrosfont2regular';
font-size: 48px;
}
/* line 138, ../../app/assets/stylesheets/tabs.css.scss */
.tab {
background: #6b6b6b;
width: 85px;
height: 85px;
position: relative;
top: 50%;
margin-top: -50px;
cursor: pointer;
}
/* line 148, ../../app/assets/stylesheets/tabs.css.scss */
.tabright {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
float: left;
right: 75px;
}
/* line 155, ../../app/assets/stylesheets/tabs.css.scss */
.tableft {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
float: right;
left: 75px;
}
@media screen and (max-width: 920px) {
/* line 166, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox {
color: #fff;
white-space: normal;
font-family: 'OpenSansRegular';
font-size: 14px;
background: #6b6b6b;
width: 0%;
height: 100%;
position: absolute;
top: 0px;
-o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
z-index: 999;
opacity: 0.5;
}
/* line 182, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox p {
padding-top: 20px;
padding-right: 40px;
padding-left: 40px;
}
/* line 189, ../../app/assets/stylesheets/tabs.css.scss */
.tabstrong {
font-family: 'wondrosfont2regular';
font-size: 28px;
}
/* line 194, ../../app/assets/stylesheets/tabs.css.scss */
.tabboxcontainer {
padding-top: 100px;
margin-left: -150px;
left: 50%;
overflow: visible;
width: 100%;
max-width: 300px;
max-height: 800px;
height: 100%;
position: absolute;
}
/* line 206, ../../app/assets/stylesheets/tabs.css.scss */
.tabrightbox {
padding-right: 0%;
right: 0%;
}
/* line 209, ../../app/assets/stylesheets/tabs.css.scss */
.tabrightbox:hover {
padding-right: 100%;
-o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
opacity: 0.85;
}
/* line 219, ../../app/assets/stylesheets/tabs.css.scss */
.tableftbox {
padding-left: 0%;
left: 0%;
}
/* line 222, ../../app/assets/stylesheets/tabs.css.scss */
.tableftbox:hover {
padding-left: 100%;
-o-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-moz-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
-webkit-transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
transition: all 0.35s cubic-bezier(0.77, 0.1, 0.22, 1);
opacity: 0.85;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 240, ../../app/assets/stylesheets/tabs.css.scss */
.tab {
margin-top: -25px;
}
/* line 246, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox {
font-size: 12px;
}
/* line 248, ../../app/assets/stylesheets/tabs.css.scss */
.tabbox p {
padding-top: 10px;
}
/* line 253, ../../app/assets/stylesheets/tabs.css.scss */
.tabstrong {
font-size: 20px;
margin-top: 45px;
}
/* line 258, ../../app/assets/stylesheets/tabs.css.scss */
.lybbalogolarge, .civilitylogolarge {
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
margin-top: -55px;
}
}