@charset "UTF-8";

 .dzs-tabs {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: relative;
padding: 5px;
}
.dzs-tabs.transitioning {
overflow: hidden;
}
.dzs-tabs.theme-dark {
color: #222;
}
.dzs-tabs .dzs-tab-tobe {
display: none;
}
.dzs-tabs .goto-prev-tab, .dzs-tabs .goto-next-tab {
cursor: pointer;
}
.dzs-tabs > .tabs-menu {
width: auto;
}
.dzs-tabs > .tabs-menu > .tab-menu-con {
cursor: pointer;
display: inline-block;
}
.dzs-tabs > .tabs-menu > .tab-menu-con > .tab-menu {
display: inline-block;
padding: 3px 6px;
text-align: center;
cursor: pointer;
}
.dzs-tabs > .tabs-menu > .tab-menu-con > .tab-menu > i {
display: inline-block;
margin-right: 10px;
}
.dzs-tabs > .tabs-menu > .tab-menu-con > .tab-menu-content-con {
display: none;
cursor: auto;
}
.dzs-tabs > .tabs-menu > .tab-menu-con > .tab-menu-content-con > .tab-menu-content {
display: none;
text-align: left;
}
.dzs-tabs > .tabs-menu .tab-menu-con.tab-disabled {
opacity: 0.5;
pointer-events: none;
}
.dzs-tabs > .tabs-content {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs > .tabs-content > .tab-content {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
width: 100%;
transition-property: top, left, opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs > .tabs-content > div.tab-content.active, .dzs-tabs > .tabs-content > div.tab-content.active-finished-animation {
top: 0;
left: 0;
opacity: 1;
visibility: visible;
}
.dzs-tabs * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dzs-tabs.tab-menu-content-con---no-padding .tabs-menu .tab-menu-con .tab-menu-content-con {
padding: 0 !important;
}
.dzs-tabs.transition-none .tabs-content {
transition-property: none;
transition-duration: 0s;
transition-timing-function: ease-out;
}
.dzs-tabs.transition-none .tabs-content .tab-content {
transition-property: none;
transition-duration: 0s;
transition-timing-function: ease-out;
}
.tabs-left.transition-slide > .tabs-content > .tab-content, .tabs-right.transition-slide > .tabs-content > .tab-content {
top: 100%;
}
.tabs-top.transition-slide > .tabs-content > .tab-content, .tabs-bottom.transition-slide > .tabs-content > .tab-content {
left: 100%;
}
.dzs-tabs.tabs-left .tabs-menu, .dzs-tabs.tabs-right .tabs-menu {
float: left;
}
.dzs-tabs.tabs-left .tabs-menu .tab-menu-con, .dzs-tabs.tabs-right .tabs-menu .tab-menu-con {
display: block;
}
.dzs-tabs.tabs-left .tabs-content, .dzs-tabs.tabs-right .tabs-content {
overflow: hidden;
width: auto;
}
.dzs-tabs.tabs-right .tabs-menu {
float: right;
}
.tabs-menu-align-center .tabs-menu {
text-align: center;
}
.dzs-tabs:not(.is-toggle) > .tabs-content > .tab-content:not(.active) {
pointer-events: none;
}
.dzs-tabs.is-toggle > .tabs-menu {
width: 100%;
flex-direction: column;
}
.dzs-tabs.is-toggle > .tabs-menu > .tab-menu-con {
display: block;
width: 100%;
}
.dzs-tabs.is-toggle > .tabs-menu > .tab-menu-con .tab-menu .the-label {
position: relative;
}
.dzs-tabs.is-toggle > .tabs-menu > .tab-menu-con.active > .tab-menu-content-con > .tab-menu-content > .tab-content.active {
opacity: 1;
visibility: visible;
}
.dzs-tabs.is-toggle > .tabs-menu > .tab-menu-con .tab-menu-content-con {
width: 100%;
overflow: hidden;
display: block;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.is-toggle > .tabs-menu > .tab-menu-con .tab-menu-content-con .tab-menu-content {
width: 100%;
display: block;
}
.dzs-tabs.is-toggle .tabs-content {
display: none;
}
.dzs-tabs:after {
content: "";
clear: both;
display: block;
} .dzs-tabs.skin-default > .tabs-menu {
font-weight: bold;
}
.dzs-tabs.skin-default > .tabs-menu > .tab-menu-con > .tab-menu {
padding: 6px 6px;
border-bottom: 3px solid transparent;
transition-property: border-color;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-default > .tabs-menu > .tab-menu-con.active > .tab-menu {
border-bottom: 3px solid #cb1919;
}
.dzs-tabs.skin-default > .tabs-menu > .tab-menu-con.active > .tab-menu-content-con {
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-default > .tabs-content {
border-top: 1px solid rgba(200, 200, 200, 0.2);
padding-top: 25px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-default > .tabs-content > .tab-content {
top: 25px;
}
.dzs-tabs.skin-default > .tabs-content > .tab-content.active {
top: 25px;
} .dzs-tabs.skin-blue > .tabs-menu {
font-weight: bold;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu {
padding: 10px 15px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
background-color: #eee;
transition-property: background, color;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu > svg {
width: 15px;
margin-right: 15px;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu > svg circle {
fill: #05abe0;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu > svg .rect-2 {
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu > .the-label, .dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu > svg {
display: inline-block;
vertical-align: middle;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con .tab-menu-content-con {
border: 1px solid rgba(0, 0, 0, 0);
transition-property: border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con:last-child .tab-menu {
border-right: 0px solid rgba(0, 0, 0, 0.2);
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con.active .tab-menu {
background-color: #05abe0;
color: #fafafa;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con.active .tab-menu-content-con {
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con.active .tab-menu > svg .rect-2 {
opacity: 0;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con.active .tab-menu > svg circle {
fill: #fff;
}
.dzs-tabs.skin-blue > .tabs-menu .tab-menu-con.active .tab-menu > svg rect {
fill: #05abe0;
}
.dzs-tabs.skin-blue .tabs-content {
padding-top: 20px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-blue .tabs-content .tab-content {
top: 20px;
}
.dzs-tabs.skin-blue .tabs-content .tab-content.active {
top: 20px;
}
.dzs-tabs.is-toggle.skin-blue .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
padding-left: 45px;
position: relative;
border-right: 0px solid rgba(0, 0, 0, 0.1);
}  .dzs-tabs.skin-chef .tabs-menu .tab-menu-con .tab-menu {
padding: 10px 15px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
background-color: #eee;
transition-property: background, color, border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-chef .tabs-menu .tab-menu-con .tab-menu-content-con > .tab-menu-content {
padding: 20px;
}
.dzs-tabs.skin-chef .tabs-menu .tab-menu-con:last-child .tab-menu {
border-right: 0px solid rgba(0, 0, 0, 0.2);
}
.dzs-tabs.skin-chef .tabs-menu .tab-menu-con.active .tab-menu {
background-color: #d1b97e;
color: #fafafa;
}
.dzs-tabs.skin-chef .tabs-menu .tab-menu-con.active .tab-menu-content-con {
padding: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dzs-tabs.skin-chef .tabs-content {
padding-top: 20px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-chef .tabs-content .tab-content {
top: 20px;
}
.dzs-tabs.skin-chef .tabs-content .tab-content.active {
top: 20px;
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 32px;
position: relative;
border: 1px solid #d3d3d3;
background-color: #f5f5f5;
margin-bottom: 1px;
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con .tab-menu > .plus-sign {
position: absolute;
top: 21px;
left: 10px;
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con .tab-menu > .plus-sign circle, .dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con .tab-menu > .plus-sign rect {
transform-origin: 50% 50%;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con.active .tab-menu {
background-color: #d1b97e;
border: 1px solid rgba(0, 0, 0, 0);
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con.active .plus-sign circle {
fill: #f5f5f5;
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con.active .plus-sign rect {
fill: #d1b97e;
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con.active .plus-sign .rect1 {
transform: scaleY(0);
}
.dzs-tabs.is-toggle.skin-chef .tabs-menu .tab-menu-con.active > .tab-menu-content-con {
border: 1px solid #eeeeee;
margin-bottom: 1px;
} .dzs-tabs.skin-move .tabs-menu {
margin-bottom: 10px;
}
.dzs-tabs.skin-move .tabs-menu .tab-menu-con {
border: 1px solid #7b7b7b;
color: #7b7b7b;
margin-right: 12px;
}
.dzs-tabs.skin-move .tabs-menu .tab-menu-con .tab-menu {
padding: 10px 15px;
width: 100%;
background-color: transparent;
transition-property: background-color, color, padding;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-move .tabs-menu .tab-menu-con:last-child .tab-menu {
border-right: 0px solid rgba(0, 0, 0, 0.2);
}
.dzs-tabs.skin-move .tabs-menu .tab-menu-con.active {
border: 1px solid #59c8ef;
color: #59c8ef;
}
.dzs-tabs.skin-move .tabs-menu .tab-menu-con.active .tab-menu-content-con {
padding: 30px 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-move .tabs-menu .tab-menu-con.active .tab-menu-content-con .tab-menu-content {
padding: 0 15px;
}
.dzs-tabs.skin-move .tabs-content {
color: #cbcbcb;
border: 1px solid #59c8ef;
}
.dzs-tabs.skin-move .tabs-content .tab-content {
padding: 25px 15px;
}
.dzs-tabs.skin-move .color-highlight {
color: #59c8ef;
}
.dzs-tabs.skin-move.tabs-left .tabs-menu {
margin-right: 10px;
}
.dzs-tabs.skin-move.tabs-left .tabs-menu .tab-menu-con {
margin-right: 0px;
margin-bottom: 12px;
}
.dzs-tabs.skin-move.tabs-left .tabs-content {
border: 1px solid #59c8ef;
}
.dzs-tabs.skin-move.tabs-left .tab-menu-con .tab-menu {
text-align: left;
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con {
margin-right: 0px;
margin-bottom: 12px;
width: 100%;
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
position: relative;
border-right: 0px solid rgba(0, 0, 0, 0.1);
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con .tab-menu:before, .dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con .tab-menu:after {
width: 10px;
height: 10px;
position: absolute;
content: "+";
top: 9px;
right: 8px;
background-repeat: none;
background-position: center center;
background-size: cover;
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con .tab-menu:after {
opacity: 0;
visibility: hidden;
content: "-";
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con.active {
color: #cbcbcb;
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con.active .tab-menu {
padding-left: 20px;
color: #59c8ef;
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con.active .tab-menu:before {
opacity: 0;
visibility: hidden;
}
.dzs-tabs.is-toggle.skin-move .tabs-menu .tab-menu-con.active .tab-menu:after {
opacity: 1;
visibility: visible;
} .dzs-tabs.skin-melbourne .tabs-menu {
font-weight: bold;
margin-bottom: 10px;
}
.dzs-tabs.skin-melbourne .tabs-menu .tab-menu-con {
border: 1px solid #7b7b7b;
color: #7b7b7b;
margin-right: 12px;
}
.dzs-tabs.skin-melbourne .tabs-menu .tab-menu-con .tab-menu {
padding: 10px 15px;
width: 100%;
background-color: transparent;
transition-property: background-color, color, padding;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-melbourne .tabs-menu .tab-menu-con:last-child .tab-menu {
border-right: 0px solid rgba(0, 0, 0, 0.2);
}
.dzs-tabs.skin-melbourne .tabs-menu .tab-menu-con.active {
border: 1px solid #a59c8e;
color: #a59c8e;
}
.dzs-tabs.skin-melbourne .tabs-menu .tab-menu-con.active .tab-menu-content-con {
padding: 30px 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.dzs-tabs.skin-melbourne .tabs-menu .tab-menu-con.active .tab-menu-content-con .tab-menu-content {
padding: 0 15px;
}
.dzs-tabs.skin-melbourne.tabswidth-fullwidth .tabs-menu .tab-menu-con {
margin-right: 0;
}
.dzs-tabs.skin-melbourne.tabswidth-fullwidth .tabs-menu .tab-menu-con + .tab-menu-con {
border-left: 0;
}
.dzs-tabs.skin-melbourne .tabs-content {
color: #cbcbcb;
border: 1px solid #a59c8e;
}
.dzs-tabs.skin-melbourne .tabs-content .tab-content {
padding: 25px 15px;
}
.dzs-tabs.skin-melbourne .color-highlight {
color: #a59c8e;
}
.dzs-tabs.skin-melbourne.tabs-left .tabs-menu {
margin-right: 10px;
}
.dzs-tabs.skin-melbourne.tabs-left .tabs-menu .tab-menu-con {
margin-right: 0px;
margin-bottom: 12px;
}
.dzs-tabs.skin-melbourne.tabs-left .tabs-content {
border: 1px solid #a59c8e;
}
.dzs-tabs.skin-melbourne.tabs-left .tab-menu-con .tab-menu {
text-align: left;
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con {
margin-right: 0px;
margin-bottom: 12px;
width: 100%;
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
position: relative;
border-right: 0px solid rgba(0, 0, 0, 0.1);
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con .tab-menu:before, .dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con .tab-menu:after {
width: 10px;
height: 10px;
position: absolute;
content: "+";
top: 9px;
right: 8px;
background-repeat: none;
background-position: center center;
background-size: cover;
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con .tab-menu:after {
opacity: 0;
visibility: hidden;
content: "-";
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con.active {
color: #cbcbcb;
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con.active .tab-menu {
color: #a59c8e;
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con.active .tab-menu:before {
opacity: 0;
visibility: hidden;
}
.dzs-tabs.is-toggle.skin-melbourne .tabs-menu .tab-menu-con.active .tab-menu:after {
opacity: 1;
visibility: visible;
}
.dzs-tabs.skin-box .tabs-menu {
position: relative;
font-weight: bold;
}
.dzs-tabs.skin-box .tabs-menu .tab-menu-con {
border: 1px solid rgba(0, 0, 0, 0.3);
border-left: 0px solid rgba(0, 0, 0, 0.3);
background: #fff;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-box .tabs-menu .tab-menu-con .tab-menu {
padding: 10px 14px;
color: #111;
}
.dzs-tabs.skin-box .tabs-menu .tab-menu-con .tab-menu-content-con {
font-weight: 400;
}
.dzs-tabs.skin-box .tabs-menu .tab-menu-con:first-child {
border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.dzs-tabs.skin-box .tabs-menu .tab-menu-con.active {
border-bottom: 1px solid #fff;
}
.dzs-tabs.skin-box .tabs-content {
margin-top: -1px;
}
.dzs-tabs.skin-box .tabs-content .tab-content {
padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #fff;
}
.dzs-tabs.skin-box.is-toggle > .tabs-menu > .tab-menu-con, .dzs-tabs.skin-box.is-toggle > .tabs-menu .tab-menu-con.active {
border: 1px solid rgba(0, 0, 0, 0.3);
margin-bottom: 5px;
}
.dzs-tabs.skin-box.is-toggle > .tabs-menu > .tab-menu-con > .tab-menu, .dzs-tabs.skin-box.is-toggle > .tabs-menu .tab-menu-con.active > .tab-menu {
padding-left: 30px;
position: relative;
width: 100%;
text-align: left;
}
.dzs-tabs.skin-box.is-toggle > .tabs-menu > .tab-menu-con > .tab-menu:before, .dzs-tabs.skin-box.is-toggle > .tabs-menu .tab-menu-con.active > .tab-menu:before {
content: "+";
position: absolute;
left: 12px;
top: 10px;
font-weight: normal;
font-size: 18px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
font-family: Courier New, Arial;
opacity: 0.5;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-box.is-toggle > .tabs-menu > .tab-menu-con > .tab-menu-content-con, .dzs-tabs.skin-box.is-toggle > .tabs-menu .tab-menu-con.active > .tab-menu-content-con {
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: ease-out-quart;
}
.dzs-tabs.skin-box.is-toggle > .tabs-menu > .tab-menu-con > .tab-menu-content-con .tab-menu-content, .dzs-tabs.skin-box.is-toggle > .tabs-menu .tab-menu-con.active > .tab-menu-content-con .tab-menu-content {
padding: 10px 15px 15px;
color: #111;
}
.dzs-tabs.skin-box.is-toggle > .tabs-menu > .tab-menu-con.active .tab-menu:before {
transform: rotate(43deg);
-webkit-transform: rotate(45deg);
}
.dzs-tabs.skin-box-alternate {
padding: 0;
color: #222222;
}
.dzs-tabs.skin-box-alternate .tabs-content .tab-content {
padding: 15px 20px;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con:first-child {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con:last-child:after {
display: none;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-right: 0px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con:after {
content: "";
position: absolute;
top: 30%;
height: 40%;
width: 1px;
background-color: rgba(0, 0, 0, 0.1);
right: 0;
}
.dzs-tabs.skin-box-alternate .tabs-content .tab-content {
border-color: rgba(0, 0, 0, 0.1);
}
.dzs-tabs.skin-box-alternate .tab-menu .the-label > i {
display: block;
color: #834c40;
font-size: 19px;
margin-bottom: 5px;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con {
vertical-align: bottom;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con > .tab-menu {
padding: 17px 23px;
text-transform: uppercase;
transition-property: padding;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con.active {
background-color: #834c40;
color: #ffffff;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con.active i {
color: inherit;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con.active > .tab-menu {
color: #ffffff;
padding: 21px 28px;
}
.dzs-tabs.skin-box-alternate.is-toggle .tab-menu-con {
vertical-align: bottom;
}
.dzs-tabs.skin-box-alternate.is-toggle .tab-menu-con > .tab-menu {
background-color: #333;
z-index: 5;
color: #ffffff;
}
.dzs-tabs.skin-box-alternate .tabs-menu .tab-menu-con.active {
border-bottom: 0;
}
.dzs-tabs.skin-qcre .tabs-menu {
position: relative;
}
.dzs-tabs.skin-qcre .tabs-menu .plus-sign {
display: none;
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con {
border: 1px solid #DDDDDD;
border-left: 1px solid rgba(0, 0, 0, 0);
background: #fff;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con .tab-menu {
padding: 10px 14px;
color: #999999;
font-family: "Open Sans", arial, serif;
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con .tab-menu > a {
color: #999999;
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con:first-child {
border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con.active {
border-bottom: 1px solid #e74c3c;
border-left: 1px solid #e74c3c;
border-top: 1px solid #e74c3c;
border-right: 1px solid #e74c3c;
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con.active .tab-menu {
background-color: #e74c3c;
color: #FFFFFF;
}
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con.active .tab-menu > a {
color: #FFFFFF;
}
.dzs-tabs.skin-qcre .tabs-content {
margin-top: -1px;
}
.dzs-tabs.skin-qcre .tabs-content .tab-content {
padding: 20px;
border: 1px solid #DDDDDD;
background-color: #fff;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con {
border: 0px solid rgba(0, 0, 0, 0);
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 39px;
position: relative;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
margin-bottom: 1px;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign {
display: inline-block;
position: absolute;
top: 16px;
left: 15px;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign circle, .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign rect {
transform-origin: 50% 50%;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu-content {
padding: 20px;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active .tab-menu {
background-color: #e74c3c;
border: 1px solid rgba(0, 0, 0, 0);
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active .plus-sign circle {
fill: #f5f5f5;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active .plus-sign rect {
fill: #e74c3c;
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active .plus-sign .rect1 {
transform: scaleY(0);
}
.dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active > .tab-menu-content-con {
border: 1px solid #DDDDDD;
margin-bottom: 1px;
}
.dzs-tabs.skin-red .tabs-menu {
font-weight: bold;
}
.dzs-tabs.skin-red .tabs-menu .tab-menu-con {
vertical-align: bottom;
font-size: 15px;
font-weight: 400;
transition-property: font-size;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-red .tabs-menu .tab-menu-con .tab-menu {
padding: 15px;
transition-property: font-size;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-red .tabs-menu .tab-menu-con:hover, .dzs-tabs.skin-red .tabs-menu .tab-menu-con.active {
font-size: 25px;
}
.dzs-tabs.skin-red .tabs-content {
margin-top: 25px;
}
.restaurant-menu-item {
margin-bottom: 19px;
}
.restaurant-menu-item .restaurant-menu-item--image {
float: left;
width: 65px;
margin-right: 15px;
}
.restaurant-menu-item .restaurant-menu-item--image .the-image {
width: 65px;
height: 65px;
background-size: cover;
background-position: center center;
}
.restaurant-menu-item a.restaurant-menu-item--image {
display: block;
position: relative;
overflow: hidden;
}
.restaurant-menu-item a.restaurant-menu-item--image:before {
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility, top;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.restaurant-menu-item a.restaurant-menu-item--image:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
font-family: "FontAwesome";
color: #ffffff;
font-size: 18px;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
margin-top: 10px;
transition-property: opacity, visibility, margin;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.restaurant-menu-item a.restaurant-menu-item--image:hover:before {
top: 0;
}
.restaurant-menu-item a.restaurant-menu-item--image:hover:after {
margin-top: 0px;
}
.restaurant-menu-item a.restaurant-menu-item--image:hover:before, .restaurant-menu-item a.restaurant-menu-item--image:hover:after {
opacity: 1;
visibility: visible;
}
.restaurant-menu-item .restaurant-menu-item--content {
overflow: hidden;
}
.restaurant-menu-item .the-title {
font-size: 20px;
font-weight: 700;
color: #222222;
float: left;
margin-right: 10px;
margin-top: -1px;
}
.restaurant-menu-item .the-price {
font-size: 19px;
font-weight: bold;
font-family: "Open Sans", serif;
color: #222222;
float: right;
margin-left: 10px;
}
.restaurant-menu-item .dots {
display: block;
overflow: hidden;
background-image: url(//www.wdbs.info/wp-content/plugins/dzs-videogallery/libs/dzstabsandaccordions/assets/img/dot2px.svg);
height: 2px;
position: relative;
top: 24px;
}
.restaurant-menu-item .the-ingredients {
font-weight: bold;
font-family: "Open Sans", serif;
font-size: 14px;
font-style: italic;
}
.restaurant-menu-item .the-ingredients {
float: left;
color: #777777;
font-weight: bold;
font-family: "Open Sans", serif;
font-size: 14px;
margin-top: -5px;
font-style: italic;
}
.restaurant-menu-item .the-mentions {
float: right;
font-size: 0;
}
.restaurant-menu-item .the-mentions .mention {
display: inline-block;
margin-left: 1px;
font-weight: 700;
font-family: "Lato", serif;
font-size: 11px;
background-color: #ff8000;
color: #ffffff;
line-height: 1;
padding: 4px 5px;
}
.restaurant-menu-item:after {
content: "";
display: block;
clear: both;
}
.bg-pattern {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-blend-mode: darken;
}
.bg-pattern .gradient-pattern-over {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
right: 0; background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, white 100%); }
.dzs-tabs.skin-menu .tabs-menu {
position: relative;
background-color: #EEEEEE;
padding: 20px;
text-align: center;
}
.dzs-tabs.skin-menu .tabs-menu .plus-sign {
display: none;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con {
border: 0px solid #DDDDDD;
border-left: 0px solid rgba(0, 0, 0, 0);
background-color: transparent;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
position: relative;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con .tab-menu {
padding: 1px 6px;
color: #222;
font-size: 14px;
font-weight: bold;
font-family: "Lato", arial, serif;
background-color: rgba(231, 76, 60, 0);
transition-property: color, background;
transition-duration: 0.25s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con .tab-menu a {
color: inherit;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con:before {
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #e74c3c;
position: absolute;
top: 100%;
left: 50%;
margin-left: -7px;
opacity: 0;
transition-property: opacity;
transition-duration: 0.25s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con:first-child {
border-left: 0px solid rgba(0, 0, 0, 0.3);
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con.active, .dzs-tabs.skin-menu .tabs-menu .tab-menu-con:hover {
border-bottom: 0px solid #e74c3c;
border-left: 0px solid #e74c3c;
border-top: 0px solid #e74c3c;
border-right: 0px solid #e74c3c;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con.active .tab-menu, .dzs-tabs.skin-menu .tabs-menu .tab-menu-con:hover .tab-menu {
background-color: #e74c3c;
color: #FFFFFF;
}
.dzs-tabs.skin-menu .tabs-menu .tab-menu-con.active:before, .dzs-tabs.skin-menu .tabs-menu .tab-menu-con:hover:before {
opacity: 1;
}
.dzs-tabs.skin-menu .tabs-content {
margin-top: -1px;
}
.dzs-tabs.skin-menu .tabs-content .tab-content {
padding: 39px 0 0;
border: 0px solid #DDDDDD;
background-color: transparent;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con {
border: 1px solid rgba(0, 0, 0, 0);
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 39px;
position: relative;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
margin-bottom: 1px;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign {
display: inline-block;
position: absolute;
top: 16px;
left: 15px;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign circle, .dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign rect {
transform-origin: 50% 50%;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con .tab-menu-content {
padding: 20px;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con.active .tab-menu {
background-color: #e74c3c;
border: 1px solid rgba(0, 0, 0, 0);
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con.active .plus-sign circle {
fill: #f5f5f5;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con.active .plus-sign rect {
fill: #e74c3c;
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con.active .plus-sign .rect1 {
transform: scaleY(0);
}
.dzs-tabs.skin-menu.is-toggle .tabs-menu .tab-menu-con.active > .tab-menu-content-con {
border: 1px solid #DDDDDD;
margin-bottom: 1px;
}
.dzs-tabs.skin-roundcolt .tabs-menu {
position: relative;
}
.dzs-tabs.skin-roundcolt .tabs-menu .plus-sign {
display: none;
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con {
border: 0px solid #DDDDDD;
border-left: 0px solid rgba(0, 0, 0, 0);
background-color: transparent;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
position: relative;
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con .tab-menu {
line-height: 1;
padding: 12px 16px;
border-radius: 8px;
color: #222;
font-size: 15px;
font-weight: bold;
font-family: "Lato", arial, serif;
background-color: rgba(231, 76, 60, 0);
transition-property: color, background;
transition-duration: 0.25s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con .tab-menu a {
color: inherit;
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con + .tab-menu-con {
margin-left: 10px;
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con:first-child {
border-left: 0px solid rgba(0, 0, 0, 0.3);
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con.active .tab-menu, .dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con:hover .tab-menu {
background-color: #e74c3c;
color: #FFFFFF;
}
.dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con.active:before, .dzs-tabs.skin-roundcolt .tabs-menu .tab-menu-con:hover:before {
opacity: 1;
}
.dzs-tabs.skin-roundcolt .tabs-content {
margin-top: -1px;
}
.dzs-tabs.skin-roundcolt .tabs-content .tab-content {
padding-top: 15px;
border: 0px solid #DDDDDD;
background-color: transparent;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu { }
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con {
border: 1px solid rgba(0, 0, 0, 0);
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con .tab-menu {
width: 100%;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 39px;
position: relative;
margin-bottom: 1px;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign {
display: inline-block;
position: absolute;
top: 16px;
left: 15px;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign circle, .dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign rect {
transform-origin: 50% 50%;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con .tab-menu-content {
padding: 20px;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con.active .plus-sign circle {
fill: #f5f5f5;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con.active .plus-sign rect {
fill: #e74c3c;
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con.active .plus-sign .rect1 {
transform: scaleY(0);
}
.dzs-tabs.skin-roundcolt.is-toggle .tabs-menu .tab-menu-con.active > .tab-menu-content-con {
margin-bottom: 1px;
}
.dzs-tabs.skin-events h3 {
padding: 0;
margin-top: 0;
text-align: left;
margin-bottom: 5px;
font-size: 20px;
}
.dzs-tabs.skin-events .tab-menu-con {
background-color: rgba(15, 15, 15, 0.2);
margin-bottom: 10px;
position: relative;
transition-property: background, color;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .tab-menu-con .tab-menu {
padding: 0;
display: block;
}
.dzs-tabs.skin-events .tab-menu-con .tab-menu:after {
content: "";
display: block;
clear: both;
}
.dzs-tabs.skin-events .post-date {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
transition-property: width;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .post-date .post-date--day {
font-size: 23px;
margin-bottom: 3px;
font-weight: bold;
display: block;
}
.dzs-tabs.skin-events .post-date .post-date--month {
text-transform: uppercase;
display: block;
}
.dzs-tabs.skin-events .post-date .the-image-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
}
.dzs-tabs.skin-events .post-date .the-color-bg {
background-color: #948E6B;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.7;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .post-date .post-date--text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .post-date--placeholder {
float: left;
width: 70px;
height: 70px;
margin-right: 10px;
transition-property: width;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .content-right {
position: absolute;
right: 33px;
top: 50%;
transform: translateY(-50%);
width: 93px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .content-right .button {
max-width: none;
width: 100%;
position: relative;
text-align: center;
}
.dzs-tabs.skin-events .post-meta {
overflow: hidden;
padding: 10px 5px;
text-align: left;
transition-property: padding;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .post-meta--location, .dzs-tabs.skin-events .post-meta--hour {
font-size: 11px;
}
.dzs-tabs.skin-events .post-meta--location > i, .dzs-tabs.skin-events .post-meta--location > .the-text, .dzs-tabs.skin-events .post-meta--hour > i, .dzs-tabs.skin-events .post-meta--hour > .the-text {
display: inline-block;
vertical-align: middle;
}
.dzs-tabs.skin-events .post-meta--location > i, .dzs-tabs.skin-events .post-meta--hour > i {
font-size: 14px;
margin-right: 5px;
}
.dzs-tabs.skin-events .post-meta--location {
margin-right: 10px;
}
.dzs-tabs.skin-events .tab-menu-content-con {
display: none !important;
}
.dzs-tabs.skin-events .circle1, .dzs-tabs.skin-events .circle2, .dzs-tabs.skin-events .circle3 {
position: absolute;
right: 15px;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.3);
pointer-events: none;
transition-property: margin, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.dzs-tabs.skin-events .circle1 {
margin-top: -10px;
}
.dzs-tabs.skin-events .circle3 {
margin-top: 10px;
transition-delay: 0.1s;
}
.dzs-tabs.skin-events .tab-menu-con:hover {
background-color: rgba(15, 15, 15, 0.3);
}
.dzs-tabs.skin-events .tab-menu-con:hover .circle1 {
margin-top: 0;
}
.dzs-tabs.skin-events .tab-menu-con:hover .circle3 {
margin-top: 0;
}
.dzs-tabs.skin-events .tab-menu-con.active {
background-color: #ffffff;
color: #222222;
}
.dzs-tabs.skin-events .tab-menu-con.active .post-date {
width: 100%;
height: 100px;
}
.dzs-tabs.skin-events .tab-menu-con.active .post-date--placeholder {
width: 0;
}
.dzs-tabs.skin-events .tab-menu-con.active .the-color-bg {
opacity: 0;
}
.dzs-tabs.skin-events .tab-menu-con.active .post-date--text {
opacity: 0;
}
.dzs-tabs.skin-events .tab-menu-con.active .post-meta {
padding: 120px 10px 20px;
}
.dzs-tabs.skin-events .tab-menu-con.active .content-right {
margin-top: 7px;
}
.dzs-tabs.skin-events .tab-menu-con.active .circle1, .dzs-tabs.skin-events .tab-menu-con.active .circle2, .dzs-tabs.skin-events .tab-menu-con.active .circle3 {
opacity: 0;
}
.container-absolute {
max-width: 1170px;
width: 100%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate3d(-50%, 0, 0);
height: 100%;
}
.position-relative {
position: relative;
}
.dzs-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1170px;
margin: 0 auto;
}
.dzs-row {
margin-right: -15px;
margin-left: -15px;
}
.dzs-row:after {
content: "";
display: block;
clear: both;
}
.dzs-col-md-12, .dzs-col-md-6, .dzs-col-md-4, .dzs-col-xs-12, .dzs-col-xs-6, .dzs-col-xs-4, .dzs-col-xs-4 {
position: relative;
padding-right: 15px;
padding-left: 15px;
float: left;
}
.dzs-col-md-12, .dzs-col-xs-12 {
width: 100%;
}
.dzs-col-md-6, .dzs-col-xs-6 {
width: 50%;
}
.dzs-col-md-4, .dzs-col-xs-4 {
width: 33.333%;
}
.dzs-col-md-3, .dzs-col-xs-3 {
width: 25%;
}
.dzs-row[data-column_padding="10"] {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 10px;
}
.dzs-row[data-column_padding="10"] .dzs-col-md-12, .dzs-row[data-column_padding="10"] .dzs-col-sz-12, .dzs-row[data-column_padding="10"] .dzs-col-md-6, .dzs-row[data-column_padding="10"] .dzs-col-xs-12, .dzs-row[data-column_padding="10"] .dzs-col-xs-6, .dzs-row[data-column_padding="10"] .dzs-col-xs-4, .dzs-row[data-column_padding="10"] .dzs-col-xs-4 {
padding-right: 5px;
padding-left: 5px;
}
a.dzs-button {
display: inline-block;
text-align: center;
cursor: pointer;
}
.button--vive {
white-space: nowrap;
background-color: #e74c3c;
border-radius: 6px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
padding: 6px 12px;
color: #ffffff;
transition-property: color;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.button--vive:hover {
color: #eee;
}
.dzs-button.smaller-padding {
padding: 3px 15px 5px;
}
.dzs-button.dashed-border {
border-style: dashed;
}
.divimage-align-right-bottom {
background-repeat: no-repeat;
background-position: bottom right;
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
right: -70px;
}
.bg-image-cover {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 300px;
}
.waiting-read-more-click {
display: none;
}
.clear {
clear: both;
}
.dzstaa-all-tabs-content-visible > .tabs-menu > .tab-menu-con .tab-menu-content-con {
display: block;
height: auto !important;
}.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 15px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}
.item-meta-secondary:empty {
display: none;
}
.feedbacker {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
position: fixed;
background-color: #EEEEEE;
color: #443f3f;
padding: 15px 20px;
z-index: 7;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.feedbacker.active {
opacity: 1;
visibility: visible;
}
.screenshot-canvas-con:not(.debug-mode) {
opacity: 0;
height: 0;
}
.btn-zoomsounds {
padding: 7px 10px;
border-radius: 3px;
line-height: 1;
white-space: nowrap;
margin-right: 5px;
font-weight: bold;
color: #222222;
text-decoration: none;
position: relative;
font-size: 13px;
cursor: pointer;
transition-property: color, background, border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.btn-zoomsounds > * {
display: inline-block;
vertical-align: middle;
position: relative;
}
.btn-zoomsounds > .the-icon {
margin-right: 6px;
}
.btn-zoomsounds > .the-icon > svg {
display: block;
}
.btn-zoomsounds > .the-icon > svg path, .btn-zoomsounds > .the-icon > svg polygon, .btn-zoomsounds > .the-icon > svg polyline {
fill: #444;
transition-property: fill;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.btn-zoomsounds .show-on-active {
display: none;
}
.btn-zoomsounds.btn-itunes {
color: #ffffff;
}
.btn-zoomsounds.btn-itunes:before {
background-color: #4e7596;
}
.btn-zoomsounds:hover:before {
transform: scale(0.93);
}
.btn-zoomsounds.btn-like:hover .the-icon > svg path, .btn-zoomsounds.btn-like.active .the-icon > svg path {
fill: #cb1919;
}
.btn-zoomsounds.btn-like.active {
color: #aaaaaa;
}
.btn-zoomsounds.active .hide-on-active {
display: none;
}
.btn-zoomsounds.active .show-on-active {
display: inherit;
}
a.btn-zoomsounds, span.btn-zoomsounds {
display: inline-block;
text-decoration: none;
}
.zfolio.skin-silver .selector-con .a-category, .zfolio.skin-melbourne .selector-con .a-category, .zfolio.skin-gazelia .selector-con .a-category, .zfolio.skin-qcre .selector-con .a-category, .zfolio.skin-lazarus .selector-con .a-category, .zfolio.skin-alba .selector-con .a-category, .zfolio.skin-forwall .selector-con .a-category {
color: #222222;
}
.zfolio.skin-silver .selector-con .a-category.active, .zfolio.skin-melbourne .selector-con .a-category.active, .zfolio.skin-gazelia .selector-con .a-category.active, .zfolio.skin-qcre .selector-con .a-category.active, .zfolio.skin-lazarus .selector-con .a-category.active, .zfolio.skin-alba .selector-con .a-category.active, .zfolio.skin-forwall .selector-con .a-category:hover, .zfolio.skin-forwall .selector-con .a-category.active {
color: #ffffff;
} .dzspb_lay_con, .dzspb_layb_layout {
position: relative;
margin-left: -15px;
margin-right: -15px;
width: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dzspb_lay_con + .dzspb_lay_con, .dzspb_layb_layout + .dzspb_lay_con {
margin-top: 15px;
}
.dzspb_lay_con:after, .dzspb_layb_layout:after {
display: block;
content: " ";
clear: both;
}
.dzspb_lay_con *, .dzspb_layb_layout * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dzspb_layb_one_full {
padding-right: 15px;
padding-left: 15px;
}
.dzspb_layb_one_half {
width: 50%;
}
.dzspb_layb_one_third {
width: 33.3333%;
}
.dzspb_layb_two_third {
width: 66.6666%;
}
.dzspb_layb_one_fourth {
width: 25%;
}
.dzspb_layb_three_fourth {
width: 75%;
}
.dzspb_layb_one_fifth {
width: 20%;
}
.dzspb_layb_two_fifth {
width: 40%;
}
.dzspb_layb_three_fifth {
width: 60%;
}
.dzspb_layb_four_fifth {
width: 80%;
}
.dzspb_layb_one_sixth {
width: 16.6%;
}
.dzspb_layb_five_sixth {
width: 83.3%;
}
.dzspb_layb_one_half, .dzspb_layb_one_third, .dzspb_layb_two_third, .dzspb_layb_three_fourth, .dzspb_layb_one_fourth, .dzspb_layb_one_fifth, .dzspb_layb_two_fifth, .dzspb_layb_three_fifth, .dzspb_layb_four_fifth, .dzspb_layb_one_sixth, .dzspb_layb_five_sixth {
position: relative;
padding-right: 15px;
padding-left: 15px;
float: left;
}
.clearboth {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
.dzspb_layb_layout:after {
content: "";
display: block;
clear: both;
}
hr.dzspb-separator {
width: 100%;
height: 1px;
display: block;
line-height: 1.5;
background-color: rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 480px) {
.dzspb_layb_one_half, .dzspb_layb_one_third, .dzspb_layb_two_third, .dzspb_layb_three_fourth, .dzspb_layb_one_fourth, .dzspb_layb_one_fifth, .dzspb_layb_two_fifth, .dzspb_layb_three_fifth, .dzspb_layb_four_fifth, .dzspb_layb_one_sixth, .dzspb_layb_five_sixth {
position: relative;
width: 100%;
margin-left: 2%;
margin-right: 2%;
float: none;
display: block;
}
.dzspb_lay_con {
margin-top: 10px;
}
}
.mainvp-con {
margin-bottom: 10px;
}
.extra-html {
margin-top: 15px;
margin-bottom: 15px;
font-size: 18px;
opacity: 0;
visibility: hidden;
color: #555;
-webkit-transform: translateY(20px);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: all;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: all;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
}
.extra-html.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
}
.extra-html:after {
display: block;
clear: both;
content: " ";
}
.star-rating-con {
position: relative;
display: inline-block;
line-height: 1;
float: none;
width: 120px;
margin-left: -3px;
cursor: pointer;
opacity: 1;
transition-property: opacity;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.star-rating-con .rating-bg, .star-rating-con .rating-prog {
position: relative;
display: block;
height: 15px;
}
.star-rating-con .rating-bg .rating-inner, .star-rating-con .rating-prog .rating-inner {
width: 120px;
display: flex;
height: 100%;
}
.star-rating-con .rating-bg svg, .star-rating-con .rating-prog svg {
height: 100%;
transform: scale(1);
transition-property: transform;
transition-duration: 0.2s;
transition-timing-function: ease-out;
}
.star-rating-con .rating-bg svg path, .star-rating-con .rating-prog svg path {
fill: #aaa;
}
.star-rating-con .rating-bg svg:nth-child(1), .star-rating-con .rating-prog svg:nth-child(1) {
transition-delay: 0.05s;
}
.star-rating-con .rating-bg svg:nth-child(2), .star-rating-con .rating-prog svg:nth-child(2) {
transition-delay: 0.1s;
}
.star-rating-con .rating-bg svg:nth-child(3), .star-rating-con .rating-prog svg:nth-child(3) {
transition-delay: 0.15s;
}
.star-rating-con .rating-bg svg:nth-child(4), .star-rating-con .rating-prog svg:nth-child(4) {
transition-delay: 0.2s;
}
.star-rating-con .rating-bg svg:nth-child(5), .star-rating-con .rating-prog svg:nth-child(5) {
transition-delay: 0.25s;
}
.star-rating-con.just-rated {
opacity: 0.7;
}
.star-rating-con.just-rated svg {
transform: scale(1.25);
}
.star-rating-con .rating-prog {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 0%;
transition-property: width;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.star-rating-con .rating-prog svg path {
fill: #DB5F66;
}
.extra-html--videoitem > div[class^=counter-] {
line-height: 1;
float: right;
margin-right: 5px;
margin-left: 10px;
}
.extra-html--videoitem > div[class^=counter-] .the-number {
font-size: 13px;
font-weight: bold;
}
.extra-html--videoitem > div[class^=counter-] > i {
margin-right: 5px;
display: inline-block;
vertical-align: baseline;
}
.extra-html--videoitem > div[class^=counter-] .the-label > * {
display: inline-block;
vertical-align: baseline;
}
.float-right {
float: right;
}
.login-box {
position: relative;
margin-right: 10px;
font-size: 11px;
font-family: Arial, sans-serif;
}
.login-box .login-button {
padding-right: 15px;
cursor: pointer;
background: transparent url(//www.wdbs.info/wp-content/plugins/dzs-videogallery/images/arrowdown-login.png) center right no-repeat;
display: inline-block;
font-size: 16px;
}
.login-box .login-form {
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding: 10px 10px 0;
border-radius: 5px;
top: 25px;
left: -70px;
background: #fff;
width: 160px;
z-index: 505;
opacity: 0;
visibility: hidden;
transition-property: visibility, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: visibility, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: visibility, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: visibility, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: visibility, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
}
.login-box .login-form.visible {
opacity: 1;
visibility: visible;
}
.login-box .login-form:after, .login-box .login-form:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.login-box .login-form:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #fff;
border-width: 8px;
left: 75%;
margin-left: -8px;
}
.login-box .login-form:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: rgba(0, 0, 0, 0.1);
border-width: 10px;
left: 75%;
margin-left: -10px;
}
.login-box .login-form input[type=text],
.login-box .login-form input[type=password] {
width: 150px;
font-size: 11px;
}
.login-box .login-form label, .login-box .login-form .login-btn {
font-size: 11px;
}
.login-box .login-form p {
display: block;
margin-bottom: 7px;
}
.login-box .login-form form {
margin-bottom: 5px;
}
.login-box .login-form label[for=rememberme] {
float: left;
position: relative;
top: 5px;
}
.login-box .login-form .login-btn {
float: right;
}
.login-box .login-form .login-btn {
width: 60px;
text-transform: none;
padding: 7px 12px;
height: auto;
}
.login-box .login-form .register-btn {
width: 100%;
width: calc(100% + 20px);
display: block;
position: relative;
left: -10px;
padding: 4px 10px;
background: #f4f4f4;
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.login-box .login-form .login-btn.logout-btn {
width: 100%;
margin-bottom: 10px;
float: none;
border: 1px solid #CCCCCC;
padding: 4px 12px;
height: auto;
text-align: center;
text-decoration: none;
line-height: 14px;
color: #777;
border-radius: 3px;
cursor: pointer;
font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
outline: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset;
display: block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f4f4f4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e5e5e5));
background: -webkit-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
background: -o-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
background: linear-gradient(to bottom, #f4f4f4 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f4f4", endColorstr="#e5e5e5",GradientType=0 );
opacity: 0.9;
}
.login-box .login-form .login-btn.logout-btn:hover {
opacity: 1;
}
.login-box .login-form .register-btn.forlogout {
margin-top: 5px;
} .login-box a.fb-login {
display: block;
width: 140px;
text-align: center;
background: #3B5998;
color: #fff;
padding: 5px 0;
margin-bottom: 5px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}
.login-box a.fb-login:visited {
color: #fff;
text-decoration: none;
}
.login-box a.fb-login:hover {
color: #fff;
text-decoration: none;
} .dzsvp-page-upload--mainuploader input[type=button] {
height: 34px;
padding-top: 5px;
} .select-hidden-metastyle {
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.select-hidden-metastyle * {
box-sizing: border-box;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.select-hidden-metastyle select, .select-hidden-metastyle .select-wrapper {
display: none;
}
.select-hidden-metastyle .option-con {
position: relative;
display: block;
}
.select-hidden-metastyle .option-con:after {
position: relative;
display: block;
clear: both;
content: " ";
}
.select-hidden-metastyle .option-con > .an-option {
position: relative;
display: block;
float: left;
width: 30%;
padding: 10px 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 11px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
backface-visibility: visible;
background: #fdfdfd;
opacity: 0.7;
cursor: pointer;
}
.select-hidden-metastyle .option-con > .an-option > .an-option-inner {
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 5px 10px;
}
.select-hidden-metastyle .option-con > .an-option.active > .an-option-inner {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
opacity: 1;
}
.select-hidden-metastyle .option-con > .an-option .an-title {
font-weight: normal;
color: #0CC;
font-size: 14px;
}
.select-hidden-metastyle.select-hidden-foritemtype .an-option {
padding: 5px 10px;
margin-bottom: 5px;
width: 33%;
margin-right: 0;
margin-left: 0;
}
.select-hidden-metastyle.select-hidden-foritemtype .an-option .an-desc {
display: none;
}
.select-hidden-metastyle.select-hidden-foritemtype .an-option.active .an-desc {
display: block;
} #buddypress .dzsvp-page-playlists-public-content .activity-list .activity-content, #buddypress .dzsvp-page-playlists-private-content .activity-list .activity-content {
margin-left: 10px;
float: left;
}
.dzsvp-page-playlists-public-content .playlists-edit-btn, .dzsvp-page-playlists-private-content .playlists-edit-btn {
margin-left: 10px;
}
.dzsvp-page-playlists-public-content .playlists-embed-btn, .dzsvp-page-playlists-private-content .playlists-embed-btn {
margin-left: auto;
}
.dzsvp-buddypress-playlists-tab .activity-item--playlist {
display: flex;
align-items: center;
}
.dzsvp-buddypress-playlists-tab .activity-item--playlist .activity-avatar {
float: none;
}
.dzsvp-buddypress-playlists-tab .activity-item--playlist .activity-inner {
margin-top: 0 !important;
opacity: 0.5;
}
.tab-content.active-finished-animation .playlists-con .playlist-btn .playlist-figurer .figurer-item:nth-child(2) {
transform: scale(1) rotate(8deg);
}
.tab-content.active-finished-animation .playlists-con .playlist-btn .playlist-figurer .figurer-item:nth-child(3) {
transform: scale(1) rotate(16deg);
}
.tab-content.active-finished-animation .playlists-con .playlist-btn.active .playlist-figurer .status-confirmer > i {
transform: scale(1) translate3d(-50%, -50%, 0);
}
.playlists-con .playlist-btn {
font-size: 19px;
cursor: pointer;
display: block;
margin-top: 15px;
margin-bottom: 5px;
display: flex;
line-height: 1;
align-items: center;
}
.playlists-con .playlist-btn .playlist-figurer {
width: 90px;
height: 90px;
position: relative;
flex: 0 0 auto;
margin-right: 30px;
}
.playlists-con .playlist-btn .playlist-figurer .figurer-item {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: scale(1) rotate(0deg);
border-radius: 3px;
transition-property: transform;
transition-duration: 0.4s;
transition-timing-function: ease-out;
}
.playlists-con .playlist-btn .playlist-figurer .figurer-item:nth-child(1) {
z-index: 4;
}
.playlists-con .playlist-btn .playlist-figurer .figurer-item:nth-child(2) {
z-index: 3;
}
.playlists-con .playlist-btn .playlist-figurer .figurer-item:nth-child(3) {
z-index: 2;
}
.playlists-con .playlist-btn .playlist-figurer .status-confirmer {
border-radius: 50%;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 5;
background-color: rgba(200, 200, 200, 0.7);
border: 2px solid rgba(50, 50, 50, 0.3);
}
.playlists-con .playlist-btn .playlist-figurer .status-confirmer > i {
font-size: 17px;
color: #5f785b;
opacity: 0.7;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: scale(0) translate3d(-50%, -50%, 0);
transform-origin: top left;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.playlists-con .playlist-btn .playlist-meta {
flex: 1000;
}
.playlists-con .playlist-btn .playlist-meta .playlist-name {
font-size: 21px;
font-weight: bold;
}
.playlists-con .playlist-btn .playlist-meta .playlist-author {
margin-top: 6px;
font-size: 12px;
}
.playlists-con .playlist-btn .playlist-meta .playlist-count {
margin-top: 30px;
font-size: 11px;
opacity: 0.5;
}
.playlists-con .playlist-btn .playlist-date {
align-self: flex-start;
font-size: 11px;
opacity: 0.5;
}
.playlist-btn + .playlist-btn {
margin-top: 30px;
}
.playlists-con .playlist-btn fig.the-status {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
width: 16px;
height: 16px;
background: #fff;
border: 2px solid rgba(0, 200, 0, 0.5);
border-radius: 50%;
}
.playlists-con .playlist-btn.active fig.the-status {
background: rgba(0, 200, 0, 0.1);
}
.dzsvp-page-content-playlist-edit--delete-form {
position: absolute;
right: 0;
top: 0;
}
.simple-fade-carousel {
position: relative;
}
.simple-fade-carousel .carousel-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
visibility: hidden;
opacity: 0;
-moz-transition-property: visibility, opacity;
-moz-transition-duration: 1s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: visibility, opacity;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: visibility, opacity;
-o-transition-duration: 1s;
-o-transition-timing-function: ease-out;
-ms-transition-property: visibility, opacity;
-ms-transition-duration: 1s;
-ms-transition-timing-function: ease-out;
}
.simple-fade-carousel .carousel-item.active {
opacity: 1;
visibility: visible;
}
*.dzsvp-page-upload--mainuploader {
position: relative;
}
*.dzsvp-page-upload--mainuploader *.type-video, .dzsvp-page-upload--mainuploader *.type-vimeo, .dzsvp-page-upload--mainuploader *.type-youtube {
display: none !important;
opacity: 0;
transition-property: visibility, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
-moz-transition-property: visibility, opacity;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-out;
-webkit-transition-property: visibility, opacity;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-property: visibility, opacity;
-o-transition-duration: 0.3s;
-o-transition-timing-function: ease-out;
-ms-transition-property: visibility, opacity;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease-out;
}
*.dzsvp-page-upload--mainuploader.type-video *.type-video, .dzsvp-page-upload--mainuploader.type-vimeo *.type-vimeo, .dzsvp-page-upload--mainuploader.type-youtube *.type-youtube {
opacity: 1;
}
*.dzsvp-page-upload--mainuploader.type-video div.type-video, .dzsvp-page-upload--mainuploader.type-vimeo div.type-video.dzsvp-page-upload--mainuploader.type-youtube div.type-youtube {
display: block !important;
}
*.dzsvp-page-upload--mainuploader.type-video span.type-video, .dzsvp-page-upload--mainuploader.type-vimeo span.type-vimeo, .dzsvp-page-upload--mainuploader.type-youtube span.type-youtube {
display: inline-block !important;
}
*.dzsvp-page-upload--mainuploader.phase-one.type-video .not-in-phase-one {
opacity: 0;
}
.share-icon-active {
width: 120px;
margin-right: 5px;
display: inline-block;
}
.dzsvp-code {
margin: 10px;
background: #fafafa;
font-size: 11px;
border: 1px solid #ddd;
padding: 10px;
}
.code p {
margin: 0;
padding: 0;
}
.overflow-it {
overflow: hidden;
}
.table-separator {
display: table;
margin: 15px 0;
}
.table-separator .table-cell {
display: table-cell;
width: 50%;
vertical-align: middle;
height: 1px;
}
.table-separator .table-cell .the-line {
width: 100%;
display: block;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
.table-separator .table-center {
text-align: center;
display: table-cell;
padding: 0 8px;
vertical-align: middle;
color: rgba(50, 50, 50, 0.4);
}
.activity-item--playlist-thumb {
position: absolute;
top: 50%;
left: 0;
width: 50px;
height: 50px;
transform: translate3d(0, -50%, 0);
background-size: cover;
border-radius: 5px;
}
.shortcode-upload.style-new {
opacity: 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new.loaded {
opacity: 1;
}
.shortcode-upload.style-new .bigoption {
font-weight: 700;
}
.shortcode-upload.style-new .submit-track-form > h3 {
text-align: center;
margin-bottom: 30px;
}
.shortcode-upload.style-new .submit-track-form .dzs-upload-type-select {
transform: scale(1);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form button, .shortcode-upload.style-new .submit-track-form input[type=button]:not(.border-button) {
height: auto;
height: auto;
padding: 6px 15px;
margin-left: 15px;
margin-bottom: 0;
line-height: 1.5;
font-size: 11px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form .dzs-upload-con > .simple-input-field, .shortcode-upload.style-new .submit-track-form .dzs-upload-con > .simple-input-field + .dzs-single-upload, .shortcode-upload.style-new .submit-track-form .dzs-upload-con > .dzs-single-upload + .dzs-single-submit {
display: inline-block;
vertical-align: middle;
}
.shortcode-upload.style-new .submit-track-form .id-upload-mp3 + .dzs-single-upload, .shortcode-upload.style-new .submit-track-form .dzs-single-upload + .dzs-single-submit {
transform: scale(1);
width: 70px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form .dzs-single-upload + .dzs-single-submit {
transform: scale(0);
width: 0px;
margin-left: -5px;
}
.shortcode-upload.style-new .submit-track-form .dzs-single-upload.drag-drop {
transform: scale(1);
height: 300px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form .dzs-single-upload.drag-drop .instructions {
transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(1);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in;
}
.shortcode-upload.style-new .submit-track-form .table-separator {
transform: scale(1);
height: 21px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form .submit-con, .shortcode-upload.style-new .submit-track-form .upload-more-con {
display: none;
}
.shortcode-upload.style-new .submit-track-form .setting + .setting {
margin-top: 15px;
}
.shortcode-upload.style-new .submit-track-form .col-md-12 + .setting {
margin-top: 15px;
}
.shortcode-upload.style-new .submit-track-form .single-submit-for-main-media {
display: inline-block;
transform: scale(0);
width: 0px;
margin-left: -5px;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .submit-track-form.type-youtube .single-upload-for-main-media, .shortcode-upload.style-new .submit-track-form.type-vimeo .single-upload-for-main-media {
transform: scale(0);
width: 0px;
margin-left: -5px;
}
.shortcode-upload.style-new .submit-track-form.type-youtube .single-submit-for-main-media, .shortcode-upload.style-new .submit-track-form.type-vimeo .single-submit-for-main-media {
transform: scale(1);
width: 100px;
margin-left: 10px;
}
.shortcode-upload.style-new .submit-track-form.type-youtube .dzs-single-submit, .shortcode-upload.style-new .submit-track-form.type-vimeo .dzs-single-submit {
transform: scale(1);
width: 70px;
margin-left: 0px;
}
.shortcode-upload.style-new .submit-track-form.type-youtube .dzs-single-upload.drag-drop,
.shortcode-upload.style-new .submit-track-form.type-youtube .table-separator, .shortcode-upload.style-new .submit-track-form.type-vimeo .dzs-single-upload.drag-drop,
.shortcode-upload.style-new .submit-track-form.type-vimeo .table-separator {
height: 0;
transform: scale(0);
}
.shortcode-upload.style-new .submit-track-form.type-youtube .dzs-single-upload.drag-drop .instructions,
.shortcode-upload.style-new .submit-track-form.type-youtube .table-separator .instructions, .shortcode-upload.style-new .submit-track-form.type-vimeo .dzs-single-upload.drag-drop .instructions,
.shortcode-upload.style-new .submit-track-form.type-vimeo .table-separator .instructions {
transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(3);
}
.shortcode-upload.style-new .submit-track-form.phase2 .submit-con {
display: block;
}
.shortcode-upload.style-new .submit-track-form.phase2 .dzs-upload-type-select {
transform: scale(0);
}
.shortcode-upload.style-new .submit-track-form.phase2 .main-upload-options-con {
opacity: 1;
}
.shortcode-upload.style-new .cancel-upload-btn,
.shortcode-upload.style-new .cancel-upload-btn + .upload-track-btn {
display: inline-block;
vertical-align: middle;
}
.shortcode-upload.style-new .cancel-upload-btn + .upload-track-btn {
margin-left: 10px;
}
.shortcode-upload.style-new .btn-transparent {
background-color: transparent;
border: 0;
box-shadow: none;
color: #222222;
}
.shortcode-upload.style-new .submit-track-form.type-video .id-upload-mp3 {
display: none;
}
.shortcode-upload.style-new .submit-track-form.type-soundcloud .id-upload-mp3 + .dzs-single-upload {
transform: scale(0);
width: 0;
}
.shortcode-upload.style-new .parameters-con {
max-width: 800px;
margin: 30px auto 15px;
padding: 10px;
}
.shortcode-upload.style-new .parameters-con > .dzs-upload-con {
text-align: center;
transform: scale(1);
opacity: 1;
visibility: visible;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .parameters-con > .dzs-upload-con.disabling {
transform: scale(0);
opacity: 0;
visibility: hidden;
}
.shortcode-upload.style-new .parameters-con .tab-menu {
font-size: 18px;
}
.shortcode-upload.style-new .parameters-con .dzs-single-upload--areadrop {
height: 300px;
}
.shortcode-upload.style-new .parameters-con .dzs-single-upload--areadrop .instructions {
font-size: 15px;
top: 50%;
transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(1);
}
.shortcode-upload.style-new .parameters-con .border-button {
background-color: #888888;
color: #ffffff;
border: 0;
box-shadow: none;
transition-property: color, background;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .parameters-con .border-button:hover {
background-color: #888888;
color: #ffffff;
border: 0;
}
.shortcode-upload.style-new .ui-state-highlight {
height: 40px;
}
.shortcode-upload.style-new .upload-track-options, .shortcode-upload.style-new .ui-state-highlight {
margin-top: 10px;
font-size: 0;
padding: 10px;
position: relative;
border: 1px solid rgba(50, 50, 50, 0.2);
}
.shortcode-upload.style-new .upload-track-options .handle-con, .shortcode-upload.style-new .ui-state-highlight .handle-con {
display: inline-block;
vertical-align: middle;
position: relative;
width: 20px;
height: 20px;
margin-right: 10px;
font-size: 16px;
cursor: pointer;
}
.shortcode-upload.style-new .upload-track-options .handle-con i, .shortcode-upload.style-new .ui-state-highlight .handle-con i {
position: absolute;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
cursor: pointer;
}
.shortcode-upload.style-new .upload-track-options .delete-track-con, .shortcode-upload.style-new .ui-state-highlight .delete-track-con {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #503c50;
position: absolute;
transform: translateY(-50%);
right: 20px;
top: 50%;
}
.shortcode-upload.style-new .upload-track-options .delete-track-con > i, .shortcode-upload.style-new .ui-state-highlight .delete-track-con > i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 13px;
margin-top: -1px;
margin-left: 1px;
}
.shortcode-upload.style-new .upload-track-options .input-con, .shortcode-upload.style-new .ui-state-highlight .input-con {
display: inline-block;
vertical-align: middle;
font-size: 13px;
width: calc(100% - 30px);
}
.shortcode-upload.style-new .upload-track-options .input-con input, .shortcode-upload.style-new .ui-state-highlight .input-con input {
width: 100%;
display: block;
background-color: transparent;
border: 0;
box-shadow: none;
border: 1px dashed rgba(50, 50, 50, 0);
transition-property: border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .upload-track-options .input-con input:focus, .shortcode-upload.style-new .ui-state-highlight .input-con input:focus {
background-color: rgba(200, 200, 200, 0.1);
border: 1px dashed rgba(50, 50, 50, 0.5);
}
.shortcode-upload.style-new .upload-track-options .preloader-bar, .shortcode-upload.style-new .ui-state-highlight .preloader-bar {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: #cb1919;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .upload-track-options.loader-active .preloader-bar, .shortcode-upload.style-new .ui-state-highlight.loader-active .preloader-bar {
height: 10px;
}
.shortcode-upload.style-new .main-upload-options-con {
display: none;
opacity: 0;
transition-property: transform, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .main-upload-options-con .dzs-tabs .tabs-menu .tab-menu-con {
margin-right: 15px;
}
.shortcode-upload.style-new .main-upload-options {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
margin-top: 15px;
}
.shortcode-upload.style-new .main-upload-options .thumb-con {
width: 200px;
float: left;
min-height: 1px;
margin-right: 15px;
}
.shortcode-upload.style-new .main-upload-options .preloader-bar {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: #cb1919;
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.shortcode-upload.style-new .main-upload-options.loader-active .preloader-bar {
height: 10px;
}
.shortcode-upload.style-new .submit-con, .shortcode-upload.style-new .upload-more-con {
margin: 10px;
float: right;
}
.shortcode-upload.style-new .upload-more-con {
float: left;
display: none;
}
.shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap {
display: block;
margin: 0 auto;
text-align: center;
}
.shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap .bigoption {
background-color: #dadada;
border-right-color: rgba(0, 0, 0, 0.1);
}
.shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap .bigoption.active {
background-color: #cb1919;
}
.counter-hits i, .counter-likes i {
font-size: 11px;
display: inline-block;
vertical-align: middle;
}
.dzs-button-simple {
padding: 8px 10px;
line-height: 1;
white-space: nowrap;
color: #ffffff;
font-size: 11px;
cursor: pointer;
background-color: #00a3d9;
border-radius: 5px;
font-size: 11px;
}
span.dzs-button-simple {
display: inline-block;
}
button.dzs-button-simple {
border: 0;
}
@media all and (max-width: 550px) {
.shortcode-upload.style-new .main-upload-options .thumb-con {
float: none;
width: 100%;
margin-bottom: 5px;
}
}
.btn-zoomsounds {
padding: 7px 10px;
border-radius: 3px;
line-height: 1;
white-space: nowrap;
margin-right: 5px;
font-weight: bold;
color: #222222;
text-decoration: none;
font-size: 13px;
cursor: pointer;
transition-property: color, background, border;
transition-duration: 0.3s;
transition-timing-function: ease-out;
background-color: #eeeeee;
}
.btn-zoomsounds:hover, .btn-zoomsounds.active {
background-color: #444444;
color: #fffcfc;
}
.btn-zoomsounds > .the-icon {
margin-right: 6px;
}
.btn-zoomsounds > * {
display: inline-block;
vertical-align: middle;
position: relative;
} .stats-container {
margin-top: 10px;
position: relative;
font-size: 0;
line-height: 0;
padding: 0;
line-height: 1.5;
font-size: 13px;
padding: 10px 15px;
margin-top: 0;
background-color: rgba(30, 30, 30, 0.8);
color: #ffffff;
opacity: 0;
transform: scale(0);
transition-property: transform, opacity, padding, margin;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.stats-container div[class^=hidden-data] {
display: none;
}
.stats-container .col-sm-4 {
text-align: center;
}
.stats-container .the-number {
font-size: 50px;
padding-bottom: 10px;
display: inline-block;
font-weight: 300;
}
.stats-container h6 {
font-size: 9px;
font-weight: 900;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
color: #ffffff;
}
.stats-container .row {
margin-bottom: 0;
}
.stats-container.loaded {
transform: scale(1);
opacity: 1;
margin-top: 15px;
padding: 15px 15px;
}
.stats-container:before {
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 0px solid transparent;
border-top: 8px solid #444444;
content: "";
position: absolute;
top: 0;
left: 0;
}
.stats-container div[class^=trackchart] text {
fill: #fff;
}
.stats-container div[class^=trackchart] svg {
box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}
div.google-visualization-tooltip > ul > li > span {
color: #54535b !important;
}
.dzs-row {
margin-right: -15px;
margin-left: -15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dzs-row * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dzs-row:after {
content: "";
clear: both;
display: block;
height: 1px;
margin-top: -1px;
}
.dzs-col-md-8, .dzs-col-md-6, .dzs-col-md-3, .dzs-col-md-4, .dzs-col-sm-4 {
float: left;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.dzs-col-md-8 {
width: 66.6666%;
}
.dzs-col-md-6 {
width: 50%;
}
.dzs-col-md-4, .dzs-col-sm-4 {
width: 33.3333%;
}
.dzs-col-md-3 {
width: 25%;
} a.btn-flat {
display: inline-flex;
}
.btn-flat {
background-color: #555555;
color: #ffffff;
line-height: 1;
padding: 7px;
align-items: center;
text-transform: uppercase;
}
.btn-flat > * + * {
margin-left: 10px;
}
.btn-flat > .the-icon {
font-size: 12px;
}
.btn-flat > .the-label {
font-size: 11px;
font-weight: bold;
}
.mode-featured {
background-color: #eeeeee;
}
.mode-list .dzsvp-item {
padding: 10px;
background-color: #eaeaea;
}
.mode-list .dzsvp-item + .dzsvp-item {
margin-top: 10px;
}
.zfolio.skin-alba .item-meta-secondary {
display: none;
}
.dzsvg-slider-title {
font-size: 21px;
}
.tags-display-select .dzs-select-wrapper .dzs-select-wrapper-head {
background-color: #ffffff;
border-radius: 3px;
}
.tags-display-scroller {
text-align: center;
color: #444444;
}
.tags-display-scroller .bulletsCon {
display: none;
}
.tags-display-scroller .csc-item {
cursor: pointer;
margin: 0 auto;
color: #444444;
}
.tags-display-scroller .csc-item .csc-item--inner {
position: relative;
}
.tags-display-scroller .csc-item .csc-item--inner .the-bg {
padding-top: 100%;
background-color: rgba(238, 238, 238, 0.82);
background: linear-gradient(135deg, #e0e0e0ee 0%, #f0f0f1ee 100%);
background: linear-gradient(135deg, #ffffffee 0%, #ffffffee 100%);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
border-radius: 5px;
transition-property: border, opacity, transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
opacity: 0.9;
}
.tags-display-scroller .csc-item .csc-item--inner .flex-abs-container {
display: flex !important;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
align-items: center;
justify-content: center;
}
.tags-display-scroller .csc-item .csc-item--inner .csc-item--inner--inner {
position: relative;
}
.tags-display-scroller .csc-item:hover .csc-item--inner .the-bg, .tags-display-scroller .csc-item.active .csc-item--inner .the-bg {
opacity: 1;
transform: scale(0.93);
}
.tags-display-scroller h6 {
font-weight: bold;
margin-top: 5px;
margin-bottom: 0;
opacity: 0.7;
}
.tags-display-scroller .the-icon-con {
white-space: nowrap;
}
.tags-display-scroller .the-icon-con .the-icon {
font-size: 42px;
}
.tags-display-scroller .arrowsCon .arrow-con {
color: #444444;
}
.tags-display-scroller.theme-dark, .tags-display-scroller.theme-dark h6 {
color: #fff9f9;
}
.tags-display-scroller.theme-dark .csc-item {
cursor: pointer;
margin: 0 auto;
}
.tags-display-scroller.theme-dark .csc-item .csc-item--inner {
background: linear-gradient(135deg, rgba(62, 61, 61, 0.9) 0%, rgba(56, 51, 51, 0.95) 100%);
}
.tags-display-scroller .arrowsCon {
font-size: 21px;
}
.dzsvg-div > div[id^=___yt] {
vertical-align: middle !important;
}
.dzsvg-div > div[id^=___yt] > .fluid-video-container {
padding-top: 0;
}
.dzsvg-div > div[id^=___yt] > * {
padding-top: 0 !important;
}