1140 lines
32 KiB
SCSS
1140 lines
32 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
.oxilab-flip-box-body-7-7 .oxilab-flip-box-7 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片2.jpg");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-7 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-7 {
|
|
max-width: 554px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-7:after {
|
|
padding-bottom: 48.194945848375%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-7 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-7-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-7-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-7-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-7-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-7-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-7-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-7 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(164, 86, 86, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-7-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-7-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-7-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 1.3em;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-7-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-7-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-7-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-body-8-8 .oxilab-flip-box-8 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片3.jpg");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-8 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-8 {
|
|
max-width: 554px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-8:after {
|
|
padding-bottom: 66.787003610108%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-8 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-8-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-8-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-8-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-8-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-8-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-8-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-8 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(164, 86, 86, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-8-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-8-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-8-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 1.3em;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-8-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-8-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-8-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-body-9-9 .oxilab-flip-box-9 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片4.jpg");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-9 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-9 {
|
|
max-width: 554px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-9:after {
|
|
padding-bottom: 66.787003610108%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-9 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-9-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-9-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-9-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-9-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-9-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-9-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 16px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-9 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(164, 86, 86, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-9-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-9-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-9-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 1.3em;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-9-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-9-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-9-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-body-10-10 .oxilab-flip-box-10 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/assets/圖片5.jpg");
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.oxilab-flip-box-padding-10 {
|
|
padding: 5px 10px;
|
|
-webkit-transition: opacity 2s linear;
|
|
-moz-transition: opacity 2s linear;
|
|
-ms-transition: opacity 2s linear;
|
|
-o-transition: opacity 2s linear;
|
|
transition: opacity 2s linear;
|
|
-webkit-animation-duration: 2s;
|
|
-moz-animation-duration: 2s;
|
|
-ms-animation-duration: 2s;
|
|
-o-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.oxilab-flip-box-body-10 {
|
|
max-width: 554px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.oxilab-flip-box-body-10:after {
|
|
padding-bottom: 66.787003610108%;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
.oxilab-flip-box-10 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-10-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 50%;
|
|
padding: 10px 5px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
right: 0;
|
|
}
|
|
|
|
.oxilab-flip-box-10-data .oxilab-icon {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-10-data .oxilab-icon-data {
|
|
display: inline-block;
|
|
width: 0px;
|
|
height: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.oxilab-flip-box-10-data .oxilab-icon-data .oxi-icons {
|
|
line-height: 0px;
|
|
font-size: 35px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.oxilab-flip-box-10-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 36px;
|
|
font-family: "Open Sans";
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-10-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 1.3em;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-10 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
background-color: rgba(164, 86, 86, 1);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
-webkit-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-moz-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-o-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
-ms-box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
box-shadow: 0px 2px 8px 0px rgba(235, 232, 232, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-10-data {
|
|
position: absolute;
|
|
left: 0%;
|
|
right: 0;
|
|
top: 50%;
|
|
padding: 10px 10px;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.oxilab-flip-box-back-10-data .oxilab-heading {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 18px;
|
|
font-family: "Open Sans";
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-10-data .oxilab-info {
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: Center;
|
|
font-size: 1.3em;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 6px 6px 6px 6px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-10-data .oxilab-button {
|
|
display: block;
|
|
text-align: Center;
|
|
padding: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.oxilab-flip-box-back-10-data .oxilab-button-data {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-family: "Open Sans";
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 40px;
|
|
-moz-border-radius: 40px;
|
|
-o-border-radius: 40px;
|
|
-ms-border-radius: 40px;
|
|
border-radius: 40px;
|
|
color: #000000;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.oxilab-flip-box-back-10-data .oxilab-button-data:hover {
|
|
background-color: rgba(125, 67, 240, 1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.kb-row-layout-wrap,.kt-row-layout-inner {
|
|
border: 0 solid transparent;
|
|
position: relative
|
|
}
|
|
|
|
.kb-row-layout-wrap:before,.kt-row-layout-inner:before {
|
|
clear: both;
|
|
content: "";
|
|
display: table
|
|
}
|
|
|
|
.kt-row-column-wrap {
|
|
/* display:grid; */
|
|
gap: var(--global-row-gutter-md,2rem) var(--global-row-gutter-md,2rem);
|
|
grid-auto-rows: minmax(min-content,max-content);
|
|
grid-template-columns: minmax(0,1fr);
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.alignfull>.kt-row-column-wrap,.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,.kt-row-has-bg>.kt-row-column-wrap {
|
|
padding-left: var(--global-content-edge-padding,15px);
|
|
padding-right: var(--global-content-edge-padding,15px)
|
|
}
|
|
|
|
.kt-inner-column-height-full:not(.kt-row-layout-row) {
|
|
grid-auto-rows: minmax(0,1fr)
|
|
}
|
|
|
|
.kt-inner-column-height-full:not(.kt-row-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col {
|
|
height: 100%
|
|
}
|
|
|
|
.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column:not(.kb-section-dir-horizontal)>.kt-inside-inner-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.kt-row-valign-middle.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col {
|
|
align-items: center
|
|
}
|
|
|
|
.kt-row-valign-bottom.kt-inner-column-height-full>.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col {
|
|
align-items: flex-end
|
|
}
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
.kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row,.kt-inner-column-height-full.kt-tab-layout-row {
|
|
grid-auto-rows:minmax(min-content,max-content)
|
|
}
|
|
|
|
.kt-inner-column-height-full.kt-tab-layout-inherit.kt-row-layout-row>.wp-block-kadence-column>.kt-inside-inner-col,.kt-inner-column-height-full.kt-tab-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.kt-inner-column-height-full.kt-mobile-layout-row {
|
|
grid-auto-rows:minmax(min-content,max-content)
|
|
}
|
|
|
|
.kt-inner-column-height-full.kt-mobile-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
.kt-row-layout-overlay {
|
|
filter: opacity(100%);
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: .3;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.kt-row-layout-overlay.kt-jarallax {
|
|
filter: none
|
|
}
|
|
|
|
@media(min-width: 768px)and (max-width:1024px) {
|
|
.wp-block-kadence-rowlayout [id*=jarallax-container-]>div {
|
|
height:var(--kb-screen-height-fix,100vh)!important;
|
|
margin-top: -40px!important
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px)and (max-width:1366px)and (-webkit-min-device-pixel-ratio:2) {
|
|
.wp-block-kadence-rowlayout [id*=jarallax-container-]>div {
|
|
height:var(--kb-screen-height-fix,100vh)!important;
|
|
margin-top: -40px!important
|
|
}
|
|
}
|
|
|
|
.entry-content .wp-block-kadence-rowlayout.alignfull,.entry-content .wp-block-kadence-rowlayout.alignwide {
|
|
margin-bottom: 0;
|
|
text-align: inherit
|
|
}
|
|
|
|
.kt-row-layout-bottom-sep {
|
|
bottom: -1px;
|
|
height: 100px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.kt-row-layout-bottom-sep svg {
|
|
fill: #fff;
|
|
bottom: 0;
|
|
display: block;
|
|
height: 100%;
|
|
left: 50%;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
width: 100.2%
|
|
}
|
|
|
|
.kt-row-layout-top-sep {
|
|
height: 100px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -1px;
|
|
z-index: 1
|
|
}
|
|
|
|
.kt-row-layout-top-sep svg {
|
|
fill: #fff;
|
|
display: block;
|
|
height: 100%;
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateX(-50%) rotate(180deg);
|
|
width: 100.2%
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider,.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init,.kt-row-layout-inner>.kb-blocks-bg-slider,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init.kt-blocks-carousel-init {
|
|
bottom: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__slide,.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__track,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__slide,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__track {
|
|
height: 100%
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .splide__list,.kt-row-layout-inner>.kb-blocks-bg-slider .splide__list {
|
|
height: 100%!important
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div.kb-bg-slide {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain {
|
|
display: none
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-blocks-bg-slider-init:not(.splide-initialized) .kb-bg-slide-contain:first-child {
|
|
display: block
|
|
}
|
|
|
|
.kb-row-layout-wrap>.kb-blocks-bg-slider .kb-bg-slide-contain div,.kt-row-layout-inner>.kb-blocks-bg-slider .kb-bg-slide-contain div {
|
|
height: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.kb-blocks-bg-slider-init.splide .splide__pagination {
|
|
bottom: 10px
|
|
}
|
|
|
|
.kb-blocks-bg-slider-init.splide .splide__arrow {
|
|
z-index: 100
|
|
}
|
|
|
|
.kb-blocks-bg-video-container {
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-blocks-bg-video {
|
|
height: auto;
|
|
left: 50%;
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100%
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-blocks-bg-video::-webkit-media-controls {
|
|
display: none!important
|
|
}
|
|
|
|
.kb-blocks-bg-video-container.embedded .kb-blocks-bg-video {
|
|
display: block;
|
|
height: 56.25vw;
|
|
left: 50%;
|
|
min-height: auto;
|
|
min-width: auto;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100vw
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper {
|
|
bottom: 20px;
|
|
position: absolute;
|
|
right: 20px;
|
|
z-index: 11
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn {
|
|
background: rgba(0,0,0,.3);
|
|
border: 0;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 1.3em;
|
|
height: 32px;
|
|
line-height: 16px;
|
|
margin: 0 0 0 8px;
|
|
opacity: .5;
|
|
padding: 8px;
|
|
transition: opacity .3s ease-in-out
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper .button.kb-toggle-video-btn svg {
|
|
height: 16px;
|
|
vertical-align: bottom;
|
|
width: 16px
|
|
}
|
|
|
|
.kb-blocks-bg-video-container .kb-background-video-buttons-wrapper button.kb-toggle-video-btn:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.kb-blocks-bg-video {
|
|
background-position: 50%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: 50% 50%;
|
|
object-position: 50% 50%;
|
|
width: 100%
|
|
}
|
|
|
|
@media(max-width: 767px) {
|
|
.kvs-sm-false {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media(min-width: 768px)and (max-width:1024px) {
|
|
.kvs-md-false {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1025px) {
|
|
.kvs-lg-false {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
.wp-block-kadence-rowlayout .kb-blocks-bg-slider .splide-arrow {
|
|
z-index: 1000
|
|
}
|
|
.kb-row-layout-id1082_4b116f-ad > .kt-row-column-wrap {
|
|
column-gap: var(--global-kb-gap-sm, 1rem);
|
|
row-gap: var(--global-kb-gap-sm, 1rem);
|
|
max-width: 1400px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) );
|
|
padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) );
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.kb-row-layout-id1082_4b116f-ad > .kt-row-column-wrap {
|
|
grid-template-columns:minmax(0, 1fr);
|
|
}
|
|
}
|
|
|
|
.kb-row-layout-id1082_b8e028-92 > .kt-row-column-wrap {
|
|
column-gap: var(--global-kb-gap-none, 0 );
|
|
row-gap: var(--global-kb-gap-none, 0 );
|
|
max-width: 1400px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-top: var( --global-kb-row-default-top, var(--global-kb-spacing-sm, 1.5rem) );
|
|
padding-bottom: var( --global-kb-row-default-bottom, var(--global-kb-spacing-sm, 1.5rem) );
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.kb-row-layout-id1082_b8e028-92 > .kt-row-column-wrap {
|
|
grid-template-columns:minmax(0, 1fr);
|
|
}
|
|
}
|
|
|
|
.kb-row-layout-id1082_9e9508-07 > .kt-row-column-wrap {
|
|
max-width: 750px;
|
|
padding-bottom: var(--global-kb-spacing-lg, 3rem);
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
@media all and (min-width: 1025px) {
|
|
.kb-row-layout-id1082_9e9508-07 {
|
|
display:none !important;
|
|
}
|
|
}
|
|
|
|
@media all and (min-width: 768px) and (max-width: 1024px) {
|
|
.kb-row-layout-id1082_9e9508-07 {
|
|
display:none !important;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 767px) {
|
|
.kb-row-layout-id1082_9e9508-07 > .kt-row-column-wrap {
|
|
grid-template-columns:minmax(0, 1fr);
|
|
}
|
|
|
|
.kb-row-layout-id1082_9e9508-07 {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.kadence-column1082_3d0591-c1 > .kt-inside-inner-col {
|
|
padding-right: var(--global-kb-spacing-xs, 1rem);
|
|
padding-left: var(--global-kb-spacing-xs, 1rem);
|
|
}
|
|
|
|
.kadence-column1082_3d0591-c1 > .kt-inside-inner-col {
|
|
background-color: rgba(255, 255, 255, 0.75);
|
|
} |