Import legacy nurinda.co.id website
This commit is contained in:
dirga committed
1 parent
3f59bb9038
commit
6e21646ac4
13389 files changed
+3246690
No files matched your search
@@ -0,0 +1,11 @@
|
||||
/*--- advance carosal front-end-------*/
|
||||
.vc_element.element-ultimate_carousel {
|
||||
float: right;
|
||||
display: block;
|
||||
padding-right: 50%;
|
||||
}
|
||||
.vc_element.element-icon_timeline {
|
||||
display: block;
|
||||
float: right;
|
||||
padding-right: 50%;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/*--- advance carosal front-end-------*/
|
||||
.vc_element.element-ultimate_carousel {
|
||||
float: left;
|
||||
display: block;
|
||||
padding-left: 50%;
|
||||
}
|
||||
.vc_element.element-icon_timeline {
|
||||
display: block;
|
||||
float: left;
|
||||
padding-left: 50%;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,526 @@
|
||||
.upb_row_bg,
|
||||
.upb_video-bg,
|
||||
.vcpb-fs-jquery {
|
||||
overflow: hidden
|
||||
}
|
||||
.vc-row-translate-wrapper {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.uvc-vc-full-width .upb_video-bg {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
min-width: 100% !important;
|
||||
right: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.upb_bg_overlay,
|
||||
.upb_bg_overlay_pattern {
|
||||
color: inherit;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%!important;
|
||||
right: 0;
|
||||
top: 0
|
||||
}
|
||||
.upb_bg_overlay_pattern {
|
||||
background-attachment: fixed
|
||||
}
|
||||
.ult-vc-seperator {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
right: 0;
|
||||
z-index: 1
|
||||
}
|
||||
.ult-main-seperator-inner {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vc-seperator.top_seperator {
|
||||
top: -1px;
|
||||
bottom: auto
|
||||
}
|
||||
.ult-vc-seperator.bottom_seperator {
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.ult-vc-seperator svg {
|
||||
width: 100%;
|
||||
height: auto
|
||||
}
|
||||
.uvc-svg-circle,
|
||||
.uvc-svg-triangle {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
z-index: 1
|
||||
}
|
||||
.bottom_seperator .uvc-svg-circle,
|
||||
.bottom_seperator .uvc-svg-triangle {
|
||||
top: auto;
|
||||
bottom: -1px;
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.uvc-x-large-triangle {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
z-index: 1
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle {
|
||||
top: auto;
|
||||
bottom: -1px;
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle,
|
||||
.top_seperator .uvc-x-large-triangle-left {
|
||||
-moz-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
-o-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1)
|
||||
}
|
||||
.uvc-x-large-triangle-left,
|
||||
.uvc-x-large-triangle-right {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
z-index: 1
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle-left,
|
||||
.bottom_seperator .uvc-x-large-triangle-right,
|
||||
.uvc-x-large-circle {
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-x-large-triangle-left {
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.top_seperator .uvc-x-large-triangle-right {
|
||||
-webkit-transform: scale(-1);
|
||||
-ms-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle-right {
|
||||
-webkit-transform: scale(-1, 1);
|
||||
-ms-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1)
|
||||
}
|
||||
.uvc-x-large-circle {
|
||||
position: absolute
|
||||
}
|
||||
.top_seperator .uvc-x-large-circle {
|
||||
top: -1px;
|
||||
bottom: auto
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-circle {
|
||||
-ms-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-circle,
|
||||
.top_seperator .uvc-curve-up-seperator {
|
||||
-moz-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
-o-transform: scaleY(-1)
|
||||
}
|
||||
.uvc-curve-up-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-curve-up-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-ms-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.uvc-curve-down-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.bottom_seperator .uvc-curve-down-seperator {
|
||||
-webkit-transform: scaleX(-1);
|
||||
-ms-transform: scaleX(-1);
|
||||
transform: scaleX(-1)
|
||||
}
|
||||
.top_seperator .uvc-curve-down-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-webkit-transform: scale(-1, -1);
|
||||
-ms-transform: scale(-1, -1);
|
||||
transform: scale(-1, -1)
|
||||
}
|
||||
.uvc-tilt-left-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 1px
|
||||
}
|
||||
.top_seperator .uvc-tilt-left-seperator {
|
||||
top: 1px;
|
||||
bottom: auto;
|
||||
-webkit-transform: scale(-1);
|
||||
-ms-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.uvc-tilt-right-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 1px
|
||||
}
|
||||
.bottom_seperator .uvc-tilt-right-seperator {
|
||||
-webkit-transform: scaleX(-1);
|
||||
-ms-transform: scaleX(-1);
|
||||
transform: scaleX(-1)
|
||||
}
|
||||
.top_seperator .uvc-tilt-right-seperator {
|
||||
top: 1px;
|
||||
bottom: auto;
|
||||
-webkit-transform: scale(1, -1);
|
||||
-ms-transform: scale(1, -1);
|
||||
transform: scale(1, -1)
|
||||
}
|
||||
.ult-rounded-split-seperator-wrapper {
|
||||
z-index: 1
|
||||
}
|
||||
.ult-rounded-split-seperator {
|
||||
position: relative;
|
||||
height: 100%
|
||||
}
|
||||
.ult-rounded-split-seperator:after,
|
||||
.ult-rounded-split-seperator:before {
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
width: 50%;
|
||||
height: 70px;
|
||||
background: inherit inherit/inherit inherit inherit inherit;
|
||||
content: '';
|
||||
position: absolute
|
||||
}
|
||||
.ult-vc-seperator.top_seperator svg.uvc-multi-triangle-svg {
|
||||
-webkit-transform: scale(-1);
|
||||
-ms-transform: scale(-1);
|
||||
transform:scale(-1);
|
||||
}
|
||||
.vcpb-vz-jquery,
|
||||
.vertical_layer_parallax {
|
||||
background-position: 50% 0
|
||||
}
|
||||
.upb_video-bg,
|
||||
.vcpb-default,
|
||||
.vcpb-fix,
|
||||
.vcpb-hz-jquery,
|
||||
.vcpb-vz-jquery,
|
||||
.vertical_layer_parallax {
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
.upb_video-bg,
|
||||
.vcpb-default,
|
||||
.vcpb-fix {
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover
|
||||
}
|
||||
.top_seperator.ult-rounded-split-seperator-wrapper {
|
||||
top: 0;
|
||||
bottom: auto
|
||||
}
|
||||
.uvc-wave-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-wave-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-ms-transform: scale(-1);
|
||||
-webkit-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.top_seperator .uvc-cloud-seperator,
|
||||
.top_seperator .uvc-wave-seperator {
|
||||
-moz-transform: scale(-1);
|
||||
-webkit-transform: scale(-1);
|
||||
-o-transform: scale(-1)
|
||||
}
|
||||
.uvc-cloud-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-cloud-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-ms-transform: scale(-1);
|
||||
-webkit-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.separator-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
z-index: 5
|
||||
}
|
||||
.vc-row-translate>.vc-row-translate-wrapper {
|
||||
overflow: hidden;
|
||||
width: 100% !important;
|
||||
margin: initial !important;
|
||||
}
|
||||
.upb_video_class,
|
||||
.wpb_column,
|
||||
.wpb_row {
|
||||
position: relative
|
||||
}
|
||||
.upb_row_bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0
|
||||
}
|
||||
.upb-background-text-wrapper,
|
||||
.upb_video-text,
|
||||
.upb_video-text-wrapper {
|
||||
position: relative
|
||||
}
|
||||
.upb_bg_img {
|
||||
display: none!important
|
||||
}
|
||||
.vcpb-default {
|
||||
background-attachment: initial
|
||||
}
|
||||
.vcpb-fix,
|
||||
.vcpb-vz-jquery,
|
||||
.vertical_layer_parallax {
|
||||
background-attachment: fixed
|
||||
}
|
||||
.vertical_layer_parallax {
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover
|
||||
}
|
||||
.vcpb-hz-jquery {
|
||||
background-position: 100% 50%
|
||||
}
|
||||
.upb_video-wrapper {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.upb_video-text {
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0
|
||||
}
|
||||
.full-browser-size .upb-background-text,
|
||||
.video-browser-size .upb_video-text {
|
||||
margin: initial !important;
|
||||
position: absolute;
|
||||
bottom: auto;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.upb_video-bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-position: 50% 50%;
|
||||
margin: 0 auto
|
||||
}
|
||||
.upb_video-src {
|
||||
max-width: none;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
position: relative;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.upb_video-src.ult-make-full-height {
|
||||
height: 100%;
|
||||
width: auto!important;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
right: 50%;
|
||||
top: 0;
|
||||
}
|
||||
.upb_utube_iframe,
|
||||
.upb_vimeo_iframe {
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute
|
||||
}
|
||||
.upb_video-bg .mbYTP_wrapper iframe {
|
||||
max-width: none!important;
|
||||
max-height: none!important
|
||||
}
|
||||
.uvc-row.uvc-video-fixer .mbYTP_wrapper iframe {
|
||||
margin-right: 0!important;
|
||||
margin-top: -50px!important
|
||||
}
|
||||
.video-controls {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
left: 5%;
|
||||
cursor: pointer;
|
||||
width: auto!important;
|
||||
min-width: 15px!important;
|
||||
height: auto!important;
|
||||
z-index: 99
|
||||
}
|
||||
.video-controls i {
|
||||
font-size: 40px
|
||||
}
|
||||
body.rtl .upb_row_bg {
|
||||
left: auto
|
||||
}
|
||||
.uvc-multi-color-bg {
|
||||
-webkit-animation: MultiColorVC 10s alternate infinite;
|
||||
animation: MultiColorVC 10s alternate infinite;
|
||||
z-index: 9998;
|
||||
opacity: .6;
|
||||
background-color: #e14949
|
||||
}
|
||||
@-webkit-keyframes MultiColorVC {
|
||||
0% {
|
||||
background-color: #e14949
|
||||
}
|
||||
25% {
|
||||
background-color: #3de02c
|
||||
}
|
||||
50% {
|
||||
background-color: #2c8de0
|
||||
}
|
||||
100% {
|
||||
background-color: #e02cbc
|
||||
}
|
||||
}
|
||||
@keyframes MultiColorVC {
|
||||
0% {
|
||||
background-color: #e14949
|
||||
}
|
||||
25% {
|
||||
background-color: #3de02c
|
||||
}
|
||||
50% {
|
||||
background-color: #2c8de0
|
||||
}
|
||||
100% {
|
||||
background-color: #e02cbc
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.uvc_hidden-xs {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px)and (max-width: 767px) {
|
||||
.uvc_hidden-xsl {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px)and (max-width: 991px) {
|
||||
.uvc_hidden-sm {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px)and (max-width: 1199px) {
|
||||
.uvc_hidden-md {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px)and (max-width: 1823px) {
|
||||
.uvc_hidden-ml {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 1824px) {
|
||||
.uvc_hidden-lg {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
.mpcth-vc-row-wrap,
|
||||
.toranj-vc-row-wrapper,
|
||||
.x-content-band {
|
||||
position: relative
|
||||
}
|
||||
.js_active .site-inner {
|
||||
overflow: visible
|
||||
}
|
||||
/* iPad blotted image issue fix */
|
||||
html.ult-remove-fixed-background .upb_row_bg {
|
||||
background-attachment: scroll !important;
|
||||
}
|
||||
/* vc4.9 compatible */
|
||||
.vc_row-flex .upb-background-text-wrapper.full-browser-size,
|
||||
.vc_row-flex .upb_video-text-wrapper.full-browser-size {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
.vc_row-o-equal-height .upb-background-text,
|
||||
.vc_row-flex .upb-background-text,
|
||||
.vc_row-o-content-top .upb-background-text,
|
||||
.vc_row-o-content-middle .upb-background-text,
|
||||
.vc_row-o-content-bottom .upb-background-text,
|
||||
.vc_row-o-equal-height .upb_video-text,
|
||||
.vc_row-flex .upb_video-text,
|
||||
.vc_row-o-content-top .upb_video-text,
|
||||
.vc_row-o-content-middle .upb_video-text,
|
||||
.vc_row-o-content-bottom .upb_video-text,
|
||||
.vc_row-o-equal-height .vc-row-translate-wrapper,
|
||||
.vc_row-flex .vc-row-translate-wrapper,
|
||||
.vc_row-o-content-top .vc-row-translate-wrapper,
|
||||
.vc_row-o-content-middle .vc-row-translate-wrapper,
|
||||
.vc_row-o-content-bottom .vc-row-translate-wrapper {
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.vc_row-o-content-top.full-browser-size .upb-background-text,
|
||||
.vc_row-o-content-top.video-browser-size .upb_video-text {
|
||||
top:0;
|
||||
-webkit-transform:translateY(0);
|
||||
-ms-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
|
||||
.vc_row-o-content-bottom.full-browser-size .upb-background-text,
|
||||
.vc_row-o-content-bottom.video-browser-size .upb_video-text {
|
||||
top:auto;
|
||||
bottom:0;
|
||||
-webkit-transform:translateY(0);
|
||||
-ms-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
@@ -0,0 +1,526 @@
|
||||
.upb_row_bg,
|
||||
.upb_video-bg,
|
||||
.vcpb-fs-jquery {
|
||||
overflow: hidden
|
||||
}
|
||||
.vc-row-translate-wrapper {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.uvc-vc-full-width .upb_video-bg {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
min-width: 100% !important;
|
||||
left: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.upb_bg_overlay,
|
||||
.upb_bg_overlay_pattern {
|
||||
color: inherit;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%!important;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
.upb_bg_overlay_pattern {
|
||||
background-attachment: fixed
|
||||
}
|
||||
.ult-vc-seperator {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
left: 0;
|
||||
z-index: 1
|
||||
}
|
||||
.ult-main-seperator-inner {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vc-seperator.top_seperator {
|
||||
top: -1px;
|
||||
bottom: auto
|
||||
}
|
||||
.ult-vc-seperator.bottom_seperator {
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.ult-vc-seperator svg {
|
||||
width: 100%;
|
||||
height: auto
|
||||
}
|
||||
.uvc-svg-circle,
|
||||
.uvc-svg-triangle {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
z-index: 1
|
||||
}
|
||||
.bottom_seperator .uvc-svg-circle,
|
||||
.bottom_seperator .uvc-svg-triangle {
|
||||
top: auto;
|
||||
bottom: -1px;
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.uvc-x-large-triangle {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
z-index: 1
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle {
|
||||
top: auto;
|
||||
bottom: -1px;
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle,
|
||||
.top_seperator .uvc-x-large-triangle-left {
|
||||
-moz-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
-o-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1)
|
||||
}
|
||||
.uvc-x-large-triangle-left,
|
||||
.uvc-x-large-triangle-right {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
z-index: 1
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle-left,
|
||||
.bottom_seperator .uvc-x-large-triangle-right,
|
||||
.uvc-x-large-circle {
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-x-large-triangle-left {
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.top_seperator .uvc-x-large-triangle-right {
|
||||
-webkit-transform: scale(-1);
|
||||
-ms-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-triangle-right {
|
||||
-webkit-transform: scale(-1, 1);
|
||||
-ms-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1)
|
||||
}
|
||||
.uvc-x-large-circle {
|
||||
position: absolute
|
||||
}
|
||||
.top_seperator .uvc-x-large-circle {
|
||||
top: -1px;
|
||||
bottom: auto
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-circle {
|
||||
-ms-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.bottom_seperator .uvc-x-large-circle,
|
||||
.top_seperator .uvc-curve-up-seperator {
|
||||
-moz-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
-o-transform: scaleY(-1)
|
||||
}
|
||||
.uvc-curve-up-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-curve-up-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-ms-transform: scaleY(-1);
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
.uvc-curve-down-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.bottom_seperator .uvc-curve-down-seperator {
|
||||
-webkit-transform: scaleX(-1);
|
||||
-ms-transform: scaleX(-1);
|
||||
transform: scaleX(-1)
|
||||
}
|
||||
.top_seperator .uvc-curve-down-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-webkit-transform: scale(-1, -1);
|
||||
-ms-transform: scale(-1, -1);
|
||||
transform: scale(-1, -1)
|
||||
}
|
||||
.uvc-tilt-left-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 1px
|
||||
}
|
||||
.top_seperator .uvc-tilt-left-seperator {
|
||||
top: 1px;
|
||||
bottom: auto;
|
||||
-webkit-transform: scale(-1);
|
||||
-ms-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.uvc-tilt-right-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 1px
|
||||
}
|
||||
.bottom_seperator .uvc-tilt-right-seperator {
|
||||
-webkit-transform: scaleX(-1);
|
||||
-ms-transform: scaleX(-1);
|
||||
transform: scaleX(-1)
|
||||
}
|
||||
.top_seperator .uvc-tilt-right-seperator {
|
||||
top: 1px;
|
||||
bottom: auto;
|
||||
-webkit-transform: scale(1, -1);
|
||||
-ms-transform: scale(1, -1);
|
||||
transform: scale(1, -1)
|
||||
}
|
||||
.ult-rounded-split-seperator-wrapper {
|
||||
z-index: 1
|
||||
}
|
||||
.ult-rounded-split-seperator {
|
||||
position: relative;
|
||||
height: 100%
|
||||
}
|
||||
.ult-rounded-split-seperator:after,
|
||||
.ult-rounded-split-seperator:before {
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
width: 50%;
|
||||
height: 70px;
|
||||
background: inherit inherit/inherit inherit inherit inherit;
|
||||
content: '';
|
||||
position: absolute
|
||||
}
|
||||
.ult-vc-seperator.top_seperator svg.uvc-multi-triangle-svg {
|
||||
-webkit-transform: scale(-1);
|
||||
-ms-transform: scale(-1);
|
||||
transform:scale(-1);
|
||||
}
|
||||
.vcpb-vz-jquery,
|
||||
.vertical_layer_parallax {
|
||||
background-position: 50% 0
|
||||
}
|
||||
.upb_video-bg,
|
||||
.vcpb-default,
|
||||
.vcpb-fix,
|
||||
.vcpb-hz-jquery,
|
||||
.vcpb-vz-jquery,
|
||||
.vertical_layer_parallax {
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
.upb_video-bg,
|
||||
.vcpb-default,
|
||||
.vcpb-fix {
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover
|
||||
}
|
||||
.top_seperator.ult-rounded-split-seperator-wrapper {
|
||||
top: 0;
|
||||
bottom: auto
|
||||
}
|
||||
.uvc-wave-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-wave-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-ms-transform: scale(-1);
|
||||
-webkit-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.top_seperator .uvc-cloud-seperator,
|
||||
.top_seperator .uvc-wave-seperator {
|
||||
-moz-transform: scale(-1);
|
||||
-webkit-transform: scale(-1);
|
||||
-o-transform: scale(-1)
|
||||
}
|
||||
.uvc-cloud-seperator {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: -1px
|
||||
}
|
||||
.top_seperator .uvc-cloud-seperator {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
-ms-transform: scale(-1);
|
||||
-webkit-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
.separator-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 5
|
||||
}
|
||||
.vc-row-translate>.vc-row-translate-wrapper {
|
||||
overflow: hidden;
|
||||
width: 100% !important;
|
||||
margin: initial !important;
|
||||
}
|
||||
.upb_video_class,
|
||||
.wpb_column,
|
||||
.wpb_row {
|
||||
position: relative
|
||||
}
|
||||
.upb_row_bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 0
|
||||
}
|
||||
.upb-background-text-wrapper,
|
||||
.upb_video-text,
|
||||
.upb_video-text-wrapper {
|
||||
position: relative
|
||||
}
|
||||
.upb_bg_img {
|
||||
display: none!important
|
||||
}
|
||||
.vcpb-default {
|
||||
background-attachment: initial
|
||||
}
|
||||
.vcpb-fix,
|
||||
.vcpb-vz-jquery,
|
||||
.vertical_layer_parallax {
|
||||
background-attachment: fixed
|
||||
}
|
||||
.vertical_layer_parallax {
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover
|
||||
}
|
||||
.vcpb-hz-jquery {
|
||||
background-position: 0 50%
|
||||
}
|
||||
.upb_video-wrapper {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.upb_video-text {
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0
|
||||
}
|
||||
.full-browser-size .upb-background-text,
|
||||
.video-browser-size .upb_video-text {
|
||||
margin: initial !important;
|
||||
position: absolute;
|
||||
bottom: auto;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.upb_video-bg {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-position: 50% 50%;
|
||||
margin: 0 auto
|
||||
}
|
||||
.upb_video-src {
|
||||
max-width: none;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
position: relative;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.upb_video-src.ult-make-full-height {
|
||||
height: 100%;
|
||||
width: auto!important;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
top: 0;
|
||||
}
|
||||
.upb_utube_iframe,
|
||||
.upb_vimeo_iframe {
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute
|
||||
}
|
||||
.upb_video-bg .mbYTP_wrapper iframe {
|
||||
max-width: none!important;
|
||||
max-height: none!important
|
||||
}
|
||||
.uvc-row.uvc-video-fixer .mbYTP_wrapper iframe {
|
||||
margin-left: 0!important;
|
||||
margin-top: -50px!important
|
||||
}
|
||||
.video-controls {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
right: 5%;
|
||||
cursor: pointer;
|
||||
width: auto!important;
|
||||
min-width: 15px!important;
|
||||
height: auto!important;
|
||||
z-index: 99
|
||||
}
|
||||
.video-controls i {
|
||||
font-size: 40px
|
||||
}
|
||||
body.rtl .upb_row_bg {
|
||||
right: auto
|
||||
}
|
||||
.uvc-multi-color-bg {
|
||||
-webkit-animation: MultiColorVC 10s alternate infinite;
|
||||
animation: MultiColorVC 10s alternate infinite;
|
||||
z-index: 9998;
|
||||
opacity: .6;
|
||||
background-color: #e14949
|
||||
}
|
||||
@-webkit-keyframes MultiColorVC {
|
||||
0% {
|
||||
background-color: #e14949
|
||||
}
|
||||
25% {
|
||||
background-color: #3de02c
|
||||
}
|
||||
50% {
|
||||
background-color: #2c8de0
|
||||
}
|
||||
100% {
|
||||
background-color: #e02cbc
|
||||
}
|
||||
}
|
||||
@keyframes MultiColorVC {
|
||||
0% {
|
||||
background-color: #e14949
|
||||
}
|
||||
25% {
|
||||
background-color: #3de02c
|
||||
}
|
||||
50% {
|
||||
background-color: #2c8de0
|
||||
}
|
||||
100% {
|
||||
background-color: #e02cbc
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.uvc_hidden-xs {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px)and (max-width: 767px) {
|
||||
.uvc_hidden-xsl {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px)and (max-width: 991px) {
|
||||
.uvc_hidden-sm {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px)and (max-width: 1199px) {
|
||||
.uvc_hidden-md {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px)and (max-width: 1823px) {
|
||||
.uvc_hidden-ml {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
@media (min-width: 1824px) {
|
||||
.uvc_hidden-lg {
|
||||
display: none!important
|
||||
}
|
||||
}
|
||||
.mpcth-vc-row-wrap,
|
||||
.toranj-vc-row-wrapper,
|
||||
.x-content-band {
|
||||
position: relative
|
||||
}
|
||||
.js_active .site-inner {
|
||||
overflow: visible
|
||||
}
|
||||
/* iPad blotted image issue fix */
|
||||
html.ult-remove-fixed-background .upb_row_bg {
|
||||
background-attachment: scroll !important;
|
||||
}
|
||||
/* vc4.9 compatible */
|
||||
.vc_row-flex .upb-background-text-wrapper.full-browser-size,
|
||||
.vc_row-flex .upb_video-text-wrapper.full-browser-size {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
.vc_row-o-equal-height .upb-background-text,
|
||||
.vc_row-flex .upb-background-text,
|
||||
.vc_row-o-content-top .upb-background-text,
|
||||
.vc_row-o-content-middle .upb-background-text,
|
||||
.vc_row-o-content-bottom .upb-background-text,
|
||||
.vc_row-o-equal-height .upb_video-text,
|
||||
.vc_row-flex .upb_video-text,
|
||||
.vc_row-o-content-top .upb_video-text,
|
||||
.vc_row-o-content-middle .upb_video-text,
|
||||
.vc_row-o-content-bottom .upb_video-text,
|
||||
.vc_row-o-equal-height .vc-row-translate-wrapper,
|
||||
.vc_row-flex .vc-row-translate-wrapper,
|
||||
.vc_row-o-content-top .vc-row-translate-wrapper,
|
||||
.vc_row-o-content-middle .vc-row-translate-wrapper,
|
||||
.vc_row-o-content-bottom .vc-row-translate-wrapper {
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.vc_row-o-content-top.full-browser-size .upb-background-text,
|
||||
.vc_row-o-content-top.video-browser-size .upb_video-text {
|
||||
top:0;
|
||||
-webkit-transform:translateY(0);
|
||||
-ms-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
|
||||
.vc_row-o-content-bottom.full-browser-size .upb-background-text,
|
||||
.vc_row-o-content-bottom.video-browser-size .upb_video-text {
|
||||
top:auto;
|
||||
bottom:0;
|
||||
-webkit-transform:translateY(0);
|
||||
-ms-transform:translateY(0);
|
||||
transform:translateY(0)
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.ult-content-box-container,
|
||||
.ult-content-box-container * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult-content-box-container .ult-content-box-anchor,
|
||||
.ult-content-box-container .ult-content-box-anchor:active,
|
||||
.ult-content-box-container .ult-content-box-anchor:focus,
|
||||
.ult-content-box-container .ult-content-box-anchor:hover,
|
||||
.ult-content-box-container .ult-content-box-anchor:visited {
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
outline: 0
|
||||
}
|
||||
.ult-content-box:after {
|
||||
content:'';
|
||||
display:block;
|
||||
clear:both;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.ult-content-box-container,
|
||||
.ult-content-box-container * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult-content-box-container .ult-content-box-anchor,
|
||||
.ult-content-box-container .ult-content-box-anchor:active,
|
||||
.ult-content-box-container .ult-content-box-anchor:focus,
|
||||
.ult-content-box-container .ult-content-box-anchor:hover,
|
||||
.ult-content-box-container .ult-content-box-anchor:visited {
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
outline: 0
|
||||
}
|
||||
.ult-content-box:after {
|
||||
content:'';
|
||||
display:block;
|
||||
clear:both;
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
.ult_countdown,
|
||||
.wpb_row .wpb_column .wpb_wrapper .ult_countdown {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
margin-bottom: 35px;
|
||||
float: right;
|
||||
text-align: center
|
||||
}
|
||||
.ult_countdown .ult_countdown-row {
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult_countdown .ult_countdown-section {
|
||||
display: inline-block;
|
||||
margin-bottom: 15px
|
||||
}
|
||||
.ult_countdown .ult_countdown-section .ult_countdown-amount {
|
||||
font-size: 36px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
min-width: 1.15em;
|
||||
max-width: 100%;
|
||||
min-height: 1.15em;
|
||||
line-height: 1.15em;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
.ult_countdown .ult_countdown-section .ult_countdown-period {
|
||||
padding: 0 4px;
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_countdown.ult-cd-no-border .ult_countdown-section .ult_countdown-amount {
|
||||
min-width: 1em;
|
||||
max-width: 100%;
|
||||
min-height: 1em;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_countdown.ult-cd-s1 .ult_countdown-section {
|
||||
padding: 0 7px
|
||||
}
|
||||
.ult_countdown.ult-cd-s1 .ult_countdown-section .ult_countdown-amount {
|
||||
display: inline-block
|
||||
}
|
||||
.ult_countdown.ult-cd-s2 .ult_countdown-section {
|
||||
padding: 0 15px
|
||||
}
|
||||
.ult_countdown.ult-cd-s2 .ult_countdown-section .ult_countdown-amount {
|
||||
display: block
|
||||
}
|
||||
.ult_countdown.ult-cd-s2 .ult_countdown-section .ult_countdown-period {
|
||||
margin-top: 7px;
|
||||
width: 100%;
|
||||
display: block
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
.ult_countdown,
|
||||
.wpb_row .wpb_column .wpb_wrapper .ult_countdown {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
margin-bottom: 35px;
|
||||
float: left;
|
||||
text-align: center
|
||||
}
|
||||
.ult_countdown .ult_countdown-row {
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult_countdown .ult_countdown-section {
|
||||
display: inline-block;
|
||||
margin-bottom: 15px
|
||||
}
|
||||
.ult_countdown .ult_countdown-section .ult_countdown-amount {
|
||||
font-size: 36px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
min-width: 1.15em;
|
||||
max-width: 100%;
|
||||
min-height: 1.15em;
|
||||
line-height: 1.15em;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
.ult_countdown .ult_countdown-section .ult_countdown-period {
|
||||
padding: 0 4px;
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_countdown.ult-cd-no-border .ult_countdown-section .ult_countdown-amount {
|
||||
min-width: 1em;
|
||||
max-width: 100%;
|
||||
min-height: 1em;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_countdown.ult-cd-s1 .ult_countdown-section {
|
||||
padding: 0 7px
|
||||
}
|
||||
.ult_countdown.ult-cd-s1 .ult_countdown-section .ult_countdown-amount {
|
||||
display: inline-block
|
||||
}
|
||||
.ult_countdown.ult-cd-s2 .ult_countdown-section {
|
||||
padding: 0 15px
|
||||
}
|
||||
.ult_countdown.ult-cd-s2 .ult_countdown-section .ult_countdown-amount {
|
||||
display: block
|
||||
}
|
||||
.ult_countdown.ult-cd-s2 .ult_countdown-section .ult_countdown-period {
|
||||
margin-top: 7px;
|
||||
width: 100%;
|
||||
display: block
|
||||
}
|
||||
@@ -0,0 +1,584 @@
|
||||
.ult_main_cl {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: block
|
||||
}
|
||||
p .ult_main_cl {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: inline-block
|
||||
}
|
||||
.ult_btn10_span {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
-webkit-transition: all ease .3s;
|
||||
transition: all ease .3s
|
||||
}
|
||||
.ult_crlink a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
letter-spacing: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult_crlink a:focus,
|
||||
.ult_crlink a:hover {
|
||||
outline: 0
|
||||
}
|
||||
.ult_cl_link_1 a {
|
||||
margin: 0
|
||||
}
|
||||
.ult_cl_link_1 a:after,
|
||||
.ult_cl_link_1 a:before {
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
-webkit-transition: -webkit-transform .3s, opacity .2s;
|
||||
-webkit-transition: opacity .2s, -webkit-transform .3s;
|
||||
transition: opacity .2s, -webkit-transform .3s;
|
||||
transition: transform .3s, opacity .2s;
|
||||
transition: transform .3s, opacity .2s, -webkit-transform .3s;
|
||||
color: inherit;
|
||||
padding: 0 3px
|
||||
}
|
||||
.ult_cl_link_1 .ult_btn10_span {
|
||||
-webkit-transition: all ease .3s;
|
||||
transition: all ease .3s
|
||||
}
|
||||
.ult_cl_link_1 a:before {
|
||||
content: '[';
|
||||
-webkit-transform: translateX(-20px);
|
||||
-ms-transform: translateX(-20px);
|
||||
transform: translateX(-20px)
|
||||
}
|
||||
.ult_cl_link_1 a:after {
|
||||
content: ']';
|
||||
-webkit-transform: translateX(20px);
|
||||
-ms-transform: translateX(20px);
|
||||
transform: translateX(20px)
|
||||
}
|
||||
.ult_cl_link_1 a:focus:after,
|
||||
.ult_cl_link_1 a:focus:before,
|
||||
.ult_cl_link_1 a:hover::before,
|
||||
.ult_cl_link_1 a:hover:after {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.ult_cl_link_2 a {
|
||||
line-height: inherit;
|
||||
-webkit-perspective: 5000px;
|
||||
perspective: 5000px;
|
||||
-webkit-perspective-origin: 50% 50%;
|
||||
perspective-origin: 50% 50%
|
||||
}
|
||||
.ult_cl_link_2 a span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background: inherit;
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
.ult_cl_link_2 a span:before {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: attr(data-hover);
|
||||
-webkit-transform: rotateX(-90deg);
|
||||
transform: rotateX(-90deg);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
padding: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background: inherit
|
||||
}
|
||||
.ult_cl_link_2 .ult_btn10_span {
|
||||
max-width: 100%;
|
||||
-webkit-transition: all ease .3s;
|
||||
transition: all ease .3s
|
||||
}
|
||||
.ult_cl_link_2 a:focus span,
|
||||
.ult_cl_link_2 a:hover span {
|
||||
-webkit-transform: rotateX(90deg) translateY(-22px);
|
||||
transform: rotateX(90deg) translateY(-22px)
|
||||
}
|
||||
.ult_cl_link_2 a:focus span:before,
|
||||
.ult_cl_link_2 a:hover span:before {
|
||||
background: inherit
|
||||
}
|
||||
.ult_cl_link_3 a {
|
||||
font-size: inherit
|
||||
}
|
||||
.ult_cl_link_3 a .ult_link_btm3 {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
border: inherit;
|
||||
content: '';
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translateY(10px);
|
||||
-ms-transform: translateY(10px);
|
||||
transform: translateY(10px)
|
||||
}
|
||||
.ult_cl_link_3 a:hover .ult_link_btm3 {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.ult_cl_link_3 .ult_btn10_span {
|
||||
-webkit-transition: all ease-out .5s;
|
||||
transition: all ease-out .5s
|
||||
}
|
||||
.ult_cl_link_4 a {
|
||||
font-size: inherit
|
||||
}
|
||||
.ult_cl_link_4 a .ult_link_btm4 {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
border: inherit;
|
||||
content: '';
|
||||
opacity: 0;
|
||||
-webkit-transition: height .5s, opacity .5s, -webkit-transform .5s;
|
||||
transition: height .5s, opacity .5s, -webkit-transform .5s;
|
||||
transition: height .5s, opacity .5s, transform .5s;
|
||||
transition: height .5s, opacity .5s, transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translateY(-10px);
|
||||
-ms-transform: translateY(-10px);
|
||||
transform: translateY(-10px)
|
||||
}
|
||||
.ult_cl_link_4 a:hover .ult_link_btm4 {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.ult_cl_link_4 .ult_btn10_span {
|
||||
-webkit-transition: height .5s ease-out, opacity .5s ease-out, -webkit-transform .5s ease-out, all ease-in-out .5s;
|
||||
-webkit-transition: height .5s, opacity .5s ease-out, all ease-in-out .5s, -webkit-transform .5s ease-out;
|
||||
transition: height .5s, opacity .5s ease-out, all ease-in-out .5s, -webkit-transform .5s ease-out;
|
||||
transition: height .5s, opacity .5s ease-out, transform .5s ease-out, all ease-in-out .5s;
|
||||
transition: height .5s, opacity .5s ease-out, transform .5s ease-out, all ease-in-out .5s, -webkit-transform .5s ease-out
|
||||
}
|
||||
.ult_cl_link_5 a {
|
||||
color: #566473;
|
||||
text-shadow: none;
|
||||
font-weight: inherit;
|
||||
height: 100%;
|
||||
line-height: 1em;
|
||||
font-size: inherit
|
||||
}
|
||||
.ult_cl_link_5 a .ult_link_btm,
|
||||
.ult_cl_link_5 a .ult_link_top {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
border: inherit;
|
||||
content: '';
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transform: scale(.85);
|
||||
-ms-transform: scale(.85);
|
||||
transform: scale(.85)
|
||||
}
|
||||
.ult_cl_link_5 a .ult_link_btm {
|
||||
opacity: 0;
|
||||
-webkit-transition: top .3s, opacity .3s, -webkit-transform .3s;
|
||||
transition: top .3s, opacity .3s, -webkit-transform .3s;
|
||||
transition: top .3s, opacity .3s, transform .3s;
|
||||
transition: top .3s, opacity .3s, transform .3s, -webkit-transform .3s
|
||||
}
|
||||
.ult_cl_link_5 a:focus .ult_link_btm,
|
||||
.ult_cl_link_5 a:focus .ult_link_top,
|
||||
.ult_cl_link_5 a:hover .ult_link_btm,
|
||||
.ult_cl_link_5 a:hover .ult_link_top {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult_cl_link_5 a:focus .ult_link_btm,
|
||||
.ult_cl_link_5 a:hover .ult_link_btm {
|
||||
top: 0;
|
||||
opacity: 1
|
||||
}
|
||||
.ult_cl_link_5 .ult_btn10_span {
|
||||
-webkit-transition: -webkit-transform .3s ease-out, all ease-in-out .3s;
|
||||
-webkit-transition: all ease-in-out .3s, -webkit-transform .3s ease-out;
|
||||
transition: all ease-in-out .3s, -webkit-transform .3s ease-out;
|
||||
transition: transform .3s ease-out, all ease-in-out .3s;
|
||||
transition: transform .3s ease-out, all ease-in-out .3s, -webkit-transform .3s ease-out
|
||||
}
|
||||
.ult_cl_link_6 a {
|
||||
-webkit-transition: color .3s;
|
||||
transition: color .3s;
|
||||
line-height: .75em;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_cl_link_6 a .ult_btn6_link_top {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 100%;
|
||||
right: 50%;
|
||||
color: transparent;
|
||||
content: '•';
|
||||
text-shadow: 0 0 transparent;
|
||||
font-size: .6em;
|
||||
font-weight: inherit;
|
||||
-webkit-transition: text-shadow .3s, color .3s;
|
||||
transition: text-shadow .3s, color .3s;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
pointer-events: none
|
||||
}
|
||||
.ult_cl_link_6 a:focus .ult_btn6_link_top,
|
||||
.ult_cl_link_6 a:hover .ult_btn6_link_top {
|
||||
color: inherit
|
||||
}
|
||||
.ult_cl_link_6 a:focus,
|
||||
.ult_cl_link_6 a:hover {
|
||||
color: #ba7700
|
||||
}
|
||||
.ult_cl_link_6 .ult_btn10_span {
|
||||
line-height: 2em;
|
||||
-webkit-transition: color .3s;
|
||||
transition: color .3s
|
||||
}
|
||||
.ult_cl_link_7 a {
|
||||
padding: 0 20px;
|
||||
height: inherit;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_cl_link_7 a .ult_link_btm,
|
||||
.ult_cl_link_7 a .ult_link_top {
|
||||
position: absolute;
|
||||
width: 45px;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
content: '';
|
||||
opacity: .2;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
pointer-events: none
|
||||
}
|
||||
.ult_cl_link_7 .ult_btn10_span {
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s
|
||||
}
|
||||
.ult_cl_link_7 a .btn7_link_top {
|
||||
top: 0;
|
||||
right: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0
|
||||
}
|
||||
.ult_cl_link_7 a .btn7_link_btm {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform-origin: 0% 0;
|
||||
-ms-transform-origin: 0% 0;
|
||||
transform-origin: 0% 0
|
||||
}
|
||||
.ult_cl_link_7 a:focus .btn7_link_btm,
|
||||
.ult_cl_link_7 a:focus .btn7_link_top,
|
||||
.ult_cl_link_7 a:hover .btn7_link_btm,
|
||||
.ult_cl_link_7 a:hover .btn7_link_top {
|
||||
opacity: 1
|
||||
}
|
||||
.ult_cl_link_7 a:focus .btn7_link_top,
|
||||
.ult_cl_link_7 a:hover .btn7_link_top {
|
||||
right: 50%;
|
||||
-webkit-transform: rotate(0deg) translateX(50%);
|
||||
-ms-transform: rotate(0deg) translateX(50%);
|
||||
transform: rotate(0deg) translateX(50%)
|
||||
}
|
||||
.ult_cl_link_7 a:focus .btn7_link_btm,
|
||||
.ult_cl_link_7 a:hover .btn7_link_btm {
|
||||
left: 50%;
|
||||
-webkit-transform: rotate(0deg) translateX(-50%);
|
||||
-ms-transform: rotate(0deg) translateX(-50%);
|
||||
transform: rotate(0deg) translateX(-50%)
|
||||
}
|
||||
.ult_cl_link_8 a .ulmt_btn8_link_btm,
|
||||
.ult_cl_link_8 a .ult_btn8_link_top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
-webkit-transition: -webkit-transform .3s, opacity .3s;
|
||||
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
||||
transition: opacity .3s, -webkit-transform .3s;
|
||||
transition: transform .3s, opacity .3s;
|
||||
transition: transform .3s, opacity .3s, -webkit-transform .3s
|
||||
}
|
||||
.ult_cl_link_8 .ult_btn10_span {
|
||||
-webkit-transition: -webkit-transform .3s ease-out, all ease .3s;
|
||||
-webkit-transition: all ease .3s, -webkit-transform .3s ease-out;
|
||||
transition: all ease .3s, -webkit-transform .3s ease-out;
|
||||
transition: transform .3s ease-out, all ease .3s;
|
||||
transition: transform .3s ease-out, all ease .3s, -webkit-transform .3s ease-out
|
||||
}
|
||||
.ult_cl_link_8 a .ulmt_btn8_link_btm {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-7px) translateX(-6px);
|
||||
-ms-transform: translateY(-7px) translateX(-6px);
|
||||
transform: translateY(-7px) translateX(-6px)
|
||||
}
|
||||
.ult_cl_link_8 a:focus .ult_btn8_link_top,
|
||||
.ult_cl_link_8 a:hover .ult_btn8_link_top {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(5px) translateX(5px);
|
||||
-ms-transform: translateY(5px) translateX(5px);
|
||||
transform: translateY(5px) translateX(5px)
|
||||
}
|
||||
.ult_cl_link_8 a:focus .ulmt_btn8_link_btm,
|
||||
.ult_cl_link_8 a:hover .ulmt_btn8_link_btm {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0) translateX(0);
|
||||
-ms-transform: translateY(0) translateX(0);
|
||||
transform: translateY(0) translateX(0)
|
||||
}
|
||||
.ult_cl_link_9 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: .5em
|
||||
}
|
||||
.ult_cl_link_9 a {
|
||||
line-height: 1.5em;
|
||||
color: #b4770d;
|
||||
font-weight: 700;
|
||||
/* -webkit-transition: color .5s;
|
||||
-moz-transition: color .5s;
|
||||
transition: color .5s */
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s,color .5s;
|
||||
-webkit-transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s, -webkit-transform .5s;
|
||||
}
|
||||
.ult_cl_link_9 span.ult_btn10_span {
|
||||
z-index: 2;
|
||||
/* -webkit-transition: color .5s;
|
||||
-moz-transition: color .5s;
|
||||
transition: color .5s */
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s,color .5s;
|
||||
-webkit-transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s, -webkit-transform .5s;
|
||||
}
|
||||
.ult_cl_link_9 a span.ult_btn9_link_btm,
|
||||
.ult_cl_link_9 a span.ult_btn9_link_top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
border: inherit;
|
||||
content: '';
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s
|
||||
}
|
||||
.ult_cl_link_9 a span.ult_btn9_link_top {
|
||||
/* -webkit-transform: translateY(-5px);
|
||||
-moz-transform: translateY(-5px);
|
||||
transform: translateY(-5px) */
|
||||
}
|
||||
.ult_cl_link_9 a span.ult_btn9_link_btm {
|
||||
/* -webkit-transform: translateY(5px);
|
||||
-moz-transform: translateY(5px);
|
||||
transform: translateY(5px) */
|
||||
}
|
||||
.ult_cl_link_9 a:focus,
|
||||
.ult_cl_link_9 a:hover {
|
||||
color: #fff
|
||||
}
|
||||
.ult_cl_link_9 a:focus span.ult_btn9_link_top,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_btm,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_top {
|
||||
opacity: .65
|
||||
}
|
||||
.ult_cl_link_9 a:focus span.ult_btn9_link_top,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_top {
|
||||
top: 50%;
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s;
|
||||
-webkit-transform: rotate(-45deg)!important;
|
||||
-ms-transform: rotate(-45deg)!important;
|
||||
transform: rotate(-45deg)!important
|
||||
}
|
||||
.ult_cl_link_9 a:focus span.ult_btn9_link_btm,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_btm {
|
||||
top: 50%;
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s;
|
||||
-webkit-transform: rotate(45deg)!important;
|
||||
-ms-transform: rotate(45deg)!important;
|
||||
transform: rotate(45deg)!important
|
||||
}
|
||||
.ult_cl_link_10 a {
|
||||
line-height: 1.75em;
|
||||
-webkit-perspective: 800px;
|
||||
perspective: 800px
|
||||
}
|
||||
.ult_cl_link_10 a span.ult_btn10_span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background: #587285;
|
||||
border-top: inherit;
|
||||
max-width: 100%;
|
||||
-webkit-transition: background .6s;
|
||||
transition: background .6s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%
|
||||
}
|
||||
.ult_cl_link_10 a span.ult_btn10_link_top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #d3d3d3;
|
||||
color: #2f4351;
|
||||
-webkit-transform: rotateX(270deg);
|
||||
transform: rotateX(270deg);
|
||||
-webkit-transition: -webkit-transform .6s;
|
||||
transition: -webkit-transform .6s;
|
||||
transition: transform .6s;
|
||||
transition: transform .6s, -webkit-transform .6s;
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
pointer-events: none
|
||||
}
|
||||
.style10-span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%,-50%);
|
||||
-ms-transform: translate(50%,-50%);
|
||||
transform: translate(50%, -50%);
|
||||
width: 100%
|
||||
}
|
||||
.ult_cl_link_10 a:focus span.ult_btn10_link_top,
|
||||
.ult_cl_link_10 a:hover span.ult_btn10_link_top {
|
||||
-webkit-transform: rotateX(2deg);
|
||||
transform: rotateX(2deg)
|
||||
}
|
||||
.ult_cl_link_11 {
|
||||
position: relative;
|
||||
z-index: 1
|
||||
}
|
||||
.ult_cl_link_11 a {
|
||||
overflow: hidden;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_cl_link_11 a span,
|
||||
.ult_cl_link_11 a span.ult_btn10_span {
|
||||
display: block;
|
||||
background: #fff;
|
||||
-webkit-transition: all ease-out .3s;
|
||||
transition: all ease-out .3s
|
||||
}
|
||||
.ult_cl_link_11 a .ult_btn11_link_top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
color: #0f7c67;
|
||||
content: attr(data-hover);
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-ms-transform: translateX(25%);
|
||||
transform: translateX(25%);
|
||||
-webkit-transform: translateX(25%);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult_cl_link_11 a:focus span.ult_btn10_span,
|
||||
.ult_cl_link_11 a:hover span.ult_btn10_span {
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transition: transform .3s;
|
||||
transform: translateX(-100%);
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
}
|
||||
.ult_cl_link_11 a:focus .ult_btn11_link_top,
|
||||
.ult_cl_link_11 a:hover .ult_btn11_link_top {
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transition: transform .3s;
|
||||
transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
}
|
||||
.ult_cl_link_1 span.ult_btn10_span {
|
||||
vertical-align: middle
|
||||
}
|
||||
a.ult_colorlink {
|
||||
border-bottom: 0px solid #333;
|
||||
}
|
||||
@@ -0,0 +1,584 @@
|
||||
.ult_main_cl {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: block
|
||||
}
|
||||
p .ult_main_cl {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: inline-block
|
||||
}
|
||||
.ult_btn10_span {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
-webkit-transition: all ease .3s;
|
||||
transition: all ease .3s
|
||||
}
|
||||
.ult_crlink a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
letter-spacing: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult_crlink a:focus,
|
||||
.ult_crlink a:hover {
|
||||
outline: 0
|
||||
}
|
||||
.ult_cl_link_1 a {
|
||||
margin: 0
|
||||
}
|
||||
.ult_cl_link_1 a:after,
|
||||
.ult_cl_link_1 a:before {
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
-webkit-transition: -webkit-transform .3s, opacity .2s;
|
||||
-webkit-transition: opacity .2s, -webkit-transform .3s;
|
||||
transition: opacity .2s, -webkit-transform .3s;
|
||||
transition: transform .3s, opacity .2s;
|
||||
transition: transform .3s, opacity .2s, -webkit-transform .3s;
|
||||
color: inherit;
|
||||
padding: 0 3px
|
||||
}
|
||||
.ult_cl_link_1 .ult_btn10_span {
|
||||
-webkit-transition: all ease .3s;
|
||||
transition: all ease .3s
|
||||
}
|
||||
.ult_cl_link_1 a:before {
|
||||
content: '[';
|
||||
-webkit-transform: translateX(20px);
|
||||
-ms-transform: translateX(20px);
|
||||
transform: translateX(20px)
|
||||
}
|
||||
.ult_cl_link_1 a:after {
|
||||
content: ']';
|
||||
-webkit-transform: translateX(-20px);
|
||||
-ms-transform: translateX(-20px);
|
||||
transform: translateX(-20px)
|
||||
}
|
||||
.ult_cl_link_1 a:focus:after,
|
||||
.ult_cl_link_1 a:focus:before,
|
||||
.ult_cl_link_1 a:hover::before,
|
||||
.ult_cl_link_1 a:hover:after {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.ult_cl_link_2 a {
|
||||
line-height: inherit;
|
||||
-webkit-perspective: 5000px;
|
||||
perspective: 5000px;
|
||||
-webkit-perspective-origin: 50% 50%;
|
||||
perspective-origin: 50% 50%
|
||||
}
|
||||
.ult_cl_link_2 a span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background: inherit;
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
.ult_cl_link_2 a span:before {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: attr(data-hover);
|
||||
-webkit-transform: rotateX(-90deg);
|
||||
transform: rotateX(-90deg);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
padding: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background: inherit
|
||||
}
|
||||
.ult_cl_link_2 .ult_btn10_span {
|
||||
max-width: 100%;
|
||||
-webkit-transition: all ease .3s;
|
||||
transition: all ease .3s
|
||||
}
|
||||
.ult_cl_link_2 a:focus span,
|
||||
.ult_cl_link_2 a:hover span {
|
||||
-webkit-transform: rotateX(90deg) translateY(-22px);
|
||||
transform: rotateX(90deg) translateY(-22px)
|
||||
}
|
||||
.ult_cl_link_2 a:focus span:before,
|
||||
.ult_cl_link_2 a:hover span:before {
|
||||
background: inherit
|
||||
}
|
||||
.ult_cl_link_3 a {
|
||||
font-size: inherit
|
||||
}
|
||||
.ult_cl_link_3 a .ult_link_btm3 {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border: inherit;
|
||||
content: '';
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translateY(10px);
|
||||
-ms-transform: translateY(10px);
|
||||
transform: translateY(10px)
|
||||
}
|
||||
.ult_cl_link_3 a:hover .ult_link_btm3 {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.ult_cl_link_3 .ult_btn10_span {
|
||||
-webkit-transition: all ease-out .5s;
|
||||
transition: all ease-out .5s
|
||||
}
|
||||
.ult_cl_link_4 a {
|
||||
font-size: inherit
|
||||
}
|
||||
.ult_cl_link_4 a .ult_link_btm4 {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border: inherit;
|
||||
content: '';
|
||||
opacity: 0;
|
||||
-webkit-transition: height .5s, opacity .5s, -webkit-transform .5s;
|
||||
transition: height .5s, opacity .5s, -webkit-transform .5s;
|
||||
transition: height .5s, opacity .5s, transform .5s;
|
||||
transition: height .5s, opacity .5s, transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translateY(-10px);
|
||||
-ms-transform: translateY(-10px);
|
||||
transform: translateY(-10px)
|
||||
}
|
||||
.ult_cl_link_4 a:hover .ult_link_btm4 {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.ult_cl_link_4 .ult_btn10_span {
|
||||
-webkit-transition: height .5s ease-out, opacity .5s ease-out, -webkit-transform .5s ease-out, all ease-in-out .5s;
|
||||
-webkit-transition: height .5s, opacity .5s ease-out, all ease-in-out .5s, -webkit-transform .5s ease-out;
|
||||
transition: height .5s, opacity .5s ease-out, all ease-in-out .5s, -webkit-transform .5s ease-out;
|
||||
transition: height .5s, opacity .5s ease-out, transform .5s ease-out, all ease-in-out .5s;
|
||||
transition: height .5s, opacity .5s ease-out, transform .5s ease-out, all ease-in-out .5s, -webkit-transform .5s ease-out
|
||||
}
|
||||
.ult_cl_link_5 a {
|
||||
color: #566473;
|
||||
text-shadow: none;
|
||||
font-weight: inherit;
|
||||
height: 100%;
|
||||
line-height: 1em;
|
||||
font-size: inherit
|
||||
}
|
||||
.ult_cl_link_5 a .ult_link_btm,
|
||||
.ult_cl_link_5 a .ult_link_top {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border: inherit;
|
||||
content: '';
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transform: scale(.85);
|
||||
-ms-transform: scale(.85);
|
||||
transform: scale(.85)
|
||||
}
|
||||
.ult_cl_link_5 a .ult_link_btm {
|
||||
opacity: 0;
|
||||
-webkit-transition: top .3s, opacity .3s, -webkit-transform .3s;
|
||||
transition: top .3s, opacity .3s, -webkit-transform .3s;
|
||||
transition: top .3s, opacity .3s, transform .3s;
|
||||
transition: top .3s, opacity .3s, transform .3s, -webkit-transform .3s
|
||||
}
|
||||
.ult_cl_link_5 a:focus .ult_link_btm,
|
||||
.ult_cl_link_5 a:focus .ult_link_top,
|
||||
.ult_cl_link_5 a:hover .ult_link_btm,
|
||||
.ult_cl_link_5 a:hover .ult_link_top {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult_cl_link_5 a:focus .ult_link_btm,
|
||||
.ult_cl_link_5 a:hover .ult_link_btm {
|
||||
top: 0;
|
||||
opacity: 1
|
||||
}
|
||||
.ult_cl_link_5 .ult_btn10_span {
|
||||
-webkit-transition: -webkit-transform .3s ease-out, all ease-in-out .3s;
|
||||
-webkit-transition: all ease-in-out .3s, -webkit-transform .3s ease-out;
|
||||
transition: all ease-in-out .3s, -webkit-transform .3s ease-out;
|
||||
transition: transform .3s ease-out, all ease-in-out .3s;
|
||||
transition: transform .3s ease-out, all ease-in-out .3s, -webkit-transform .3s ease-out
|
||||
}
|
||||
.ult_cl_link_6 a {
|
||||
-webkit-transition: color .3s;
|
||||
transition: color .3s;
|
||||
line-height: .75em;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_cl_link_6 a .ult_btn6_link_top {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
color: transparent;
|
||||
content: '•';
|
||||
text-shadow: 0 0 transparent;
|
||||
font-size: .6em;
|
||||
font-weight: inherit;
|
||||
-webkit-transition: text-shadow .3s, color .3s;
|
||||
transition: text-shadow .3s, color .3s;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
pointer-events: none
|
||||
}
|
||||
.ult_cl_link_6 a:focus .ult_btn6_link_top,
|
||||
.ult_cl_link_6 a:hover .ult_btn6_link_top {
|
||||
color: inherit
|
||||
}
|
||||
.ult_cl_link_6 a:focus,
|
||||
.ult_cl_link_6 a:hover {
|
||||
color: #ba7700
|
||||
}
|
||||
.ult_cl_link_6 .ult_btn10_span {
|
||||
line-height: 2em;
|
||||
-webkit-transition: color .3s;
|
||||
transition: color .3s
|
||||
}
|
||||
.ult_cl_link_7 a {
|
||||
padding: 0 20px;
|
||||
height: inherit;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_cl_link_7 a .ult_link_btm,
|
||||
.ult_cl_link_7 a .ult_link_top {
|
||||
position: absolute;
|
||||
width: 45px;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
content: '';
|
||||
opacity: .2;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
pointer-events: none
|
||||
}
|
||||
.ult_cl_link_7 .ult_btn10_span {
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s
|
||||
}
|
||||
.ult_cl_link_7 a .btn7_link_top {
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0
|
||||
}
|
||||
.ult_cl_link_7 a .btn7_link_btm {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0
|
||||
}
|
||||
.ult_cl_link_7 a:focus .btn7_link_btm,
|
||||
.ult_cl_link_7 a:focus .btn7_link_top,
|
||||
.ult_cl_link_7 a:hover .btn7_link_btm,
|
||||
.ult_cl_link_7 a:hover .btn7_link_top {
|
||||
opacity: 1
|
||||
}
|
||||
.ult_cl_link_7 a:focus .btn7_link_top,
|
||||
.ult_cl_link_7 a:hover .btn7_link_top {
|
||||
left: 50%;
|
||||
-webkit-transform: rotate(0deg) translateX(-50%);
|
||||
-ms-transform: rotate(0deg) translateX(-50%);
|
||||
transform: rotate(0deg) translateX(-50%)
|
||||
}
|
||||
.ult_cl_link_7 a:focus .btn7_link_btm,
|
||||
.ult_cl_link_7 a:hover .btn7_link_btm {
|
||||
right: 50%;
|
||||
-webkit-transform: rotate(0deg) translateX(50%);
|
||||
-ms-transform: rotate(0deg) translateX(50%);
|
||||
transform: rotate(0deg) translateX(50%)
|
||||
}
|
||||
.ult_cl_link_8 a .ulmt_btn8_link_btm,
|
||||
.ult_cl_link_8 a .ult_btn8_link_top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
-webkit-transition: -webkit-transform .3s, opacity .3s;
|
||||
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
||||
transition: opacity .3s, -webkit-transform .3s;
|
||||
transition: transform .3s, opacity .3s;
|
||||
transition: transform .3s, opacity .3s, -webkit-transform .3s
|
||||
}
|
||||
.ult_cl_link_8 .ult_btn10_span {
|
||||
-webkit-transition: -webkit-transform .3s ease-out, all ease .3s;
|
||||
-webkit-transition: all ease .3s, -webkit-transform .3s ease-out;
|
||||
transition: all ease .3s, -webkit-transform .3s ease-out;
|
||||
transition: transform .3s ease-out, all ease .3s;
|
||||
transition: transform .3s ease-out, all ease .3s, -webkit-transform .3s ease-out
|
||||
}
|
||||
.ult_cl_link_8 a .ulmt_btn8_link_btm {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-7px) translateX(6px);
|
||||
-ms-transform: translateY(-7px) translateX(6px);
|
||||
transform: translateY(-7px) translateX(6px)
|
||||
}
|
||||
.ult_cl_link_8 a:focus .ult_btn8_link_top,
|
||||
.ult_cl_link_8 a:hover .ult_btn8_link_top {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(5px) translateX(-5px);
|
||||
-ms-transform: translateY(5px) translateX(-5px);
|
||||
transform: translateY(5px) translateX(-5px)
|
||||
}
|
||||
.ult_cl_link_8 a:focus .ulmt_btn8_link_btm,
|
||||
.ult_cl_link_8 a:hover .ulmt_btn8_link_btm {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0) translateX(0);
|
||||
-ms-transform: translateY(0) translateX(0);
|
||||
transform: translateY(0) translateX(0)
|
||||
}
|
||||
.ult_cl_link_9 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: .5em
|
||||
}
|
||||
.ult_cl_link_9 a {
|
||||
line-height: 1.5em;
|
||||
color: #b4770d;
|
||||
font-weight: 700;
|
||||
/* -webkit-transition: color .5s;
|
||||
-moz-transition: color .5s;
|
||||
transition: color .5s */
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s,color .5s;
|
||||
-webkit-transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s, -webkit-transform .5s;
|
||||
}
|
||||
.ult_cl_link_9 span.ult_btn10_span {
|
||||
z-index: 2;
|
||||
/* -webkit-transition: color .5s;
|
||||
-moz-transition: color .5s;
|
||||
transition: color .5s */
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s,color .5s;
|
||||
-webkit-transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s,color .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s;
|
||||
transition: transform .5s, opacity .5s,color .5s, -webkit-transform .5s;
|
||||
}
|
||||
.ult_cl_link_9 a span.ult_btn9_link_btm,
|
||||
.ult_cl_link_9 a span.ult_btn9_link_top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
border: inherit;
|
||||
content: '';
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s
|
||||
}
|
||||
.ult_cl_link_9 a span.ult_btn9_link_top {
|
||||
/* -webkit-transform: translateY(-5px);
|
||||
-moz-transform: translateY(-5px);
|
||||
transform: translateY(-5px) */
|
||||
}
|
||||
.ult_cl_link_9 a span.ult_btn9_link_btm {
|
||||
/* -webkit-transform: translateY(5px);
|
||||
-moz-transform: translateY(5px);
|
||||
transform: translateY(5px) */
|
||||
}
|
||||
.ult_cl_link_9 a:focus,
|
||||
.ult_cl_link_9 a:hover {
|
||||
color: #fff
|
||||
}
|
||||
.ult_cl_link_9 a:focus span.ult_btn9_link_top,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_btm,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_top {
|
||||
opacity: .65
|
||||
}
|
||||
.ult_cl_link_9 a:focus span.ult_btn9_link_top,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_top {
|
||||
top: 50%;
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s;
|
||||
-webkit-transform: rotate(45deg)!important;
|
||||
-ms-transform: rotate(45deg)!important;
|
||||
transform: rotate(45deg)!important
|
||||
}
|
||||
.ult_cl_link_9 a:focus span.ult_btn9_link_btm,
|
||||
.ult_cl_link_9 a:hover span.ult_btn9_link_btm {
|
||||
top: 50%;
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s;
|
||||
-webkit-transform: rotate(-45deg)!important;
|
||||
-ms-transform: rotate(-45deg)!important;
|
||||
transform: rotate(-45deg)!important
|
||||
}
|
||||
.ult_cl_link_10 a {
|
||||
line-height: 1.75em;
|
||||
-webkit-perspective: 800px;
|
||||
perspective: 800px
|
||||
}
|
||||
.ult_cl_link_10 a span.ult_btn10_span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
background: #587285;
|
||||
border-top: inherit;
|
||||
max-width: 100%;
|
||||
-webkit-transition: background .6s;
|
||||
transition: background .6s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform-origin: 0 50%;
|
||||
-ms-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%
|
||||
}
|
||||
.ult_cl_link_10 a span.ult_btn10_link_top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #d3d3d3;
|
||||
color: #2f4351;
|
||||
-webkit-transform: rotateX(270deg);
|
||||
transform: rotateX(270deg);
|
||||
-webkit-transition: -webkit-transform .6s;
|
||||
transition: -webkit-transform .6s;
|
||||
transition: transform .6s;
|
||||
transition: transform .6s, -webkit-transform .6s;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
pointer-events: none
|
||||
}
|
||||
.style10-span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%
|
||||
}
|
||||
.ult_cl_link_10 a:focus span.ult_btn10_link_top,
|
||||
.ult_cl_link_10 a:hover span.ult_btn10_link_top {
|
||||
-webkit-transform: rotateX(2deg);
|
||||
transform: rotateX(2deg)
|
||||
}
|
||||
.ult_cl_link_11 {
|
||||
position: relative;
|
||||
z-index: 1
|
||||
}
|
||||
.ult_cl_link_11 a {
|
||||
overflow: hidden;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_cl_link_11 a span,
|
||||
.ult_cl_link_11 a span.ult_btn10_span {
|
||||
display: block;
|
||||
background: #fff;
|
||||
-webkit-transition: all ease-out .3s;
|
||||
transition: all ease-out .3s
|
||||
}
|
||||
.ult_cl_link_11 a .ult_btn11_link_top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
color: #0f7c67;
|
||||
content: attr(data-hover);
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-ms-transform: translateX(-25%);
|
||||
transform: translateX(-25%);
|
||||
-webkit-transform: translateX(-25%);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult_cl_link_11 a:focus span.ult_btn10_span,
|
||||
.ult_cl_link_11 a:hover span.ult_btn10_span {
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transition: transform .3s;
|
||||
transform: translateX(100%);
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
}
|
||||
.ult_cl_link_11 a:focus .ult_btn11_link_top,
|
||||
.ult_cl_link_11 a:hover .ult_btn11_link_top {
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
-webkit-transition: transform .3s;
|
||||
transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
}
|
||||
.ult_cl_link_1 span.ult_btn10_span {
|
||||
vertical-align: middle
|
||||
}
|
||||
a.ult_colorlink {
|
||||
border-bottom: 0px solid #333;
|
||||
}
|
||||
@@ -0,0 +1,595 @@
|
||||
.ult_dual_button {
|
||||
position: relative
|
||||
}
|
||||
a.ult_ivan_button {
|
||||
text-decoration: none;
|
||||
-webkit-box-sizing: initial;
|
||||
-moz-box-sizing: initial;
|
||||
-ms-box-sizing: initial;
|
||||
box-sizing: initial
|
||||
}
|
||||
.ult_dual_button.to-left {
|
||||
text-align: right
|
||||
}
|
||||
.ult_dual_button.to-right {
|
||||
text-align: left
|
||||
}
|
||||
.ult_dual_button.to-center {
|
||||
text-align: center;
|
||||
width: 100%
|
||||
}
|
||||
.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper {
|
||||
float: right;
|
||||
position: relative
|
||||
}
|
||||
.ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
|
||||
border-width: 4px 4px 4px 1px
|
||||
}
|
||||
.ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-width: 4px 1px 4px 4px
|
||||
}
|
||||
.ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
|
||||
border-left-width: 1px
|
||||
}
|
||||
.ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-right-width: 1px
|
||||
}
|
||||
.ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
|
||||
border-width: 1px
|
||||
}
|
||||
.ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-width: 1px 0 1px 1px
|
||||
}
|
||||
.ult_dual_button.thin-borders .middle-text {
|
||||
border-width: 1px;
|
||||
line-height: 23px
|
||||
}
|
||||
.ult_dual_button.no-borders .middle-text,
|
||||
.ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button,
|
||||
.ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-width: 0
|
||||
}
|
||||
.ult_dual_button .middle-text {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
color: #7f7f7f;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
font-size: 11px;
|
||||
border: 2px solid #e7e7e7;
|
||||
font-weight: 400;
|
||||
z-index: 12;
|
||||
-webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
|
||||
transition: border-color ease 500ms, background ease 500ms, color ease 500ms
|
||||
}
|
||||
.ult_dual_button .middle-text .middle-inner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
width: 100%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
line-height: .8em
|
||||
}
|
||||
.ult_dual_button .gray-bg .middle-text {
|
||||
border-color: #ddd;
|
||||
color: #bbb
|
||||
}
|
||||
.ult_dual_button .dark-bg .middle-text {
|
||||
border-color: #20262c;
|
||||
background: #20262c;
|
||||
color: #fff
|
||||
}
|
||||
.ult_dual_button .light-bg .middle-text {
|
||||
border-color: #fff;
|
||||
color: #444
|
||||
}
|
||||
.ult_dual_button .primary-bg .middle-text {
|
||||
border-color: rgba(0, 0, 0, .2);
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
color: #fff
|
||||
}
|
||||
.ivan-button-align.to-left {
|
||||
text-align: right
|
||||
}
|
||||
.ivan-button-align.to-right {
|
||||
text-align: left
|
||||
}
|
||||
.ivan-button-align.to-center {
|
||||
text-align: center
|
||||
}
|
||||
.ult_dualbutton-wrapper {
|
||||
display: inline-block
|
||||
}
|
||||
.ult_dualbutton-wrapper.btn-block,
|
||||
.ult_dualbutton-wrapper.btn-block .ult_ivan_button {
|
||||
display: block
|
||||
}
|
||||
.ult_dualbutton-wrapper.btn-block .ult_ivan_button.btn-desc {
|
||||
text-align: right
|
||||
}
|
||||
.ult_ivan_button {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
-webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
|
||||
transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.428571429;
|
||||
color: #7f7f7f;
|
||||
border: 2px solid #e7e7e7;
|
||||
background-color: #fff;
|
||||
padding: .5em 0
|
||||
}
|
||||
.ult_ivan_button hr {
|
||||
background-color: #e7e7e7;
|
||||
border: none;
|
||||
-webkit-transition: background ease 150ms;
|
||||
transition: background ease 150ms
|
||||
}
|
||||
.ult_ivan_button:hover {
|
||||
color: #fff
|
||||
}
|
||||
.ult_ivan_button:hover hr {
|
||||
background-color: #fff;
|
||||
border: none
|
||||
}
|
||||
.ult_ivan_button.outline {
|
||||
border-width: 2px;
|
||||
background-color: transparent
|
||||
}
|
||||
.ult_ivan_button.outline:hover {
|
||||
border-color: #2ac56c;
|
||||
color: #2ac56c
|
||||
}
|
||||
.ult_ivan_button.outline:hover hr {
|
||||
background-color: #2ac56c
|
||||
}
|
||||
.ult_ivan_button.no-border {
|
||||
border-width: 0;
|
||||
background-color: #f7f7f7
|
||||
}
|
||||
.ult_ivan_button.no-border:hover {
|
||||
background-color: #2ac56c;
|
||||
border-color: #2ac56c
|
||||
}
|
||||
.ult_ivan_button.square {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0
|
||||
}
|
||||
.ult_ivan_button.round {
|
||||
-webkit-border-radius: 50px;
|
||||
border-radius: 50px
|
||||
}
|
||||
.ult_ivan_button.round-square {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit
|
||||
}
|
||||
.ult_ivan_button.circular {
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
padding: 0;
|
||||
width: 53px;
|
||||
height: 53px
|
||||
}
|
||||
.ult_ivan_button.circular .center-holder {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.ult_ivan_button.circular .center-inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_ivan_button.circular .icon-simple {
|
||||
display: block;
|
||||
padding: 0 0 5px;
|
||||
width: auto
|
||||
}
|
||||
.ult_ivan_button.circular .text-btn {
|
||||
padding: 0;
|
||||
display: block
|
||||
}
|
||||
.ult_ivan_button.circular.only-icon {
|
||||
padding: 0
|
||||
}
|
||||
.ult_ivan_button.circular.only-icon .icon-simple {
|
||||
padding: 0;
|
||||
font-size: 25px
|
||||
}
|
||||
.ult_ivan_button .text-btn {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 0 22px
|
||||
}
|
||||
.ult_ivan_button .icon-simple {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
padding: 0 22px 0 10px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
.ult_ivan_button .icon-simple.icon-text {
|
||||
width: auto
|
||||
}
|
||||
.ult_ivan_button.icon-before .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.icon-before .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.icon-after .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.icon-after .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon {
|
||||
padding: 0
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon .icon-simple {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 13px;
|
||||
background-color: rgba(0, 0, 0, .2)
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-right: 13px
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-left: 13px
|
||||
}
|
||||
.ult_ivan_button.text-separator.with-icon.icon-before .text-btn {
|
||||
border-right: 1px solid rgba(255, 255, 255, .25);
|
||||
padding-right: 10px
|
||||
}
|
||||
.ult_ivan_button.text-separator.with-icon.icon-after .text-btn {
|
||||
border-left: 1px solid rgba(255, 255, 255, .25);
|
||||
padding-left: 10px
|
||||
}
|
||||
.ult_ivan_button.glow-icon .icon-simple i {
|
||||
text-shadow: rgba(255, 255, 255, .4)0 0 20px
|
||||
}
|
||||
.ult_ivan_button.button-zoom {
|
||||
-webkit-transition: all ease 300ms;
|
||||
transition: all ease 300ms;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult_ivan_button.button-zoom:hover {
|
||||
-webkit-transform: scale(1.15);
|
||||
-ms-transform: scale(1.15);
|
||||
transform: scale(1.15)
|
||||
}
|
||||
.ult_ivan_button.only-icon .icon-simple {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
line-height: 1
|
||||
}
|
||||
.ult_ivan_button.btn-desc .text-btn-inner {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_ivan_button.btn-desc .text-desc {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
font-size: 11px;
|
||||
font-weight: 400
|
||||
}
|
||||
.ult_ivan_button.btn-desc.with-icon .text-btn {
|
||||
text-align: right
|
||||
}
|
||||
.ult_ivan_button.large {
|
||||
font-size: 18px;
|
||||
padding: 16px 0
|
||||
}
|
||||
.ult_ivan_button.large.circular {
|
||||
width: 67px;
|
||||
height: 67px
|
||||
}
|
||||
.ult_ivan_button.large.circular.only-icon .icon-simple {
|
||||
font-size: 28px
|
||||
}
|
||||
.ult_ivan_button.large .text-btn {
|
||||
padding: 0 24px
|
||||
}
|
||||
.ult_ivan_button.large .icon-simple {
|
||||
padding: 0 24px 0 12px;
|
||||
font-size: 22px
|
||||
}
|
||||
.ult_ivan_button.large.icon-before .icon-simple {
|
||||
padding: 0 19px 0 12px
|
||||
}
|
||||
.ult_ivan_button.large.icon-before .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.large.icon-after .icon-simple {
|
||||
padding: 0 12px 0 19px
|
||||
}
|
||||
.ult_ivan_button.large.icon-after .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.large.icon-cover.with-icon .icon-simple {
|
||||
padding: 16px 17px
|
||||
}
|
||||
.ult_ivan_button.large.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-right: 17px
|
||||
}
|
||||
.ult_ivan_button.large.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-left: 17px
|
||||
}
|
||||
.ult_ivan_button.large.text-separator.with-icon.icon-before .text-btn {
|
||||
padding-right: 12px
|
||||
}
|
||||
.ult_ivan_button.large.text-separator.with-icon.icon-after .text-btn {
|
||||
padding-left: 12px
|
||||
}
|
||||
.ult_ivan_button.large.only-icon .icon-simple {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px
|
||||
}
|
||||
.ult_ivan_button.large.btn-desc .text-btn-inner,
|
||||
.ult_ivan_button.large.btn-desc .text-desc {
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_ivan_button.x-large {
|
||||
font-size: 20px;
|
||||
padding: 22px 0
|
||||
}
|
||||
.ult_ivan_button.x-large.circular {
|
||||
width: 85px;
|
||||
height: 85px
|
||||
}
|
||||
.ult_ivan_button.x-large.circular.only-icon .icon-simple {
|
||||
font-size: 34px
|
||||
}
|
||||
.ult_ivan_button.x-large .text-btn {
|
||||
padding: 0 36px
|
||||
}
|
||||
.ult_ivan_button.x-large .icon-simple {
|
||||
padding: 0 36px 0 18px;
|
||||
font-size: 26px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-before .icon-simple {
|
||||
padding: 0 27px 0 18px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-before .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-after .icon-simple {
|
||||
padding: 0 18px 0 27px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-after .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-cover.with-icon .icon-simple {
|
||||
padding: 22px 25px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-right: 25px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-left: 25px
|
||||
}
|
||||
.ult_ivan_button.x-large.text-separator.with-icon.icon-before .text-btn {
|
||||
padding-right: 18px
|
||||
}
|
||||
.ult_ivan_button.x-large.text-separator.with-icon.icon-after .text-btn {
|
||||
padding-left: 18px
|
||||
}
|
||||
.ult_ivan_button.x-large.only-icon .icon-simple {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px
|
||||
}
|
||||
.ult_ivan_button.x-large.btn-desc .text-btn-inner {
|
||||
font-size: 14px
|
||||
}
|
||||
.ult_ivan_button.x-large.btn-desc .text-desc {
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_ivan_button.compact {
|
||||
font-size: 14px;
|
||||
padding: 5px 0
|
||||
}
|
||||
.ult_ivan_button.compact.circular {
|
||||
width: 36px;
|
||||
height: 36px
|
||||
}
|
||||
.ult_ivan_button.compact.circular.only-icon .icon-simple {
|
||||
font-size: 14px
|
||||
}
|
||||
.ult_ivan_button.compact .text-btn {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.compact .icon-simple {
|
||||
padding: 0 10px;
|
||||
font-size: 16px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-before .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-before .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.compact.icon-after .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-after .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.compact.icon-cover.with-icon .icon-simple {
|
||||
padding: 5px 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-right: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-left: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.text-separator.with-icon.icon-before .text-btn {
|
||||
padding-right: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.text-separator.with-icon.icon-after .text-btn {
|
||||
padding-left: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.only-icon .icon-simple {
|
||||
padding-right: 7px;
|
||||
padding-left: 7px
|
||||
}
|
||||
.ult_ivan_button.compact.btn-desc .text-btn-inner {
|
||||
font-size: 11px;
|
||||
line-height: 1
|
||||
}
|
||||
.ult_ivan_button.compact.btn-desc .text-desc {
|
||||
font-size: 10px;
|
||||
line-height: 1
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular {
|
||||
width: 160px;
|
||||
height: 160px
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular.only-icon .icon-simple {
|
||||
font-size: 34px
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular .text-btn {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular hr {
|
||||
height: 2px;
|
||||
width: 20%;
|
||||
margin: 10px auto
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular hr:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.ult_ivan_button.gray-bg {
|
||||
background-color: #fff;
|
||||
border-color: #ddd;
|
||||
color: #ccc
|
||||
}
|
||||
.ulitmate_dual_buttons {
|
||||
display: inline-block
|
||||
}
|
||||
.ult-dual-btn3 .ult_dual1 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn3 .ult_dual2 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-border-bottom-left-radius: inherit;
|
||||
border-bottom-left-radius: inherit;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn3 .aio-icon,
|
||||
.ult-dual-btn3 .aio-icon-img,
|
||||
.ult-dual-btn3 .icon-simple,
|
||||
.ult-dual-btn3 .ult-dual-button-title {
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn4 .ult_dual1 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0
|
||||
}
|
||||
.ult-dual-btn4 .ult_dual2 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn4 .aio-icon,
|
||||
.ult-dual-btn4 .aio-icon-img,
|
||||
.ult-dual-btn4 .icon-simple,
|
||||
.ult-dual-btn4 .ult-dual-button-title {
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn .ult_dual1,
|
||||
.ult-dual-btn .ult_dual2 {
|
||||
display: block;
|
||||
-webkit-transition: .5s;
|
||||
transition: .5s
|
||||
}
|
||||
.ult-dual-btn .ult-dual-button-title {
|
||||
-webkit-transition: .5s;
|
||||
transition: .5s
|
||||
}
|
||||
.ult-dual-btn .aio-icon,
|
||||
.ult-dual-btn .aio-icon-img,
|
||||
.ult-dual-btn .icon-simple {
|
||||
-webkit-transition: .5s;
|
||||
transition: .5s
|
||||
}
|
||||
.ult_dual_button .aio-icon {
|
||||
display: block!important
|
||||
}
|
||||
.icon-right1 {
|
||||
padding: 0 10px 0 22px!important
|
||||
}
|
||||
.icon-left2 {
|
||||
padding-right: 22px!important
|
||||
}
|
||||
.title_right {
|
||||
padding-left: 10px!important
|
||||
}
|
||||
.title_left {
|
||||
padding-right: 10px!important
|
||||
}
|
||||
.btn1icon {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
position: relative
|
||||
}
|
||||
.ult_btn1span {
|
||||
height: 100%
|
||||
}
|
||||
@@ -0,0 +1,595 @@
|
||||
.ult_dual_button {
|
||||
position: relative
|
||||
}
|
||||
a.ult_ivan_button {
|
||||
text-decoration: none;
|
||||
-webkit-box-sizing: initial;
|
||||
-moz-box-sizing: initial;
|
||||
-ms-box-sizing: initial;
|
||||
box-sizing: initial
|
||||
}
|
||||
.ult_dual_button.to-left {
|
||||
text-align: left
|
||||
}
|
||||
.ult_dual_button.to-right {
|
||||
text-align: right
|
||||
}
|
||||
.ult_dual_button.to-center {
|
||||
text-align: center;
|
||||
width: 100%
|
||||
}
|
||||
.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper {
|
||||
float: left;
|
||||
position: relative
|
||||
}
|
||||
.ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
|
||||
border-width: 4px 1px 4px 4px
|
||||
}
|
||||
.ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-width: 4px 4px 4px 1px
|
||||
}
|
||||
.ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
|
||||
border-right-width: 1px
|
||||
}
|
||||
.ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-left-width: 1px
|
||||
}
|
||||
.ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
|
||||
border-width: 1px
|
||||
}
|
||||
.ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-width: 1px 1px 1px 0
|
||||
}
|
||||
.ult_dual_button.thin-borders .middle-text {
|
||||
border-width: 1px;
|
||||
line-height: 23px
|
||||
}
|
||||
.ult_dual_button.no-borders .middle-text,
|
||||
.ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button,
|
||||
.ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
|
||||
border-width: 0
|
||||
}
|
||||
.ult_dual_button .middle-text {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
color: #7f7f7f;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
font-size: 11px;
|
||||
border: 2px solid #e7e7e7;
|
||||
font-weight: 400;
|
||||
z-index: 12;
|
||||
-webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
|
||||
transition: border-color ease 500ms, background ease 500ms, color ease 500ms
|
||||
}
|
||||
.ult_dual_button .middle-text .middle-inner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
line-height: .8em
|
||||
}
|
||||
.ult_dual_button .gray-bg .middle-text {
|
||||
border-color: #ddd;
|
||||
color: #bbb
|
||||
}
|
||||
.ult_dual_button .dark-bg .middle-text {
|
||||
border-color: #20262c;
|
||||
background: #20262c;
|
||||
color: #fff
|
||||
}
|
||||
.ult_dual_button .light-bg .middle-text {
|
||||
border-color: #fff;
|
||||
color: #444
|
||||
}
|
||||
.ult_dual_button .primary-bg .middle-text {
|
||||
border-color: rgba(0, 0, 0, .2);
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
color: #fff
|
||||
}
|
||||
.ivan-button-align.to-left {
|
||||
text-align: left
|
||||
}
|
||||
.ivan-button-align.to-right {
|
||||
text-align: right
|
||||
}
|
||||
.ivan-button-align.to-center {
|
||||
text-align: center
|
||||
}
|
||||
.ult_dualbutton-wrapper {
|
||||
display: inline-block
|
||||
}
|
||||
.ult_dualbutton-wrapper.btn-block,
|
||||
.ult_dualbutton-wrapper.btn-block .ult_ivan_button {
|
||||
display: block
|
||||
}
|
||||
.ult_dualbutton-wrapper.btn-block .ult_ivan_button.btn-desc {
|
||||
text-align: left
|
||||
}
|
||||
.ult_ivan_button {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
-webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
|
||||
transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.428571429;
|
||||
color: #7f7f7f;
|
||||
border: 2px solid #e7e7e7;
|
||||
background-color: #fff;
|
||||
padding: .5em 0
|
||||
}
|
||||
.ult_ivan_button hr {
|
||||
background-color: #e7e7e7;
|
||||
border: none;
|
||||
-webkit-transition: background ease 150ms;
|
||||
transition: background ease 150ms
|
||||
}
|
||||
.ult_ivan_button:hover {
|
||||
color: #fff
|
||||
}
|
||||
.ult_ivan_button:hover hr {
|
||||
background-color: #fff;
|
||||
border: none
|
||||
}
|
||||
.ult_ivan_button.outline {
|
||||
border-width: 2px;
|
||||
background-color: transparent
|
||||
}
|
||||
.ult_ivan_button.outline:hover {
|
||||
border-color: #2ac56c;
|
||||
color: #2ac56c
|
||||
}
|
||||
.ult_ivan_button.outline:hover hr {
|
||||
background-color: #2ac56c
|
||||
}
|
||||
.ult_ivan_button.no-border {
|
||||
border-width: 0;
|
||||
background-color: #f7f7f7
|
||||
}
|
||||
.ult_ivan_button.no-border:hover {
|
||||
background-color: #2ac56c;
|
||||
border-color: #2ac56c
|
||||
}
|
||||
.ult_ivan_button.square {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0
|
||||
}
|
||||
.ult_ivan_button.round {
|
||||
-webkit-border-radius: 50px;
|
||||
border-radius: 50px
|
||||
}
|
||||
.ult_ivan_button.round-square {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit
|
||||
}
|
||||
.ult_ivan_button.circular {
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
padding: 0;
|
||||
width: 53px;
|
||||
height: 53px
|
||||
}
|
||||
.ult_ivan_button.circular .center-holder {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.ult_ivan_button.circular .center-inner {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_ivan_button.circular .icon-simple {
|
||||
display: block;
|
||||
padding: 0 0 5px;
|
||||
width: auto
|
||||
}
|
||||
.ult_ivan_button.circular .text-btn {
|
||||
padding: 0;
|
||||
display: block
|
||||
}
|
||||
.ult_ivan_button.circular.only-icon {
|
||||
padding: 0
|
||||
}
|
||||
.ult_ivan_button.circular.only-icon .icon-simple {
|
||||
padding: 0;
|
||||
font-size: 25px
|
||||
}
|
||||
.ult_ivan_button .text-btn {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 0 22px
|
||||
}
|
||||
.ult_ivan_button .icon-simple {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
padding: 0 10px 0 22px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
.ult_ivan_button .icon-simple.icon-text {
|
||||
width: auto
|
||||
}
|
||||
.ult_ivan_button.icon-before .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.icon-before .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.icon-after .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.icon-after .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon {
|
||||
padding: 0
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon .icon-simple {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding: 13px;
|
||||
background-color: rgba(0, 0, 0, .2)
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-left: 13px
|
||||
}
|
||||
.ult_ivan_button.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-right: 13px
|
||||
}
|
||||
.ult_ivan_button.text-separator.with-icon.icon-before .text-btn {
|
||||
border-left: 1px solid rgba(255, 255, 255, .25);
|
||||
padding-left: 10px
|
||||
}
|
||||
.ult_ivan_button.text-separator.with-icon.icon-after .text-btn {
|
||||
border-right: 1px solid rgba(255, 255, 255, .25);
|
||||
padding-right: 10px
|
||||
}
|
||||
.ult_ivan_button.glow-icon .icon-simple i {
|
||||
text-shadow: rgba(255, 255, 255, .4)0 0 20px
|
||||
}
|
||||
.ult_ivan_button.button-zoom {
|
||||
-webkit-transition: all ease 300ms;
|
||||
transition: all ease 300ms;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult_ivan_button.button-zoom:hover {
|
||||
-webkit-transform: scale(1.15);
|
||||
-ms-transform: scale(1.15);
|
||||
transform: scale(1.15)
|
||||
}
|
||||
.ult_ivan_button.only-icon .icon-simple {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
line-height: 1
|
||||
}
|
||||
.ult_ivan_button.btn-desc .text-btn-inner {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_ivan_button.btn-desc .text-desc {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
font-size: 11px;
|
||||
font-weight: 400
|
||||
}
|
||||
.ult_ivan_button.btn-desc.with-icon .text-btn {
|
||||
text-align: left
|
||||
}
|
||||
.ult_ivan_button.large {
|
||||
font-size: 18px;
|
||||
padding: 16px 0
|
||||
}
|
||||
.ult_ivan_button.large.circular {
|
||||
width: 67px;
|
||||
height: 67px
|
||||
}
|
||||
.ult_ivan_button.large.circular.only-icon .icon-simple {
|
||||
font-size: 28px
|
||||
}
|
||||
.ult_ivan_button.large .text-btn {
|
||||
padding: 0 24px
|
||||
}
|
||||
.ult_ivan_button.large .icon-simple {
|
||||
padding: 0 12px 0 24px;
|
||||
font-size: 22px
|
||||
}
|
||||
.ult_ivan_button.large.icon-before .icon-simple {
|
||||
padding: 0 12px 0 19px
|
||||
}
|
||||
.ult_ivan_button.large.icon-before .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.large.icon-after .icon-simple {
|
||||
padding: 0 19px 0 12px
|
||||
}
|
||||
.ult_ivan_button.large.icon-after .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.large.icon-cover.with-icon .icon-simple {
|
||||
padding: 16px 17px
|
||||
}
|
||||
.ult_ivan_button.large.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-left: 17px
|
||||
}
|
||||
.ult_ivan_button.large.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-right: 17px
|
||||
}
|
||||
.ult_ivan_button.large.text-separator.with-icon.icon-before .text-btn {
|
||||
padding-left: 12px
|
||||
}
|
||||
.ult_ivan_button.large.text-separator.with-icon.icon-after .text-btn {
|
||||
padding-right: 12px
|
||||
}
|
||||
.ult_ivan_button.large.only-icon .icon-simple {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px
|
||||
}
|
||||
.ult_ivan_button.large.btn-desc .text-btn-inner,
|
||||
.ult_ivan_button.large.btn-desc .text-desc {
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_ivan_button.x-large {
|
||||
font-size: 20px;
|
||||
padding: 22px 0
|
||||
}
|
||||
.ult_ivan_button.x-large.circular {
|
||||
width: 85px;
|
||||
height: 85px
|
||||
}
|
||||
.ult_ivan_button.x-large.circular.only-icon .icon-simple {
|
||||
font-size: 34px
|
||||
}
|
||||
.ult_ivan_button.x-large .text-btn {
|
||||
padding: 0 36px
|
||||
}
|
||||
.ult_ivan_button.x-large .icon-simple {
|
||||
padding: 0 18px 0 36px;
|
||||
font-size: 26px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-before .icon-simple {
|
||||
padding: 0 18px 0 27px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-before .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-after .icon-simple {
|
||||
padding: 0 27px 0 18px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-after .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-cover.with-icon .icon-simple {
|
||||
padding: 22px 25px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-left: 25px
|
||||
}
|
||||
.ult_ivan_button.x-large.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-right: 25px
|
||||
}
|
||||
.ult_ivan_button.x-large.text-separator.with-icon.icon-before .text-btn {
|
||||
padding-left: 18px
|
||||
}
|
||||
.ult_ivan_button.x-large.text-separator.with-icon.icon-after .text-btn {
|
||||
padding-right: 18px
|
||||
}
|
||||
.ult_ivan_button.x-large.only-icon .icon-simple {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px
|
||||
}
|
||||
.ult_ivan_button.x-large.btn-desc .text-btn-inner {
|
||||
font-size: 14px
|
||||
}
|
||||
.ult_ivan_button.x-large.btn-desc .text-desc {
|
||||
font-size: 13px
|
||||
}
|
||||
.ult_ivan_button.compact {
|
||||
font-size: 14px;
|
||||
padding: 5px 0
|
||||
}
|
||||
.ult_ivan_button.compact.circular {
|
||||
width: 36px;
|
||||
height: 36px
|
||||
}
|
||||
.ult_ivan_button.compact.circular.only-icon .icon-simple {
|
||||
font-size: 14px
|
||||
}
|
||||
.ult_ivan_button.compact .text-btn {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.compact .icon-simple {
|
||||
padding: 0 10px;
|
||||
font-size: 16px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-before .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-before .text-btn {
|
||||
padding-left: 0
|
||||
}
|
||||
.ult_ivan_button.compact.icon-after .icon-simple {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-after .text-btn {
|
||||
padding-right: 0
|
||||
}
|
||||
.ult_ivan_button.compact.icon-cover.with-icon .icon-simple {
|
||||
padding: 5px 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-cover.with-icon.icon-before .text-btn {
|
||||
padding-left: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.icon-cover.with-icon.icon-after .text-btn {
|
||||
padding-right: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.text-separator.with-icon.icon-before .text-btn {
|
||||
padding-left: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.text-separator.with-icon.icon-after .text-btn {
|
||||
padding-right: 10px
|
||||
}
|
||||
.ult_ivan_button.compact.only-icon .icon-simple {
|
||||
padding-left: 7px;
|
||||
padding-right: 7px
|
||||
}
|
||||
.ult_ivan_button.compact.btn-desc .text-btn-inner {
|
||||
font-size: 11px;
|
||||
line-height: 1
|
||||
}
|
||||
.ult_ivan_button.compact.btn-desc .text-desc {
|
||||
font-size: 10px;
|
||||
line-height: 1
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular {
|
||||
width: 160px;
|
||||
height: 160px
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular.only-icon .icon-simple {
|
||||
font-size: 34px
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular .text-btn {
|
||||
padding: 0 10px
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular hr {
|
||||
height: 2px;
|
||||
width: 20%;
|
||||
margin: 10px auto
|
||||
}
|
||||
.ult_ivan_button.circular-mega.circular hr:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.ult_ivan_button.gray-bg {
|
||||
background-color: #fff;
|
||||
border-color: #ddd;
|
||||
color: #ccc
|
||||
}
|
||||
.ulitmate_dual_buttons {
|
||||
display: inline-block
|
||||
}
|
||||
.ult-dual-btn3 .ult_dual1 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn3 .ult_dual2 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-border-bottom-right-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn3 .aio-icon,
|
||||
.ult-dual-btn3 .aio-icon-img,
|
||||
.ult-dual-btn3 .icon-simple,
|
||||
.ult-dual-btn3 .ult-dual-button-title {
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn4 .ult_dual1 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0
|
||||
}
|
||||
.ult-dual-btn4 .ult_dual2 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: inherit;
|
||||
box-shadow: inherit;
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn4 .aio-icon,
|
||||
.ult-dual-btn4 .aio-icon-img,
|
||||
.ult-dual-btn4 .icon-simple,
|
||||
.ult-dual-btn4 .ult-dual-button-title {
|
||||
-webkit-transition: all ease .8s;
|
||||
transition: all ease .8s
|
||||
}
|
||||
.ult-dual-btn .ult_dual1,
|
||||
.ult-dual-btn .ult_dual2 {
|
||||
display: block;
|
||||
-webkit-transition: .5s;
|
||||
transition: .5s
|
||||
}
|
||||
.ult-dual-btn .ult-dual-button-title {
|
||||
-webkit-transition: .5s;
|
||||
transition: .5s
|
||||
}
|
||||
.ult-dual-btn .aio-icon,
|
||||
.ult-dual-btn .aio-icon-img,
|
||||
.ult-dual-btn .icon-simple {
|
||||
-webkit-transition: .5s;
|
||||
transition: .5s
|
||||
}
|
||||
.ult_dual_button .aio-icon {
|
||||
display: block!important
|
||||
}
|
||||
.icon-right1 {
|
||||
padding: 0 22px 0 10px!important
|
||||
}
|
||||
.icon-left2 {
|
||||
padding-left: 22px!important
|
||||
}
|
||||
.title_right {
|
||||
padding-right: 10px!important
|
||||
}
|
||||
.title_left {
|
||||
padding-left: 10px!important
|
||||
}
|
||||
.btn1icon {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
position: relative
|
||||
}
|
||||
.ult_btn1span {
|
||||
height: 100%
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
.ult_exp_section_layer {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s
|
||||
}
|
||||
.ult_exp_section {
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
padding: 15px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
background-color: #eaeaea;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
font-family: inherit;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_ecpsub_cont {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
vertical-align: middle;
|
||||
max-width: 900px
|
||||
}
|
||||
.ult_exp_content {
|
||||
padding: 15px 10px;
|
||||
text-align: center;
|
||||
background-color: #fafafa;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s
|
||||
}
|
||||
.ult_exp_section .aio-icon i,
|
||||
.ult_expheader,
|
||||
.ult_expsection_icon {
|
||||
text-transform: capitalize;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s
|
||||
}
|
||||
.ult_exp_section .aio-icon.none {
|
||||
display: block
|
||||
}
|
||||
.ult_exp_section-main.ult_expleft_icon .ult-just-icon-wrapper.ult_exp_icon,
|
||||
.ult_exp_section-main.ult_expleft_icon .ult_expheader {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ult_exp_section-main.ult_expright_icon .ult-just-icon-wrapper.ult_exp_icon,
|
||||
.ult_exp_section-main.ult_expright_icon .ult_expheader {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_expsection_icon {
|
||||
position: relative
|
||||
}
|
||||
.ult_exp_section-main img.img-icon.ult_circle,
|
||||
.ult_exp_section-main img.img-icon.ult_square {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
display: block
|
||||
}
|
||||
span.aio-icon.ult_expsection_icon {
|
||||
vertical-align: middle;
|
||||
display: block
|
||||
}
|
||||
.ult-just-icon-wrapper.ult_exp_icon.center {
|
||||
padding-top: 5px
|
||||
}
|
||||
.ult_exp_section:after {
|
||||
clear: both;
|
||||
}
|
||||
.ult_exp_section:before,
|
||||
.ult_exp_section:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.ult_exp_content {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
.ult_exp_section_layer {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s
|
||||
}
|
||||
.ult_exp_section {
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
padding: 15px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
background-color: #eaeaea;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
font-family: inherit;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_ecpsub_cont {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
vertical-align: middle;
|
||||
max-width: 900px
|
||||
}
|
||||
.ult_exp_content {
|
||||
padding: 15px 10px;
|
||||
text-align: center;
|
||||
background-color: #fafafa;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s
|
||||
}
|
||||
.ult_exp_section .aio-icon i,
|
||||
.ult_expheader,
|
||||
.ult_expsection_icon {
|
||||
text-transform: capitalize;
|
||||
-webkit-transition: background-color .5s;
|
||||
transition: background-color .5s
|
||||
}
|
||||
.ult_exp_section .aio-icon.none {
|
||||
display: block
|
||||
}
|
||||
.ult_exp_section-main.ult_expleft_icon .ult-just-icon-wrapper.ult_exp_icon,
|
||||
.ult_exp_section-main.ult_expleft_icon .ult_expheader {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ult_exp_section-main.ult_expright_icon .ult-just-icon-wrapper.ult_exp_icon,
|
||||
.ult_exp_section-main.ult_expright_icon .ult_expheader {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_expsection_icon {
|
||||
position: relative
|
||||
}
|
||||
.ult_exp_section-main img.img-icon.ult_circle,
|
||||
.ult_exp_section-main img.img-icon.ult_square {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
display: block
|
||||
}
|
||||
span.aio-icon.ult_expsection_icon {
|
||||
vertical-align: middle;
|
||||
display: block
|
||||
}
|
||||
.ult-just-icon-wrapper.ult_exp_icon.center {
|
||||
padding-top: 5px
|
||||
}
|
||||
.ult_exp_section:after {
|
||||
clear: both;
|
||||
}
|
||||
.ult_exp_section:before,
|
||||
.ult_exp_section:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.ult_exp_content {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
@charset "utf-8";
|
||||
.ultimate-vticker ul {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important
|
||||
}
|
||||
.ultimate-vticker.ultimate-fancy-text-inherit * {
|
||||
font-size: inherit
|
||||
}
|
||||
.ultimate-vticker.ticker{
|
||||
margin: 0 5px 0 5px !important;
|
||||
}
|
||||
.ultimate-vticker.ticker ul,
|
||||
.ultimate-vticker.ticker-down ul {
|
||||
position: relative !important;
|
||||
line-height: inherit;
|
||||
color: inherit !important;
|
||||
}
|
||||
.ultimate-vticker.ticker ul li,
|
||||
.ultimate-vticker.ticker-down ul li {
|
||||
text-align: right !important;
|
||||
color: inherit !important;
|
||||
font-size: inherit !important;
|
||||
line-height: inherit !important;
|
||||
font-family: inherit !important
|
||||
}
|
||||
.uvc-type-align-center.uvc-type-no-prefix ul li,
|
||||
.ultimate-vticker.fancytext-background-enabled ul li {
|
||||
text-align: center !important
|
||||
}
|
||||
.ultimate-vticker ul li {
|
||||
list-style: none !important
|
||||
}
|
||||
.ultimate-ticker-prefix,
|
||||
.ultimate-ticker-suffix,
|
||||
.ultimate-ticker-down-prefix,
|
||||
.ultimate-ticker-down-suffix {
|
||||
vertical-align: top
|
||||
}
|
||||
.ultimate-vticker.ticker,
|
||||
.ultimate-vticker.ticker-down {
|
||||
display: inline-block !important;
|
||||
vertical-align: top
|
||||
}
|
||||
.ultimate-vticker.ticker,
|
||||
.ultimate-vticker.ticker *,
|
||||
.ultimate-vticker.ticker-down,
|
||||
.ultimate-vticker.ticker-down * {
|
||||
font-family: inherit;
|
||||
}
|
||||
.ultimate-typed-main {
|
||||
display: inline-block;
|
||||
margin: 0 5px 0 5px;
|
||||
}
|
||||
.fancytext-typewriter-background-enabled,
|
||||
.ultimate-vticker.fancytext-background-enabled ul li {
|
||||
padding: 0 10px !important
|
||||
}
|
||||
.uvc-type-wrap p {
|
||||
display: inline-block !important;
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
color: inherit !important;
|
||||
vertical-align: top !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important
|
||||
}
|
||||
.typed-cursor {
|
||||
opacity: 1;
|
||||
font-weight: 100;
|
||||
-webkit-animation: ult-blink .7s infinite;
|
||||
animation: ult-blink .7s infinite;
|
||||
}
|
||||
.ultimate-typed-main {
|
||||
font-family: inherit!important;
|
||||
font-weight: inherit !important;
|
||||
font-size: inherit!important;
|
||||
font-style: inherit !important;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
@keyframes ult-blink {
|
||||
0 {
|
||||
opacity: 1
|
||||
}
|
||||
50% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes ult-blink {
|
||||
0 {
|
||||
opacity: 1
|
||||
}
|
||||
50% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
@charset "utf-8";
|
||||
.ultimate-vticker ul {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important
|
||||
}
|
||||
.ultimate-vticker.ultimate-fancy-text-inherit * {
|
||||
font-size: inherit
|
||||
}
|
||||
.ultimate-vticker.ticker{
|
||||
margin: 0 5px 0 5px !important;
|
||||
}
|
||||
.ultimate-vticker.ticker ul,
|
||||
.ultimate-vticker.ticker-down ul {
|
||||
position: relative !important;
|
||||
line-height: inherit;
|
||||
color: inherit !important;
|
||||
}
|
||||
.ultimate-vticker.ticker ul li,
|
||||
.ultimate-vticker.ticker-down ul li {
|
||||
text-align: left !important;
|
||||
color: inherit !important;
|
||||
font-size: inherit !important;
|
||||
line-height: inherit !important;
|
||||
font-family: inherit !important
|
||||
}
|
||||
.uvc-type-align-center.uvc-type-no-prefix ul li,
|
||||
.ultimate-vticker.fancytext-background-enabled ul li {
|
||||
text-align: center !important
|
||||
}
|
||||
.ultimate-vticker ul li {
|
||||
list-style: none !important
|
||||
}
|
||||
.ultimate-ticker-prefix,
|
||||
.ultimate-ticker-suffix,
|
||||
.ultimate-ticker-down-prefix,
|
||||
.ultimate-ticker-down-suffix {
|
||||
vertical-align: top
|
||||
}
|
||||
.ultimate-vticker.ticker,
|
||||
.ultimate-vticker.ticker-down {
|
||||
display: inline-block !important;
|
||||
vertical-align: top
|
||||
}
|
||||
.ultimate-vticker.ticker,
|
||||
.ultimate-vticker.ticker *,
|
||||
.ultimate-vticker.ticker-down,
|
||||
.ultimate-vticker.ticker-down * {
|
||||
font-family: inherit;
|
||||
}
|
||||
.ultimate-typed-main {
|
||||
display: inline-block;
|
||||
margin: 0 5px 0 5px;
|
||||
}
|
||||
.fancytext-typewriter-background-enabled,
|
||||
.ultimate-vticker.fancytext-background-enabled ul li {
|
||||
padding: 0 10px !important
|
||||
}
|
||||
.uvc-type-wrap p {
|
||||
display: inline-block !important;
|
||||
line-height: inherit !important;
|
||||
font-size: inherit !important;
|
||||
color: inherit !important;
|
||||
vertical-align: top !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important
|
||||
}
|
||||
.typed-cursor {
|
||||
opacity: 1;
|
||||
font-weight: 100;
|
||||
-webkit-animation: ult-blink .7s infinite;
|
||||
animation: ult-blink .7s infinite;
|
||||
}
|
||||
.ultimate-typed-main {
|
||||
font-family: inherit!important;
|
||||
font-weight: inherit !important;
|
||||
font-size: inherit!important;
|
||||
font-style: inherit !important;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
@keyframes ult-blink {
|
||||
0 {
|
||||
opacity: 1
|
||||
}
|
||||
50% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes ult-blink {
|
||||
0 {
|
||||
opacity: 1
|
||||
}
|
||||
50% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,735 @@
|
||||
.flip-box-wrap {
|
||||
display: block;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
-webkit-perspective: 1000px;
|
||||
-o-perspective: 1000px;
|
||||
-ms-perspective: 1000px;
|
||||
perspective: 1000px
|
||||
}
|
||||
.flip-box-wrap,
|
||||
.wpb_row .wpb_column .wpb_wrapper .flip-box-wrap {
|
||||
margin-bottom: 35px
|
||||
}
|
||||
.flip-box-wrap .flip-box {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: 750ms;
|
||||
transition: 750ms;
|
||||
-ms-perspective: 1000px;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
.flip-box-wrap .ifb-flip-box {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-transform-style: initial;
|
||||
transform-style: initial;
|
||||
}
|
||||
.flip-box-wrap .ifb-back,
|
||||
.flip-box-wrap .ifb-front {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
margin-bottom: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: 750ms;
|
||||
transition: 750ms;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
.flip-box-wrap .ifb-front {
|
||||
z-index: 9;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
|
||||
.flip-box-wrap .ifb-front * {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.flip-box-wrap .ifb-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: -1
|
||||
}
|
||||
.flip-box-wrap:hover .ifb-back {
|
||||
z-index: 1
|
||||
}
|
||||
.flip-box-wrap .flip-box .flipbox_heading {
|
||||
margin: 15px 0 12px;
|
||||
line-height: 1.3em;
|
||||
font-size: 16px;
|
||||
display: block
|
||||
}
|
||||
.flip-box-wrap .flip-box-icon {
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
.flip-box-icon .aio-icon-img {
|
||||
margin: 0 auto
|
||||
}
|
||||
.flip-box-wrap p {
|
||||
margin-bottom: 15px;
|
||||
font-size: 14px;
|
||||
line-height: 1.65em
|
||||
}
|
||||
.flip-box-wrap .ifb-back p {
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden
|
||||
}
|
||||
.flip-box-wrap .ifb-back p:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.flip-box-wrap .flip_link {
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
.flip-box-wrap .flip_link a {
|
||||
color: #FFF;
|
||||
background-color: #636363;
|
||||
display: inline-block;
|
||||
margin: 10px auto 0;
|
||||
padding: .3em .6em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
font-size: 13px
|
||||
}
|
||||
.flip-box-wrap .flip_link a:active,
|
||||
.flip-box-wrap .flip_link a:hover,
|
||||
.flip-box-wrap .flip_link a:visited {
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
background-color: #636363
|
||||
}
|
||||
.flip-box-wrap .ifb-auto-height .ifb-face .ifb-desc-back,
|
||||
.flip-box-wrap .ifb-custom-height .ifb-face .ifb-desc-back {
|
||||
margin-bottom: 15px;
|
||||
max-height: 45%;
|
||||
max-height: -webkit-calc(100% - 55px);
|
||||
max-height: calc(100% - 55px);
|
||||
position: relative;
|
||||
overflow: hidden
|
||||
}
|
||||
.flip-box-wrap .ifb-jq-height .ifb-back p {
|
||||
max-height: 100%;
|
||||
overflow: visible;
|
||||
display: block
|
||||
}
|
||||
.flip-box-wrap .ifb-jq-height .ifb-back {
|
||||
display: block;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
bottom: 0
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-front {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-back {
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
-ms-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-front {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-back {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
-ms-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .vertical_flip_top .ifb-hover .ifb-back {
|
||||
-ms-transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_top .ifb-back {
|
||||
-webkit-transform: rotateX(180deg);
|
||||
-ms-transform: rotateX(180deg);
|
||||
transform: rotateX(180deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_top .ifb-front {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
-ms-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-back,
|
||||
.flip-box-wrap .vertical_flip_top .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateX(-180deg);
|
||||
-ms-transform: rotateX(-180deg);
|
||||
transform: rotateX(-180deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-front {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
-ms-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateX(180deg);
|
||||
-ms-transform: rotateX(180deg);
|
||||
transform: rotateX(180deg)
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-back,
|
||||
.flip-box-wrap .flip_bottom .ifb-front,
|
||||
.flip-box-wrap .flip_left .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-front,
|
||||
.flip-box-wrap .flip_right .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-front,
|
||||
.flip-box-wrap .flip_top .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-front {
|
||||
-webkit-transition: 1000ms;
|
||||
transition: 1000ms
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-front,
|
||||
.flip-box-wrap .flip_left .ifb-front,
|
||||
.flip-box-wrap .flip_right .ifb-front,
|
||||
.flip-box-wrap .flip_top .ifb-front {
|
||||
z-index: 1
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-back {
|
||||
opacity: .5;
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-hover .ifb-front,
|
||||
.flip-box-wrap .flip_left .ifb-hover .ifb-front,
|
||||
.flip-box-wrap .flip_right .ifb-hover .ifb-front,
|
||||
.flip-box-wrap .flip_top .ifb-hover .ifb-front {
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-hover .ifb-back {
|
||||
opacity: 1;
|
||||
z-index: 1
|
||||
}
|
||||
.flip_left .ifb-back {
|
||||
-ms-transform-origin: 100%;
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%;
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.rtl .flip_left .ifb-back {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg);
|
||||
}
|
||||
.flip_left .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg)
|
||||
}
|
||||
.rtl .flip_left .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(-0deg);
|
||||
-ms-transform: rotatey(-0deg);
|
||||
transform: rotatey(-0deg)
|
||||
}
|
||||
.flip_right .ifb-back {
|
||||
-webkit-transform-origin: 0%;
|
||||
-ms-transform-origin: 0%;
|
||||
transform-origin: 0%;
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.rtl .flip_right .ifb-back {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg);
|
||||
}
|
||||
.flip_right .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg)
|
||||
}
|
||||
.rtl .flip_right .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(-0deg);
|
||||
-ms-transform: rotatey(-0deg);
|
||||
transform: rotatey(-0deg)
|
||||
}
|
||||
.flip_top .ifb-back {
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.flip_top .ifb-hover .ifb-back {
|
||||
-ms-transform: rotatex(0deg);
|
||||
-webkit-transform: rotatex(0deg);
|
||||
transform: rotatex(0deg)
|
||||
}
|
||||
.flip_bottom .ifb-back {
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
-webkit-transform: rotatex(-270deg);
|
||||
-ms-transform: rotatex(-270deg);
|
||||
transform: rotatex(-270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.flip_bottom .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatex(0deg);
|
||||
-ms-transform: rotatex(0deg);
|
||||
transform: rotatex(0deg)
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front,
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back,
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back,
|
||||
.vertical_door_flip .v_door.ifb-multiple-front {
|
||||
-webkit-transition: 1000ms;
|
||||
transition: 1000ms
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front {
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
opacity: 1;
|
||||
z-index: 1
|
||||
}
|
||||
.flip-box-wrap .vertical_door_flip .ifb-back {
|
||||
z-index: -9
|
||||
}
|
||||
.vertical_door_flip .ifb-hover .v_door.ifb-multiple-front {
|
||||
opacity: .5;
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .vertical_door_flip .ifb-hover .ifb-back {
|
||||
z-index: 1
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front .ifb-front {
|
||||
width: 200%;
|
||||
position: relative
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front.ifb-front-2 .ifb-front {
|
||||
left: 100%
|
||||
}
|
||||
.rtl .vertical_door_flip .ifb-hover .v_door.ifb-front-1 {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.vertical_door_flip .ifb-hover .v_door.ifb-front-1 {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-front-1 {
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%
|
||||
}
|
||||
.vertical_door_flip .ifb-hover .v_door.ifb-front-2 {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.rtl .vertical_door_flip .ifb-hover .v_door.ifb-front-2 {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front.ifb-front-2 {
|
||||
left: 0;
|
||||
-webkit-transform-origin: 0% 0;
|
||||
-ms-transform-origin: 0% 0;
|
||||
transform-origin: 0% 0
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active),
|
||||
(-ms-high-contrast: none) {
|
||||
.vertical_door_flip .ifb-multiple-front.v_door {
|
||||
width: 50.2%
|
||||
}
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 50%;
|
||||
overflow: hidden;
|
||||
opacity: .5;
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .reverse_vertical_door_flip .ifb-front {
|
||||
z-index: 1
|
||||
}
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
|
||||
z-index: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.flip-box-wrap .reverse_vertical_door_flip .ifb-hover .ifb-front {
|
||||
z-index: -9
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back .ifb-back {
|
||||
width: 200%
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 .ifb-back {
|
||||
left: 0;
|
||||
right: -100%
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.rtl .reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 {
|
||||
left: 0;
|
||||
right: 50%;
|
||||
-webkit-transform-origin: 0% 0;
|
||||
-ms-transform-origin: 0% 0;
|
||||
transform-origin: 0% 0;
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.rtl .reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back.ifb-back-1,
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back.ifb-back-2 {
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg)
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active),
|
||||
(-ms-high-contrast: none) {
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
|
||||
visibility: visible
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back {
|
||||
visibility: hidden
|
||||
}
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front {
|
||||
position: absolute;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
opacity: 1;
|
||||
overflow: hidden
|
||||
}
|
||||
.flip-box-wrap .horizontal_door_flip .ifb-back {
|
||||
z-index: -9
|
||||
}
|
||||
.horizontal_door_flip .ifb-hover .h_door.ifb-multiple-front {
|
||||
z-index: -9;
|
||||
opacity: .5
|
||||
}
|
||||
.flip-box-wrap .horizontal_door_flip .ifb-hover .ifb-back {
|
||||
z-index: 1
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front .ifb-front {
|
||||
position: relative;
|
||||
height: 200%
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front.ifb-front-2 .ifb-front {
|
||||
bottom: 100%
|
||||
}
|
||||
.horizontal_door_flip .ifb-hover .h_door.ifb-front-1 {
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg)
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-front-1 {
|
||||
-webkit-transform-origin: 0% 0;
|
||||
-ms-transform-origin: 0% 0;
|
||||
transform-origin: 0% 0;
|
||||
top: 0
|
||||
}
|
||||
.horizontal_door_flip .ifb-hover .h_door.ifb-front-2 {
|
||||
-webkit-transform: rotatex(-270deg);
|
||||
-ms-transform: rotatex(-270deg);
|
||||
transform: rotatex(-270deg)
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front.ifb-front-2 {
|
||||
bottom: 0;
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
top: 50%
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
|
||||
position: absolute;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: -9;
|
||||
opacity: .5
|
||||
}
|
||||
.flip-box-wrap .reverse_horizontal_door_flip .ifb-front {
|
||||
z-index: 1
|
||||
}
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back {
|
||||
z-index: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.flip-box-wrap .reverse_horizontal_door_flip .ifb-hover .ifb-front {
|
||||
z-index: -9
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back .ifb-back {
|
||||
position: relative;
|
||||
height: 200%
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-1 .ifb-back {
|
||||
border-bottom: none !important
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 .ifb-back {
|
||||
top: -100%
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-1 {
|
||||
top: 0;
|
||||
-ms-transform-origin: 0% 0;
|
||||
-webkit-transform-origin: 0% 0;
|
||||
transform-origin: 0% 0;
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg)
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 {
|
||||
top: 50%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
-webkit-transform: rotatex(-270deg);
|
||||
-ms-transform: rotatex(-270deg);
|
||||
transform: rotatex(-270deg)
|
||||
}
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-1,
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-2,
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-2 .flip_link {
|
||||
-webkit-transform: rotatex(0deg);
|
||||
-ms-transform: rotatex(0deg);
|
||||
transform: rotatex(0deg)
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 .flip_link {
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg)
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active),
|
||||
(-ms-high-contrast: none) {
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back {
|
||||
visibility: visible
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
|
||||
visibility: hidden
|
||||
}
|
||||
}
|
||||
.style_9 .new_style_9 {
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transition: 800ms;
|
||||
transition: 800ms
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back .ifb-back,
|
||||
.style_9 .new_style_9.ifb-multiple-front .ifb-front {
|
||||
width: 200%;
|
||||
position: relative
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back,
|
||||
.style_9 .new_style_9.ifb-multiple-front {
|
||||
-webkit-transition: all 300ms ease-in;
|
||||
transition: all 300ms ease-in;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-back,
|
||||
.style_9 .new_style_9.ifb-multiple-front {
|
||||
z-index: 20
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-front,
|
||||
.style_9 .new_style_9.ifb-multiple-back {
|
||||
z-index: 10
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
left: 0;
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg);
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 .ifb-front {
|
||||
left: 100%
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
-webkit-transform-origin: 0% 0;
|
||||
-ms-transform-origin: 0% 0;
|
||||
transform-origin: 0% 0
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 {
|
||||
left: 0
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 .ifb-back {
|
||||
left: 100%
|
||||
}
|
||||
.style_9 .ifb-door-hover .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
-webkit-transform: rotateY(-40deg);
|
||||
-ms-transform: rotateY(-40deg);
|
||||
transform: rotateY(-40deg)
|
||||
}
|
||||
.style_9 .ifb-door-hover .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(140deg);
|
||||
-ms-transform: rotateY(140deg);
|
||||
transform: rotateY(140deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
-ms-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open.ifb-door-hover .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
-webkit-transform: rotateY(-140deg);
|
||||
-ms-transform: rotateY(-140deg);
|
||||
transform: rotateY(-140deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open.ifb-door-hover .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(40deg);
|
||||
-ms-transform: rotateY(40deg);
|
||||
transform: rotateY(40deg)
|
||||
}
|
||||
.flip-box-wrap .ifb-back,
|
||||
.flip-box-wrap .ifb-front {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
.ifb-flip-box-section {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
top: 0;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none
|
||||
}
|
||||
.flip-ifb-auto-height .ifb-flip-box-section,
|
||||
.flip-ifb-custom-height .ifb-flip-box-section {
|
||||
top: 0;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none
|
||||
}
|
||||
.ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
|
||||
vertical-align: middle !important;
|
||||
top: 50%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.flip-ifb-auto-height .ifb-front .ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
|
||||
top: 0 !important;
|
||||
-webkit-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
transform: none !important
|
||||
}
|
||||
.ifb-flip-box-section.ifb_disable_middle {
|
||||
top: 0 !important;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-back,
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
|
||||
z-index: -4
|
||||
}
|
||||
.flip-ifb-auto-height .ifb-flip-box .h_door .ifb-front,
|
||||
.flip-ifb-auto-height .ifb-flip-box .v_door .ifb-front,
|
||||
.flip-ifb-auto-height .ifb-flip-box .new_style_9.ifb-front-1,
|
||||
.flip-ifb-auto-height .ifb-flip-box .new_style_9.ifb-front-2 {
|
||||
height: auto
|
||||
}
|
||||
|
||||
/* Disable Flip box content align to top when center align is selected, classes are not completely removed for the abckwards compatibility */
|
||||
.ifb-flip-box-section.ifb-flip-box-section-vertical-middle.ifb_disable_middle {
|
||||
top: 50% !important;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
@@ -0,0 +1,735 @@
|
||||
.flip-box-wrap {
|
||||
display: block;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
-webkit-perspective: 1000px;
|
||||
-o-perspective: 1000px;
|
||||
-ms-perspective: 1000px;
|
||||
perspective: 1000px
|
||||
}
|
||||
.flip-box-wrap,
|
||||
.wpb_row .wpb_column .wpb_wrapper .flip-box-wrap {
|
||||
margin-bottom: 35px
|
||||
}
|
||||
.flip-box-wrap .flip-box {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: 750ms;
|
||||
transition: 750ms;
|
||||
-ms-perspective: 1000px;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
.flip-box-wrap .ifb-flip-box {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-transform-style: initial;
|
||||
transform-style: initial;
|
||||
}
|
||||
.flip-box-wrap .ifb-back,
|
||||
.flip-box-wrap .ifb-front {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
margin-bottom: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: 750ms;
|
||||
transition: 750ms;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
.flip-box-wrap .ifb-front {
|
||||
z-index: 9;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
|
||||
.flip-box-wrap .ifb-front * {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.flip-box-wrap .ifb-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: -1
|
||||
}
|
||||
.flip-box-wrap:hover .ifb-back {
|
||||
z-index: 1
|
||||
}
|
||||
.flip-box-wrap .flip-box .flipbox_heading {
|
||||
margin: 15px 0 12px;
|
||||
line-height: 1.3em;
|
||||
font-size: 16px;
|
||||
display: block
|
||||
}
|
||||
.flip-box-wrap .flip-box-icon {
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
.flip-box-icon .aio-icon-img {
|
||||
margin: 0 auto
|
||||
}
|
||||
.flip-box-wrap p {
|
||||
margin-bottom: 15px;
|
||||
font-size: 14px;
|
||||
line-height: 1.65em
|
||||
}
|
||||
.flip-box-wrap .ifb-back p {
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden
|
||||
}
|
||||
.flip-box-wrap .ifb-back p:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.flip-box-wrap .flip_link {
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
.flip-box-wrap .flip_link a {
|
||||
color: #FFF;
|
||||
background-color: #636363;
|
||||
display: inline-block;
|
||||
margin: 10px auto 0;
|
||||
padding: .3em .6em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
font-size: 13px
|
||||
}
|
||||
.flip-box-wrap .flip_link a:active,
|
||||
.flip-box-wrap .flip_link a:hover,
|
||||
.flip-box-wrap .flip_link a:visited {
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
background-color: #636363
|
||||
}
|
||||
.flip-box-wrap .ifb-auto-height .ifb-face .ifb-desc-back,
|
||||
.flip-box-wrap .ifb-custom-height .ifb-face .ifb-desc-back {
|
||||
margin-bottom: 15px;
|
||||
max-height: 45%;
|
||||
max-height: -webkit-calc(100% - 55px);
|
||||
max-height: calc(100% - 55px);
|
||||
position: relative;
|
||||
overflow: hidden
|
||||
}
|
||||
.flip-box-wrap .ifb-jq-height .ifb-back p {
|
||||
max-height: 100%;
|
||||
overflow: visible;
|
||||
display: block
|
||||
}
|
||||
.flip-box-wrap .ifb-jq-height .ifb-back {
|
||||
display: block;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
bottom: 0
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-front {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-back {
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
-ms-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-front {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-back {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.flip-box-wrap .horizontal_flip_right .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
-ms-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .vertical_flip_top .ifb-hover .ifb-back {
|
||||
-ms-transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_top .ifb-back {
|
||||
-webkit-transform: rotateX(180deg);
|
||||
-ms-transform: rotateX(180deg);
|
||||
transform: rotateX(180deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_top .ifb-front {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
-ms-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-back,
|
||||
.flip-box-wrap .vertical_flip_top .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateX(-180deg);
|
||||
-ms-transform: rotateX(-180deg);
|
||||
transform: rotateX(-180deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-front {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
-ms-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg)
|
||||
}
|
||||
.flip-box-wrap .vertical_flip_bottom .ifb-hover .ifb-front {
|
||||
-webkit-transform: rotateX(180deg);
|
||||
-ms-transform: rotateX(180deg);
|
||||
transform: rotateX(180deg)
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-back,
|
||||
.flip-box-wrap .flip_bottom .ifb-front,
|
||||
.flip-box-wrap .flip_left .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-front,
|
||||
.flip-box-wrap .flip_right .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-front,
|
||||
.flip-box-wrap .flip_top .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-front {
|
||||
-webkit-transition: 1000ms;
|
||||
transition: 1000ms
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-front,
|
||||
.flip-box-wrap .flip_left .ifb-front,
|
||||
.flip-box-wrap .flip_right .ifb-front,
|
||||
.flip-box-wrap .flip_top .ifb-front {
|
||||
z-index: 1
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-back {
|
||||
opacity: .5;
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-hover .ifb-front,
|
||||
.flip-box-wrap .flip_left .ifb-hover .ifb-front,
|
||||
.flip-box-wrap .flip_right .ifb-hover .ifb-front,
|
||||
.flip-box-wrap .flip_top .ifb-hover .ifb-front {
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-hover .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-hover .ifb-back {
|
||||
opacity: 1;
|
||||
z-index: 1
|
||||
}
|
||||
.flip_left .ifb-back {
|
||||
-ms-transform-origin: 0;
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0;
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.rtl .flip_left .ifb-back {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg);
|
||||
}
|
||||
.flip_left .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg)
|
||||
}
|
||||
.rtl .flip_left .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(-0deg);
|
||||
-ms-transform: rotatey(-0deg);
|
||||
transform: rotatey(-0deg)
|
||||
}
|
||||
.flip_right .ifb-back {
|
||||
-webkit-transform-origin: 100%;
|
||||
-ms-transform-origin: 100%;
|
||||
transform-origin: 100%;
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.rtl .flip_right .ifb-back {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg);
|
||||
}
|
||||
.flip_right .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg)
|
||||
}
|
||||
.rtl .flip_right .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatey(-0deg);
|
||||
-ms-transform: rotatey(-0deg);
|
||||
transform: rotatey(-0deg)
|
||||
}
|
||||
.flip_top .ifb-back {
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.flip_top .ifb-hover .ifb-back {
|
||||
-ms-transform: rotatex(0deg);
|
||||
-webkit-transform: rotatex(0deg);
|
||||
transform: rotatex(0deg)
|
||||
}
|
||||
.flip_bottom .ifb-back {
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
-webkit-transform: rotatex(-270deg);
|
||||
-ms-transform: rotatex(-270deg);
|
||||
transform: rotatex(-270deg);
|
||||
-webkit-backface-visibility: visible;
|
||||
backface-visibility: visible
|
||||
}
|
||||
.flip_bottom .ifb-hover .ifb-back {
|
||||
-webkit-transform: rotatex(0deg);
|
||||
-ms-transform: rotatex(0deg);
|
||||
transform: rotatex(0deg)
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front,
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back,
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back,
|
||||
.vertical_door_flip .v_door.ifb-multiple-front {
|
||||
-webkit-transition: 1000ms;
|
||||
transition: 1000ms
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front {
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
opacity: 1;
|
||||
z-index: 1
|
||||
}
|
||||
.flip-box-wrap .vertical_door_flip .ifb-back {
|
||||
z-index: -9
|
||||
}
|
||||
.vertical_door_flip .ifb-hover .v_door.ifb-multiple-front {
|
||||
opacity: .5;
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .vertical_door_flip .ifb-hover .ifb-back {
|
||||
z-index: 1
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front .ifb-front {
|
||||
width: 200%;
|
||||
position: relative
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front.ifb-front-2 .ifb-front {
|
||||
right: 100%
|
||||
}
|
||||
.rtl .vertical_door_flip .ifb-hover .v_door.ifb-front-1 {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.vertical_door_flip .ifb-hover .v_door.ifb-front-1 {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-front-1 {
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%
|
||||
}
|
||||
.vertical_door_flip .ifb-hover .v_door.ifb-front-2 {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.rtl .vertical_door_flip .ifb-hover .v_door.ifb-front-2 {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.vertical_door_flip .v_door.ifb-multiple-front.ifb-front-2 {
|
||||
right: 0;
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active),
|
||||
(-ms-high-contrast: none) {
|
||||
.vertical_door_flip .ifb-multiple-front.v_door {
|
||||
width: 50.2%
|
||||
}
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 50%;
|
||||
overflow: hidden;
|
||||
opacity: .5;
|
||||
z-index: -9
|
||||
}
|
||||
.flip-box-wrap .reverse_vertical_door_flip .ifb-front {
|
||||
z-index: 1
|
||||
}
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
|
||||
z-index: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.flip-box-wrap .reverse_vertical_door_flip .ifb-hover .ifb-front {
|
||||
z-index: -9
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back .ifb-back {
|
||||
width: 200%
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 .ifb-back {
|
||||
right: 0;
|
||||
left: -100%
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.rtl .reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 {
|
||||
right: 0;
|
||||
left: 50%;
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
-webkit-transform: rotatey(270deg);
|
||||
-ms-transform: rotatey(270deg);
|
||||
transform: rotatey(270deg)
|
||||
}
|
||||
.rtl .reverse_vertical_door_flip .rv_door.ifb-multiple-back.ifb-back-2 {
|
||||
-webkit-transform: rotatey(-270deg);
|
||||
-ms-transform: rotatey(-270deg);
|
||||
transform: rotatey(-270deg)
|
||||
}
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back.ifb-back-1,
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back.ifb-back-2 {
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg)
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active),
|
||||
(-ms-high-contrast: none) {
|
||||
.reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
|
||||
visibility: visible
|
||||
}
|
||||
.reverse_vertical_door_flip .rv_door.ifb-multiple-back {
|
||||
visibility: hidden
|
||||
}
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front {
|
||||
position: absolute;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
opacity: 1;
|
||||
overflow: hidden
|
||||
}
|
||||
.flip-box-wrap .horizontal_door_flip .ifb-back {
|
||||
z-index: -9
|
||||
}
|
||||
.horizontal_door_flip .ifb-hover .h_door.ifb-multiple-front {
|
||||
z-index: -9;
|
||||
opacity: .5
|
||||
}
|
||||
.flip-box-wrap .horizontal_door_flip .ifb-hover .ifb-back {
|
||||
z-index: 1
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front .ifb-front {
|
||||
position: relative;
|
||||
height: 200%
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front.ifb-front-2 .ifb-front {
|
||||
bottom: 100%
|
||||
}
|
||||
.horizontal_door_flip .ifb-hover .h_door.ifb-front-1 {
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg)
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-front-1 {
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
top: 0
|
||||
}
|
||||
.horizontal_door_flip .ifb-hover .h_door.ifb-front-2 {
|
||||
-webkit-transform: rotatex(-270deg);
|
||||
-ms-transform: rotatex(-270deg);
|
||||
transform: rotatex(-270deg)
|
||||
}
|
||||
.horizontal_door_flip .h_door.ifb-multiple-front.ifb-front-2 {
|
||||
bottom: 0;
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
top: 50%
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
|
||||
position: absolute;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: -9;
|
||||
opacity: .5
|
||||
}
|
||||
.flip-box-wrap .reverse_horizontal_door_flip .ifb-front {
|
||||
z-index: 1
|
||||
}
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back {
|
||||
z-index: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.flip-box-wrap .reverse_horizontal_door_flip .ifb-hover .ifb-front {
|
||||
z-index: -9
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back .ifb-back {
|
||||
position: relative;
|
||||
height: 200%
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-1 .ifb-back {
|
||||
border-bottom: none !important
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 .ifb-back {
|
||||
top: -100%
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-1 {
|
||||
top: 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
-webkit-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg)
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 {
|
||||
top: 50%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
-webkit-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
-webkit-transform: rotatex(-270deg);
|
||||
-ms-transform: rotatex(-270deg);
|
||||
transform: rotatex(-270deg)
|
||||
}
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-1,
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-2,
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back.ifb-back-2 .flip_link {
|
||||
-webkit-transform: rotatex(0deg);
|
||||
-ms-transform: rotatex(0deg);
|
||||
transform: rotatex(0deg)
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back.ifb-back-2 .flip_link {
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
-webkit-transform: rotatex(270deg);
|
||||
-ms-transform: rotatex(270deg);
|
||||
transform: rotatex(270deg)
|
||||
}
|
||||
@media screen and (-ms-high-contrast: active),
|
||||
(-ms-high-contrast: none) {
|
||||
.reverse_horizontal_door_flip .ifb-hover .rh_door.ifb-multiple-back {
|
||||
visibility: visible
|
||||
}
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
|
||||
visibility: hidden
|
||||
}
|
||||
}
|
||||
.style_9 .new_style_9 {
|
||||
position: absolute;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transition: 800ms;
|
||||
transition: 800ms
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back .ifb-back,
|
||||
.style_9 .new_style_9.ifb-multiple-front .ifb-front {
|
||||
width: 200%;
|
||||
position: relative
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back,
|
||||
.style_9 .new_style_9.ifb-multiple-front {
|
||||
-webkit-transition: all 300ms ease-in;
|
||||
transition: all 300ms ease-in;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-back,
|
||||
.style_9 .new_style_9.ifb-multiple-front {
|
||||
z-index: 20
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-front,
|
||||
.style_9 .new_style_9.ifb-multiple-back {
|
||||
z-index: 10
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
right: 0;
|
||||
-webkit-transform: rotatey(0deg);
|
||||
-ms-transform: rotatey(0deg);
|
||||
transform: rotatey(0deg);
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-ms-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-front.ifb-front-2 .ifb-front {
|
||||
right: 100%
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 {
|
||||
right: 0
|
||||
}
|
||||
.style_9 .new_style_9.ifb-multiple-back.ifb-back-2 .ifb-back {
|
||||
right: 100%
|
||||
}
|
||||
.style_9 .ifb-door-hover .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
-webkit-transform: rotateY(-40deg);
|
||||
-ms-transform: rotateY(-40deg);
|
||||
transform: rotateY(-40deg)
|
||||
}
|
||||
.style_9 .ifb-door-hover .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(140deg);
|
||||
-ms-transform: rotateY(140deg);
|
||||
transform: rotateY(140deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
-ms-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open.ifb-door-hover .new_style_9.ifb-multiple-front.ifb-front-2 {
|
||||
-webkit-transform: rotateY(-140deg);
|
||||
-ms-transform: rotateY(-140deg);
|
||||
transform: rotateY(-140deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
.style_9 .ifb-door-right-open.ifb-door-hover .new_style_9.ifb-multiple-back.ifb-back-1 {
|
||||
-webkit-transform: rotateY(40deg);
|
||||
-ms-transform: rotateY(40deg);
|
||||
transform: rotateY(40deg)
|
||||
}
|
||||
.flip-box-wrap .ifb-back,
|
||||
.flip-box-wrap .ifb-front {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
.ifb-flip-box-section {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
top: 0;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none
|
||||
}
|
||||
.flip-ifb-auto-height .ifb-flip-box-section,
|
||||
.flip-ifb-custom-height .ifb-flip-box-section {
|
||||
top: 0;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none
|
||||
}
|
||||
.ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
|
||||
vertical-align: middle !important;
|
||||
top: 50%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.flip-ifb-auto-height .ifb-front .ifb-flip-box-section.ifb-flip-box-section-vertical-middle {
|
||||
top: 0 !important;
|
||||
-webkit-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
transform: none !important
|
||||
}
|
||||
.ifb-flip-box-section.ifb_disable_middle {
|
||||
top: 0 !important;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none
|
||||
}
|
||||
.flip-box-wrap .flip_bottom .ifb-back,
|
||||
.flip-box-wrap .flip_left .ifb-back,
|
||||
.flip-box-wrap .flip_right .ifb-back,
|
||||
.flip-box-wrap .flip_top .ifb-back,
|
||||
.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
|
||||
z-index: -4
|
||||
}
|
||||
.flip-ifb-auto-height .ifb-flip-box .h_door .ifb-front,
|
||||
.flip-ifb-auto-height .ifb-flip-box .v_door .ifb-front,
|
||||
.flip-ifb-auto-height .ifb-flip-box .new_style_9.ifb-front-1,
|
||||
.flip-ifb-auto-height .ifb-flip-box .new_style_9.ifb-front-2 {
|
||||
height: auto
|
||||
}
|
||||
|
||||
/* Disable Flip box content align to top when center align is selected, classes are not completely removed for the abckwards compatibility */
|
||||
.ifb-flip-box-section.ifb-flip-box-section-vertical-middle.ifb_disable_middle {
|
||||
top: 50% !important;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
Binary file not shown.
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" standalone="no"?>␍
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">␍
|
||||
<svg xmlns="http://www.w3.org/2000/svg">␍
|
||||
<metadata>Generated by Fontastic.me</metadata>␍
|
||||
<defs>␍
|
||||
<font id="slick" horiz-adv-x="512">␍
|
||||
<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>␍
|
||||
<missing-glyph horiz-adv-x="512" />␍
|
||||
␍
|
||||
<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>␍
|
||||
<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>␍
|
||||
<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>␍
|
||||
<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>␍
|
||||
</font></defs></svg>␍
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" standalone="no"?>␍
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >␍
|
||||
<svg xmlns="http://www.w3.org/2000/svg">␍
|
||||
<metadata>Generated by IcoMoon</metadata>␍
|
||||
<defs>␍
|
||||
<font id="ult-silk" horiz-adv-x="512">␍
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />␍
|
||||
<missing-glyph horiz-adv-x="512" />␍
|
||||
<glyph unicode=" " d="" horiz-adv-x="256" />␍
|
||||
<glyph unicode="" d="M512 224l-256 256v-160h-255.999l-0.001-192h256v-160z" />␍
|
||||
<glyph unicode="" d="M0 224l256-256v160h255.999l0.001 192h-256v160z" />␍
|
||||
<glyph unicode="" d="M310.627 41.373l160 160c12.497 12.496 12.497 32.758 0 45.255l-160 160c-12.497 12.496-32.758 12.496-45.255 0-12.497-12.497-12.497-32.758 0-45.255l105.373-105.373h-306.745c-17.673 0-32-14.327-32-32s14.327-32 32-32h306.745l-105.373-105.373c-6.248-6.248-9.372-14.438-9.372-22.627s3.124-16.379 9.372-22.627c12.497-12.497 32.758-12.497 45.255 0z" />␍
|
||||
<glyph unicode="" d="M201.373 406.627l-160-160c-12.497-12.496-12.497-32.758 0-45.254l160-160c12.497-12.496 32.758-12.496 45.255 0s12.498 32.758 0 45.254l-105.374 105.373h306.746c17.673 0 32 14.326 32 32s-14.327 32-32 32h-306.746l105.373 105.373c6.248 6.248 9.373 14.438 9.373 22.627s-3.124 16.379-9.372 22.627c-12.498 12.497-32.758 12.497-45.255 0z" />␍
|
||||
<glyph unicode="" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM256 16c-114.875 0-208 93.125-208 208s93.125 208 208 208 208-93.125 208-208-93.125-208-208-208zM406.628 246.627l-128.001 128c-12.496 12.497-32.757 12.497-45.254 0s-12.497-32.758 0-45.255l73.372-73.372h-178.745c-17.673 0-32-14.327-32-32s14.327-32 32-32h178.745l-73.373-73.372c-12.497-12.497-12.497-32.759 0-45.256 6.249-6.248 14.439-9.372 22.628-9.372s16.379 3.124 22.627 9.372l128.001 128c12.496 12.497 12.496 32.759 0 45.255z" />␍
|
||||
<glyph unicode="" d="M256 480c141.385 0 256-114.615 256-256s-114.615-256-256-256-256 114.615-256 256 114.615 256 256 256zM256 16c114.875 0 208 93.125 208 208s-93.125 208-208 208-208-93.125-208-208 93.125-208 208-208zM105.372 246.627l128.001 128c12.496 12.497 32.757 12.497 45.254 0s12.497-32.758 0-45.255l-73.372-73.372h178.745c17.673 0 32-14.327 32-32s-14.327-32-32-32h-178.745l73.373-73.372c12.497-12.497 12.497-32.759 0-45.256-6.249-6.248-14.439-9.372-22.628-9.372s-16.379 3.124-22.627 9.372l-128.001 128c-12.496 12.497-12.496 32.759 0 45.255z" />␍
|
||||
<glyph unicode="" d="M0 480v-512h512v512h-512zM480 0h-448v448h448v-448z" />␍
|
||||
<glyph unicode="" d="M0 480v-512h512v512h-512zM480 0h-448v448h448v-448zM128 352h256v-256h-256z" />␍
|
||||
<glyph unicode="" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM256 32c-106.039 0-192 85.961-192 192s85.961 192 192 192c106.039 0 192-85.961 192-192s-85.961-192-192-192zM160 224c0 53.019 42.981 96 96 96s96-42.981 96-96c0-53.019-42.981-96-96-96s-96 42.981-96 96z" />␍
|
||||
<glyph unicode="" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM256 32c-106.039 0-192 85.961-192 192s85.961 192 192 192c106.039 0 192-85.961 192-192s-85.961-192-192-192z" />␍
|
||||
<glyph unicode="" d="M256 409.6c-98.969 0-179.2-80.231-179.2-179.2s80.231-179.2 179.2-179.2c98.944 0 179.2 80.231 179.2 179.2s-80.256 179.2-179.2 179.2z" />␍
|
||||
<glyph unicode="" d="M371.2 384h-230.4c-25.447 0-38.4-7.834-38.4-33.28v-240.64c0-25.447 12.954-33.28 38.4-33.28h230.4c25.447 0 38.4 7.834 38.4 33.28v240.64c0 25.447-12.954 33.28-38.4 33.28z" />␍
|
||||
<glyph unicode="" d="M292.787 370.791c-10.701-10.445-115.251-120.218-115.251-120.218-5.709-5.581-8.55-12.877-8.55-20.173s2.841-14.592 8.55-20.173c0 0 104.551-109.773 115.251-120.192 10.701-10.445 29.952-11.161 41.37 0 11.392 11.136 12.288 26.675-0.026 40.32l-95.923 100.045 95.923 100.045c12.313 13.67 11.418 29.209 0.026 40.345-11.443 11.136-30.695 10.445-41.37 0z" />␍
|
||||
<glyph unicode="" d="M219.213 370.791c10.701-10.445 115.251-120.218 115.251-120.218 5.735-5.581 8.576-12.877 8.576-20.173s-2.841-14.592-8.576-20.173c0 0-104.55-109.773-115.251-120.192-10.701-10.445-29.927-11.161-41.369 0-11.417 11.136-12.314 26.675 0 40.32l95.949 100.045-95.923 100.045c-12.314 13.67-11.417 29.209 0 40.345s30.669 10.445 41.344 0z" />␍
|
||||
<glyph unicode="" d="M317.414 142.899c6.861-6.938 6.861-18.151 0-25.063-6.861-6.938-17.945-6.938-24.807 0l-98.048 100.019c-6.861 6.938-6.861 18.151 0 25.063l98.048 100.045c6.861 6.938 17.945 6.938 24.807 0s6.861-18.125 0-25.063l-80.384-87.501 80.384-87.501z" />␍
|
||||
<glyph unicode="" d="M194.585 142.899c-6.861-6.938-6.861-18.151 0-25.063 6.835-6.938 17.946-6.938 24.806 0l98.048 100.019c6.861 6.938 6.861 18.151 0 25.063l-98.048 100.045c-6.861 6.938-17.946 6.938-24.806 0s-6.861-18.125-0.025-25.037l80.409-87.527-80.384-87.501z" />␍
|
||||
<glyph unicode="" d="M368.615 40.499c6.861-6.938 6.861-18.125 0-25.063s-17.945-6.938-24.807 0l-200.448 202.419c-6.861 6.938-6.861 18.151 0 25.063l200.448 202.445c6.861 6.938 17.945 6.938 24.807 0s6.861-18.125 0-25.063l-182.784-189.901 182.784-189.901z" />␍
|
||||
<glyph unicode="" d="M143.352 40.499c-6.861-6.938-6.861-18.125 0-25.063s17.946-6.938 24.806 0l200.448 202.419c6.861 6.938 6.861 18.151 0 25.063l-200.448 202.445c-6.861 6.938-17.946 6.938-24.806 0s-6.861-18.125 0-25.063l182.784-189.901-182.784-189.901z" />␍
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,71 @@
|
||||
@charset "utf-8";
|
||||
.uvc-heading {
|
||||
text-align: center
|
||||
}
|
||||
.uvc-heading .uvc-main-heading h1,
|
||||
.uvc-heading .uvc-main-heading h2,
|
||||
.uvc-heading .uvc-main-heading h3,
|
||||
.uvc-heading .uvc-main-heading h4,
|
||||
.uvc-heading .uvc-main-heading h5,
|
||||
.uvc-heading .uvc-main-heading h6,
|
||||
.uvc-heading .uvc-main-heading div,
|
||||
.uvc-heading .uvc-main-heading p,
|
||||
.uvc-heading .uvc-main-heading span {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: normal
|
||||
}
|
||||
.uvc-heading-spacer {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: hidden
|
||||
}
|
||||
.uvc-heading-spacer .aio-icon {
|
||||
vertical-align: text-top
|
||||
}
|
||||
.uvc-heading-spacer img {
|
||||
vertical-align: middle;
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important;
|
||||
max-width: 100%
|
||||
}
|
||||
.uvc-heading-spacer.line_with_icon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 50%;
|
||||
left: 0;
|
||||
border-width: 0;
|
||||
top: 50%
|
||||
}
|
||||
.uvc-heading-spacer.line_with_icon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 50%;
|
||||
right: 0;
|
||||
border-width: 0;
|
||||
top: 50%
|
||||
}
|
||||
.uvc-headings-line {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.uvc-sub-heading {
|
||||
line-height: normal;
|
||||
margin: 0 auto
|
||||
}
|
||||
.uvc-sub-heading div,
|
||||
.uvc-sub-heading p {
|
||||
font-family: inherit!important;
|
||||
font-weight: inherit!important;
|
||||
font-size: inherit!important;
|
||||
color: inherit!important;
|
||||
line-height: inherit!important
|
||||
}
|
||||
.uvc-heading p {
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
-ms-word-break: normal;
|
||||
-ms-word-wrap: normal;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
@charset "utf-8";
|
||||
.uvc-heading {
|
||||
text-align: center
|
||||
}
|
||||
.uvc-heading .uvc-main-heading h1,
|
||||
.uvc-heading .uvc-main-heading h2,
|
||||
.uvc-heading .uvc-main-heading h3,
|
||||
.uvc-heading .uvc-main-heading h4,
|
||||
.uvc-heading .uvc-main-heading h5,
|
||||
.uvc-heading .uvc-main-heading h6,
|
||||
.uvc-heading .uvc-main-heading div,
|
||||
.uvc-heading .uvc-main-heading p,
|
||||
.uvc-heading .uvc-main-heading span {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: normal
|
||||
}
|
||||
.uvc-heading-spacer {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: hidden
|
||||
}
|
||||
.uvc-heading-spacer .aio-icon {
|
||||
vertical-align: text-top
|
||||
}
|
||||
.uvc-heading-spacer img {
|
||||
vertical-align: middle;
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important;
|
||||
max-width: 100%
|
||||
}
|
||||
.uvc-heading-spacer.line_with_icon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 50%;
|
||||
right: 0;
|
||||
border-width: 0;
|
||||
top: 50%
|
||||
}
|
||||
.uvc-heading-spacer.line_with_icon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 50%;
|
||||
left: 0;
|
||||
border-width: 0;
|
||||
top: 50%
|
||||
}
|
||||
.uvc-headings-line {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.uvc-sub-heading {
|
||||
line-height: normal;
|
||||
margin: 0 auto
|
||||
}
|
||||
.uvc-sub-heading div,
|
||||
.uvc-sub-heading p {
|
||||
font-family: inherit!important;
|
||||
font-weight: inherit!important;
|
||||
font-size: inherit!important;
|
||||
color: inherit!important;
|
||||
line-height: inherit!important
|
||||
}
|
||||
.uvc-heading p {
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
-ms-word-break: normal;
|
||||
-ms-word-wrap: normal;
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
@charset "utf-8";
|
||||
.ultimate-call-to-action {
|
||||
position: relative;
|
||||
-webkit-transition: background .3s ease-in-out;
|
||||
transition: background .3s ease-in-out;
|
||||
overflow: hidden
|
||||
}
|
||||
.ctaction-text-center {
|
||||
text-align: center
|
||||
}
|
||||
.ctaction-text-left {
|
||||
text-align: right
|
||||
}
|
||||
.ctaction-text-right {
|
||||
text-align: left
|
||||
}
|
||||
.ulimate-call-to-action-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9
|
||||
}
|
||||
.ultimate-ctaction-icon {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s
|
||||
}
|
||||
.uvc-ctaction-data {
|
||||
-webkit-transition: all .45s;
|
||||
transition: all .45s;
|
||||
display: inline-block
|
||||
}
|
||||
.ctaction-icon-bottom-push {
|
||||
top: 500px;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-bottom-push {
|
||||
top: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-bottom-push {
|
||||
-webkit-transform: translateY(-500px);
|
||||
-ms-transform: translateY(-500px);
|
||||
transform: translateY(-500px)
|
||||
}
|
||||
.ctaction-icon-top-push {
|
||||
top: -500px;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, 0);
|
||||
-ms-transform: translate(50%, 0);
|
||||
transform: translate(50%, 0);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-top-push {
|
||||
top: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-top-push {
|
||||
-webkit-transform: translateY(500px);
|
||||
-ms-transform: translateY(500px);
|
||||
transform: translateY(500px)
|
||||
}
|
||||
.ctaction-icon-left-push {
|
||||
right: -200%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, 50%);
|
||||
-ms-transform: translate(0, 50%);
|
||||
transform: translate(0, 50%);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-left-push {
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-left-push {
|
||||
-webkit-transform: translateX(-1000%);
|
||||
-ms-transform: translateX(-1000%);
|
||||
transform: translateX(-1000%)
|
||||
}
|
||||
.ctaction-icon-right-push {
|
||||
right: 200%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-right-push {
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-right-push {
|
||||
-webkit-transform: translateX(1000%);
|
||||
-ms-transform: translateX(1000%);
|
||||
transform: translateX(1000%)
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
@charset "utf-8";
|
||||
.ultimate-call-to-action {
|
||||
position: relative;
|
||||
-webkit-transition: background .3s ease-in-out;
|
||||
transition: background .3s ease-in-out;
|
||||
overflow: hidden
|
||||
}
|
||||
.ctaction-text-center {
|
||||
text-align: center
|
||||
}
|
||||
.ctaction-text-left {
|
||||
text-align: left
|
||||
}
|
||||
.ctaction-text-right {
|
||||
text-align: right
|
||||
}
|
||||
.ulimate-call-to-action-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9
|
||||
}
|
||||
.ultimate-ctaction-icon {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s
|
||||
}
|
||||
.uvc-ctaction-data {
|
||||
-webkit-transition: all .45s;
|
||||
transition: all .45s;
|
||||
display: inline-block
|
||||
}
|
||||
.ctaction-icon-bottom-push {
|
||||
top: 500px;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-bottom-push {
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-bottom-push {
|
||||
-webkit-transform: translateY(-500px);
|
||||
-ms-transform: translateY(-500px);
|
||||
transform: translateY(-500px)
|
||||
}
|
||||
.ctaction-icon-top-push {
|
||||
top: -500px;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
-ms-transform: translate(-50%, 0);
|
||||
transform: translate(-50%, 0);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-top-push {
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-top-push {
|
||||
-webkit-transform: translateY(500px);
|
||||
-ms-transform: translateY(500px);
|
||||
transform: translateY(500px)
|
||||
}
|
||||
.ctaction-icon-left-push {
|
||||
left: -200%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, 50%);
|
||||
-ms-transform: translate(0, 50%);
|
||||
transform: translate(0, 50%);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-left-push {
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-left-push {
|
||||
-webkit-transform: translateX(1000%);
|
||||
-ms-transform: translateX(1000%);
|
||||
transform: translateX(1000%)
|
||||
}
|
||||
.ctaction-icon-right-push {
|
||||
left: 200%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
line-height: 1;
|
||||
opacity: 1
|
||||
}
|
||||
.ultimate-call-to-action-hover .ctaction-icon-right-push {
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultimate-call-to-action-hover .uvc-ctaction-data-right-push {
|
||||
-webkit-transform: translateX(-1000%);
|
||||
-ms-transform: translateX(-1000%);
|
||||
transform: translateX(-1000%)
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
.ult_hotspot_container,
|
||||
.ult_hotspot_container * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box
|
||||
}
|
||||
.ult_hotspot_container img {
|
||||
border: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.ultimate-hotspot-base {
|
||||
max-width: 100%
|
||||
}
|
||||
.ult_hotspot_container {
|
||||
position: relative;
|
||||
clear: both;
|
||||
display: block;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
line-height: 0
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items {
|
||||
overflow: hidden
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item {
|
||||
position: absolute;
|
||||
text-align: center
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
background: 100% 0;
|
||||
text-align: center;
|
||||
line-height: 0
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a:hover {
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
-ms-transform: scale(1.2, 1.2);
|
||||
transform: scale(1.2, 1.2);
|
||||
-webkit-animation: none;
|
||||
animation: none
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a:focus {
|
||||
outline: 0
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a span {
|
||||
color: inherit;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
-webkit-transform: translate(50%, -50%)
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item.ult-glow .aio-icon i:before {
|
||||
z-index: 50
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item .ult-glow {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
height: 200%;
|
||||
width: 200%;
|
||||
top: -50%;
|
||||
right: -50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
line-height: normal;
|
||||
-webkit-animation: Hotspot_Glow 2s ease-out infinite;
|
||||
animation: Hotspot_Glow 2s ease-out infinite
|
||||
}
|
||||
@-webkit-keyframes Hotspot_Glow {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
opacity: 0
|
||||
}
|
||||
50% {
|
||||
opacity: .7
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
@keyframes Hotspot_Glow {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
opacity: 0
|
||||
}
|
||||
50% {
|
||||
opacity: .7
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item.ult-pulse {
|
||||
border: none;
|
||||
-webkit-animation: Hotspot_Pulse 2s ease-out infinite;
|
||||
animation: Hotspot_Pulse 2s ease-out infinite
|
||||
}
|
||||
@-webkit-keyframes Hotspot_Pulse {
|
||||
0%, 100% {
|
||||
-webkit-transform: scale(1);
|
||||
text-shadow: 0 0 15px #4F4F4F
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
text-shadow: 0 0 10px #4F4F4F
|
||||
}
|
||||
}
|
||||
@keyframes Hotspot_Pulse {
|
||||
0%, 100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
text-shadow: 0 0 15px #4F4F4F
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
text-shadow: 0 0 10px #4F4F4F
|
||||
}
|
||||
}
|
||||
.hotspot-tooltip-content {
|
||||
display: none!important
|
||||
}
|
||||
@@ -0,0 +1,299 @@
|
||||
.ult-tooltipster-base,
|
||||
.ult-tooltipster-base * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box
|
||||
}
|
||||
.ult-tooltipster-base {
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 9999999;
|
||||
pointer-events: none;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-tooltipster-base .ult-tooltipster-content {
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
padding: 8px 10px
|
||||
}
|
||||
.ult-tooltipster-icon {
|
||||
cursor: help;
|
||||
margin-right: 4px
|
||||
}
|
||||
.ult-tooltipster-default {
|
||||
/*border-radius: 5px;
|
||||
background: #fff;
|
||||
color: #4c4c4c;*/
|
||||
text-align: center;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-tooltipster-default .ult-tooltipster-content {
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
overflow: hidden;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-tooltipster-arrow {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: -1
|
||||
}
|
||||
.ult-tooltipster-arrow span,
|
||||
.ult-tooltipster-arrow-border {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute
|
||||
}
|
||||
.ult-tooltipster-arrow-top span,
|
||||
.ult-tooltipster-arrow-top-left span,
|
||||
.ult-tooltipster-arrow-top-right span {
|
||||
border-right: 8px solid transparent!important;
|
||||
border-left: 8px solid transparent!important;
|
||||
border-top: 8px solid;
|
||||
bottom: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-top .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-right .ult-tooltipster-arrow-border {
|
||||
border-right: 9px solid transparent!important;
|
||||
border-left: 9px solid transparent!important;
|
||||
border-top: 9px solid;
|
||||
bottom: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom span,
|
||||
.ult-tooltipster-arrow-bottom-left span,
|
||||
.ult-tooltipster-arrow-bottom-right span {
|
||||
border-right: 8px solid transparent!important;
|
||||
border-left: 8px solid transparent!important;
|
||||
border-bottom: 8px solid;
|
||||
top: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-bottom-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-bottom-right .ult-tooltipster-arrow-border {
|
||||
border-right: 9px solid transparent!important;
|
||||
border-left: 9px solid transparent!important;
|
||||
border-bottom: 9px solid;
|
||||
top: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-bottom span,
|
||||
.ult-tooltipster-arrow-top .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top span {
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-left span,
|
||||
.ult-tooltipster-arrow-top-left span {
|
||||
right: 6px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-left .ult-tooltipster-arrow-border {
|
||||
right: 5px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-right span,
|
||||
.ult-tooltipster-arrow-top-right span {
|
||||
left: 6px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-right .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-right .ult-tooltipster-arrow-border {
|
||||
left: 5px
|
||||
}
|
||||
.ult-tooltipster-arrow-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-left span {
|
||||
border-top: 8px solid transparent!important;
|
||||
border-bottom: 8px solid transparent!important;
|
||||
border-right: 8px solid;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
left: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-left .ult-tooltipster-arrow-border {
|
||||
border-top: 9px solid transparent!important;
|
||||
border-bottom: 9px solid transparent!important;
|
||||
border-right: 9px solid;
|
||||
margin-top: -8px
|
||||
}
|
||||
.ult-tooltipster-arrow-right .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-right span {
|
||||
border-top: 8px solid transparent!important;
|
||||
border-bottom: 8px solid transparent!important;
|
||||
border-left: 8px solid;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
right: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-right .ult-tooltipster-arrow-border {
|
||||
border-top: 9px solid transparent!important;
|
||||
border-bottom: 9px solid transparent!important;
|
||||
border-left: 9px solid;
|
||||
margin-top: -8px
|
||||
}
|
||||
.ult-tooltipster-fade {
|
||||
opacity: 0;
|
||||
-webkit-transition-property: opacity;
|
||||
transition-property: opacity
|
||||
}
|
||||
.ult-tooltipster-fade-show {
|
||||
opacity: 1
|
||||
}
|
||||
.ult-tooltipster-glow {
|
||||
-webkit-transform: scale(0, 0);
|
||||
-ms-transform: scale(0, 0);
|
||||
transform: scale(0, 0);
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
-webkit-backface-visibility: hidden
|
||||
}
|
||||
.ult-tooltipster-glow-show {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15)
|
||||
}
|
||||
.ult-tooltipster-swing {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateZ(-4deg);
|
||||
-ms-transform: rotateZ(-4deg);
|
||||
transform: rotateZ(-4deg);
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform
|
||||
}
|
||||
.ult-tooltipster-swing-show {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(0deg);
|
||||
-ms-transform: rotateZ(0deg);
|
||||
transform: rotateZ(0deg);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.23, .635, .495, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.23, .635, .495, 2.4);
|
||||
transition-timing-function: cubic-bezier(0.23, .635, .495, 2.4)
|
||||
}
|
||||
.ult-tooltipster-fall {
|
||||
top: 0;
|
||||
-webkit-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15)
|
||||
}
|
||||
.ult-tooltipster-fall.ult-tooltipster-dying {
|
||||
-webkit-transition-property: all;
|
||||
transition-property: all;
|
||||
top: 0!important;
|
||||
opacity: 0
|
||||
}
|
||||
.ult-tooltipster-slide {
|
||||
right: -40px;
|
||||
-webkit-transition-property: right;
|
||||
transition-property: right;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15)
|
||||
}
|
||||
.ult-tooltipster-euclid {
|
||||
opacity: 0;
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
-ms-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
-webkit-transform: rotate3d(0, 0, 1, -20deg);
|
||||
transform: rotate3d(0, 0, 1, -20deg);
|
||||
-webkit-transition: opacity .2s, -webkit-transform .2s;
|
||||
transition: opacity .2s, -webkit-transform .2s;
|
||||
transition: opacity .2s, transform .2s;
|
||||
transition: opacity .2s, transform .2s, -webkit-transform .2s;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out
|
||||
}
|
||||
.ult-tooltipster-euclid-show {
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
|
||||
transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
|
||||
}
|
||||
.ult-tooltipster-slide.ult-tooltipster-dying {
|
||||
-webkit-transition-property: all;
|
||||
transition-property: all;
|
||||
right: 0!important;
|
||||
opacity: 0
|
||||
}
|
||||
.ult-tooltipster-content-changing {
|
||||
opacity: .5;
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1)
|
||||
}
|
||||
.ult-tooltipster-light {
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
background: #ededed;
|
||||
color: #666
|
||||
}
|
||||
.ult-tooltipster-light .ult-tooltipster-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult-tooltipster-shadow {
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .3);
|
||||
box-shadow: 0 0 14px rgba(0, 0, 0, .3);
|
||||
color: #2c2c2c
|
||||
}
|
||||
.ult-tooltipster-shadow .ult-tooltipster-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px
|
||||
}
|
||||
.ult-tooltipster-punk {
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border-bottom: 3px solid #f71169;
|
||||
background: #2a2a2a;
|
||||
color: #fff
|
||||
}
|
||||
.ult-tooltipster-punk .ult-tooltipster-content {
|
||||
font-family: Courier, monospace;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px
|
||||
}
|
||||
.ult-tooltipster-noir {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border: 3px solid #2c2c2c;
|
||||
background: #fff;
|
||||
color: #2c2c2c
|
||||
}
|
||||
.ult-tooltipster-noir .ult-tooltipster-content {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px
|
||||
}
|
||||
@@ -0,0 +1,299 @@
|
||||
.ult-tooltipster-base,
|
||||
.ult-tooltipster-base * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box
|
||||
}
|
||||
.ult-tooltipster-base {
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9999999;
|
||||
pointer-events: none;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-tooltipster-base .ult-tooltipster-content {
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
padding: 8px 10px
|
||||
}
|
||||
.ult-tooltipster-icon {
|
||||
cursor: help;
|
||||
margin-left: 4px
|
||||
}
|
||||
.ult-tooltipster-default {
|
||||
/*border-radius: 5px;
|
||||
background: #fff;
|
||||
color: #4c4c4c;*/
|
||||
text-align: center;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-tooltipster-default .ult-tooltipster-content {
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
overflow: hidden;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-tooltipster-arrow {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1
|
||||
}
|
||||
.ult-tooltipster-arrow span,
|
||||
.ult-tooltipster-arrow-border {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute
|
||||
}
|
||||
.ult-tooltipster-arrow-top span,
|
||||
.ult-tooltipster-arrow-top-left span,
|
||||
.ult-tooltipster-arrow-top-right span {
|
||||
border-left: 8px solid transparent!important;
|
||||
border-right: 8px solid transparent!important;
|
||||
border-top: 8px solid;
|
||||
bottom: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-top .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-right .ult-tooltipster-arrow-border {
|
||||
border-left: 9px solid transparent!important;
|
||||
border-right: 9px solid transparent!important;
|
||||
border-top: 9px solid;
|
||||
bottom: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom span,
|
||||
.ult-tooltipster-arrow-bottom-left span,
|
||||
.ult-tooltipster-arrow-bottom-right span {
|
||||
border-left: 8px solid transparent!important;
|
||||
border-right: 8px solid transparent!important;
|
||||
border-bottom: 8px solid;
|
||||
top: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-bottom-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-bottom-right .ult-tooltipster-arrow-border {
|
||||
border-left: 9px solid transparent!important;
|
||||
border-right: 9px solid transparent!important;
|
||||
border-bottom: 9px solid;
|
||||
top: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-bottom span,
|
||||
.ult-tooltipster-arrow-top .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top span {
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-left span,
|
||||
.ult-tooltipster-arrow-top-left span {
|
||||
left: 6px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-left .ult-tooltipster-arrow-border {
|
||||
left: 5px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-right span,
|
||||
.ult-tooltipster-arrow-top-right span {
|
||||
right: 6px
|
||||
}
|
||||
.ult-tooltipster-arrow-bottom-right .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-top-right .ult-tooltipster-arrow-border {
|
||||
right: 5px
|
||||
}
|
||||
.ult-tooltipster-arrow-left .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-left span {
|
||||
border-top: 8px solid transparent!important;
|
||||
border-bottom: 8px solid transparent!important;
|
||||
border-left: 8px solid;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
right: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-left .ult-tooltipster-arrow-border {
|
||||
border-top: 9px solid transparent!important;
|
||||
border-bottom: 9px solid transparent!important;
|
||||
border-left: 9px solid;
|
||||
margin-top: -8px
|
||||
}
|
||||
.ult-tooltipster-arrow-right .ult-tooltipster-arrow-border,
|
||||
.ult-tooltipster-arrow-right span {
|
||||
border-top: 8px solid transparent!important;
|
||||
border-bottom: 8px solid transparent!important;
|
||||
border-right: 8px solid;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
left: -7px
|
||||
}
|
||||
.ult-tooltipster-arrow-right .ult-tooltipster-arrow-border {
|
||||
border-top: 9px solid transparent!important;
|
||||
border-bottom: 9px solid transparent!important;
|
||||
border-right: 9px solid;
|
||||
margin-top: -8px
|
||||
}
|
||||
.ult-tooltipster-fade {
|
||||
opacity: 0;
|
||||
-webkit-transition-property: opacity;
|
||||
transition-property: opacity
|
||||
}
|
||||
.ult-tooltipster-fade-show {
|
||||
opacity: 1
|
||||
}
|
||||
.ult-tooltipster-glow {
|
||||
-webkit-transform: scale(0, 0);
|
||||
-ms-transform: scale(0, 0);
|
||||
transform: scale(0, 0);
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
-webkit-backface-visibility: hidden
|
||||
}
|
||||
.ult-tooltipster-glow-show {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15)
|
||||
}
|
||||
.ult-tooltipster-swing {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateZ(4deg);
|
||||
-ms-transform: rotateZ(4deg);
|
||||
transform: rotateZ(4deg);
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform
|
||||
}
|
||||
.ult-tooltipster-swing-show {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateZ(0deg);
|
||||
-ms-transform: rotateZ(0deg);
|
||||
transform: rotateZ(0deg);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.23, .635, .495, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.23, .635, .495, 2.4);
|
||||
transition-timing-function: cubic-bezier(0.23, .635, .495, 2.4)
|
||||
}
|
||||
.ult-tooltipster-fall {
|
||||
top: 0;
|
||||
-webkit-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15)
|
||||
}
|
||||
.ult-tooltipster-fall.ult-tooltipster-dying {
|
||||
-webkit-transition-property: all;
|
||||
transition-property: all;
|
||||
top: 0!important;
|
||||
opacity: 0
|
||||
}
|
||||
.ult-tooltipster-slide {
|
||||
left: -40px;
|
||||
-webkit-transition-property: left;
|
||||
transition-property: left;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15);
|
||||
transition-timing-function: cubic-bezier(0.175, .885, .32, 1.15)
|
||||
}
|
||||
.ult-tooltipster-euclid {
|
||||
opacity: 0;
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
-ms-transform-origin: 50% 100%;
|
||||
transform-origin: 50% 100%;
|
||||
-webkit-transform: rotate3d(0, 0, 1, 20deg);
|
||||
transform: rotate3d(0, 0, 1, 20deg);
|
||||
-webkit-transition: opacity .2s, -webkit-transform .2s;
|
||||
transition: opacity .2s, -webkit-transform .2s;
|
||||
transition: opacity .2s, transform .2s;
|
||||
transition: opacity .2s, transform .2s, -webkit-transform .2s;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out
|
||||
}
|
||||
.ult-tooltipster-euclid-show {
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
|
||||
transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)
|
||||
}
|
||||
.ult-tooltipster-slide.ult-tooltipster-dying {
|
||||
-webkit-transition-property: all;
|
||||
transition-property: all;
|
||||
left: 0!important;
|
||||
opacity: 0
|
||||
}
|
||||
.ult-tooltipster-content-changing {
|
||||
opacity: .5;
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1)
|
||||
}
|
||||
.ult-tooltipster-light {
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
background: #ededed;
|
||||
color: #666
|
||||
}
|
||||
.ult-tooltipster-light .ult-tooltipster-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult-tooltipster-shadow {
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .3);
|
||||
box-shadow: 0 0 14px rgba(0, 0, 0, .3);
|
||||
color: #2c2c2c
|
||||
}
|
||||
.ult-tooltipster-shadow .ult-tooltipster-content {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px
|
||||
}
|
||||
.ult-tooltipster-punk {
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border-bottom: 3px solid #f71169;
|
||||
background: #2a2a2a;
|
||||
color: #fff
|
||||
}
|
||||
.ult-tooltipster-punk .ult-tooltipster-content {
|
||||
font-family: Courier, monospace;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px
|
||||
}
|
||||
.ult-tooltipster-noir {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border: 3px solid #2c2c2c;
|
||||
background: #fff;
|
||||
color: #2c2c2c
|
||||
}
|
||||
.ult-tooltipster-noir .ult-tooltipster-content {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px 10px
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
.ult_hotspot_container,
|
||||
.ult_hotspot_container * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box
|
||||
}
|
||||
.ult_hotspot_container img {
|
||||
border: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.ultimate-hotspot-base {
|
||||
max-width: 100%
|
||||
}
|
||||
.ult_hotspot_container {
|
||||
position: relative;
|
||||
clear: both;
|
||||
display: block;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
line-height: 0
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items {
|
||||
overflow: hidden
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item {
|
||||
position: absolute;
|
||||
text-align: center
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
background: 0 0;
|
||||
text-align: center;
|
||||
line-height: 0
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a:hover {
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
-ms-transform: scale(1.2, 1.2);
|
||||
transform: scale(1.2, 1.2);
|
||||
-webkit-animation: none;
|
||||
animation: none
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a:focus {
|
||||
outline: 0
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a span {
|
||||
color: inherit;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%)
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item.ult-glow .aio-icon i:before {
|
||||
z-index: 50
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item .ult-glow {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
height: 200%;
|
||||
width: 200%;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
line-height: normal;
|
||||
-webkit-animation: Hotspot_Glow 2s ease-out infinite;
|
||||
animation: Hotspot_Glow 2s ease-out infinite
|
||||
}
|
||||
@-webkit-keyframes Hotspot_Glow {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
opacity: 0
|
||||
}
|
||||
50% {
|
||||
opacity: .7
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
@keyframes Hotspot_Glow {
|
||||
0% {
|
||||
-webkit-transform: scale(0.1);
|
||||
transform: scale(0.1);
|
||||
opacity: 0
|
||||
}
|
||||
50% {
|
||||
opacity: .7
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item.ult-pulse {
|
||||
border: none;
|
||||
-webkit-animation: Hotspot_Pulse 2s ease-out infinite;
|
||||
animation: Hotspot_Pulse 2s ease-out infinite
|
||||
}
|
||||
@-webkit-keyframes Hotspot_Pulse {
|
||||
0%, 100% {
|
||||
-webkit-transform: scale(1);
|
||||
text-shadow: 0 0 15px #4F4F4F
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
text-shadow: 0 0 10px #4F4F4F
|
||||
}
|
||||
}
|
||||
@keyframes Hotspot_Pulse {
|
||||
0%, 100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
text-shadow: 0 0 15px #4F4F4F
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
text-shadow: 0 0 10px #4F4F4F
|
||||
}
|
||||
}
|
||||
.hotspot-tooltip-content {
|
||||
display: none!important
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,77 @@
|
||||
@font-face {
|
||||
font-family: 'ult-silk';
|
||||
src:url('fonts/ult-silk.eot');
|
||||
src:url('fonts/ult-silk.eot') format('embedded-opentype'),
|
||||
url('fonts/ult-silk.woff') format('woff'),
|
||||
url('fonts/ult-silk.ttf') format('truetype'),
|
||||
url('fonts/ult-silk.svg') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="ultsl-"], [class*=" ultsl-"] {
|
||||
font-family: 'ult-silk';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
outline: none;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.ultsl-arrow-right:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.ultsl-arrow-left:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.ultsl-arrow-right2:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.ultsl-arrow-left2:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.ultsl-arrow-right3:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.ultsl-arrow-left3:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.ultsl-checkbox-unchecked:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.ultsl-checkbox-partial:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.ultsl-radio-checked:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.ultsl-radio-unchecked:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.ultsl-record:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.ultsl-stop:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.ultsl-arrow-left4:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.ultsl-arrow-right4:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.ultsl-arrow-left5:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.ultsl-arrow-right5:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.ultsl-arrow-left6:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.ultsl-arrow-right6:before {
|
||||
content: "\e611";
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
@font-face {
|
||||
font-family: 'ult-silk';
|
||||
src:url('fonts/ult-silk.eot');
|
||||
src:url('fonts/ult-silk.eot') format('embedded-opentype'),
|
||||
url('fonts/ult-silk.woff') format('woff'),
|
||||
url('fonts/ult-silk.ttf') format('truetype'),
|
||||
url('fonts/ult-silk.svg') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="ultsl-"], [class*=" ultsl-"] {
|
||||
font-family: 'ult-silk';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
outline: none;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.ultsl-arrow-right:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.ultsl-arrow-left:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.ultsl-arrow-right2:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.ultsl-arrow-left2:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.ultsl-arrow-right3:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.ultsl-arrow-left3:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.ultsl-checkbox-unchecked:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.ultsl-checkbox-partial:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.ultsl-radio-checked:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.ultsl-radio-unchecked:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.ultsl-record:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.ultsl-stop:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.ultsl-arrow-left4:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.ultsl-arrow-right4:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.ultsl-arrow-left5:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.ultsl-arrow-right5:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.ultsl-arrow-left6:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.ultsl-arrow-right6:before {
|
||||
content: "\e611";
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,67 @@
|
||||
@charset "utf-8";
|
||||
.ult-easy-separator-wrapper {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-top-easy-separator {
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-bottom-easy-separator {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
-webkit-transform: translate(50%, 50%);
|
||||
-ms-transform: translate(50%, 50%);
|
||||
transform: translate(50%, 50%)
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-left-img {
|
||||
right: 0%;
|
||||
left: auto;
|
||||
-webkit-transform: translate(0%, 50%);
|
||||
-ms-transform: translate(0%, 50%);
|
||||
transform: translate(0%, 50%);
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-right-img {
|
||||
left: 0%;
|
||||
right: auto;
|
||||
-webkit-transform: translate(0%, 50%);
|
||||
-ms-transform: translate(0%, 50%);
|
||||
transform: translate(0%, 50%);
|
||||
}
|
||||
.ult-easy-separator-wrapper .ult-easy-separator-img {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 100%
|
||||
}
|
||||
.ult-easy-separator-no-default.ult-bottom-easy-separator,
|
||||
.ult-easy-separator-no-default.ult-top-easy-separator {
|
||||
-webkit-transform: translate(50%, 0)!important;
|
||||
-ms-transform: translate(50%, 0)!important;
|
||||
transform: translate(50%, 0)!important
|
||||
}
|
||||
.ult-easy-separator-inner-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.ult-easy-separator-inner-wrapper a {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
z-index: 99;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
@charset "utf-8";
|
||||
.ult-easy-separator-wrapper {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-top-easy-separator {
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-bottom-easy-separator {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
-webkit-transform: translate(-50%, 50%);
|
||||
-ms-transform: translate(-50%, 50%);
|
||||
transform: translate(-50%, 50%)
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-left-img {
|
||||
left: 0%;
|
||||
right: auto;
|
||||
-webkit-transform: translate(0%, 50%);
|
||||
-ms-transform: translate(0%, 50%);
|
||||
transform: translate(0%, 50%);
|
||||
}
|
||||
.ult-easy-separator-wrapper.ult-right-img {
|
||||
right: 0%;
|
||||
left: auto;
|
||||
-webkit-transform: translate(0%, 50%);
|
||||
-ms-transform: translate(0%, 50%);
|
||||
transform: translate(0%, 50%);
|
||||
}
|
||||
.ult-easy-separator-wrapper .ult-easy-separator-img {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 100%
|
||||
}
|
||||
.ult-easy-separator-no-default.ult-bottom-easy-separator,
|
||||
.ult-easy-separator-no-default.ult-top-easy-separator {
|
||||
-webkit-transform: translate(-50%, 0)!important;
|
||||
-ms-transform: translate(-50%, 0)!important;
|
||||
transform: translate(-50%, 0)!important
|
||||
}
|
||||
.ult-easy-separator-inner-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.ult-easy-separator-inner-wrapper a {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
z-index: 99;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
text-shadow: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
<?php
|
||||
/*Silence is Golden*/
|
||||
@@ -0,0 +1,462 @@
|
||||
.ultb3-box {
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: relative;
|
||||
background: #f2f2f2;
|
||||
overflow: hidden
|
||||
}
|
||||
img.ultb3-img {
|
||||
border: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: none;
|
||||
width: auto !important;
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear
|
||||
}
|
||||
.ultb3-box-overlay {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2
|
||||
}
|
||||
.ultb3-info {
|
||||
padding: 25px;
|
||||
position: relative;
|
||||
z-index: 5
|
||||
}
|
||||
.ultb3-info.ib3-info-center {
|
||||
text-align: center
|
||||
}
|
||||
.ultb3-info.ib3-info-right {
|
||||
text-align: left
|
||||
}
|
||||
img.ultb3-img.ultb3-img-top-center {
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-top-right {
|
||||
right: auto;
|
||||
left: 0
|
||||
}
|
||||
img.ultb3-img.ultb3-img-center-left {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-center {
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-center-right {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
right: auto;
|
||||
left: 0
|
||||
}
|
||||
img.ultb3-img.ultb3-img-bottom-left,
|
||||
img.ultb3-img.ultb3-img-bottom-center,
|
||||
img.ultb3-img.ultb3-img-bottom-right {
|
||||
top: auto;
|
||||
bottom: 0
|
||||
}
|
||||
img.ultb3-img.ultb3-img-bottom-center {
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-bottom-right {
|
||||
left: 0;
|
||||
right: auto
|
||||
}
|
||||
.ultb3-box .ultb3-title {
|
||||
font-size: 40px;
|
||||
color: #252525;
|
||||
line-height: 1.35em;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
.ultb3-desc {
|
||||
font-size: 20px;
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 10px
|
||||
}
|
||||
a.ultb3-btn {
|
||||
display: inline-block;
|
||||
color: #0483d9;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
padding: 15px 25px;
|
||||
-webkit-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
border: 2px solid #0483d9;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .2s;
|
||||
transition: all .2s
|
||||
}
|
||||
a.ultb3-btn i {
|
||||
position: absolute;
|
||||
right: auto;
|
||||
left: 25px;
|
||||
top: 50%;
|
||||
opacity: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: inherit !important;
|
||||
-webkit-transition: all .25s;
|
||||
transition: all .25s;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
a.ultb3-btn:hover i {
|
||||
left: 20px;
|
||||
opacity: 1
|
||||
}
|
||||
a.ultb3-btn:hover {
|
||||
padding-left: 45px
|
||||
}
|
||||
a.ultb3-btn:hover,
|
||||
a.ultb3-btn:focus,
|
||||
a.ultb3-btn:active,
|
||||
a.ultb3-btn:visited {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
outline: 0
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-top-right {
|
||||
top: -50px
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-right {
|
||||
top: 0
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%)
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -25%);
|
||||
-ms-transform: translate(50%, -25%);
|
||||
transform: translate(50%, -25%)
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%)
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: 0
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: -50px
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-top-right {
|
||||
top: 0
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-right {
|
||||
top: -50px
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-75%);
|
||||
-ms-transform: translateY(-75%);
|
||||
transform: translateY(-75%)
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -75%);
|
||||
-ms-transform: translate(50%, -75%);
|
||||
transform: translate(50%, -75%)
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-75%);
|
||||
-ms-transform: translateY(-75%);
|
||||
transform: translateY(-75%)
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: -50px
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: 0
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-center-left {
|
||||
right: 0
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center-left {
|
||||
right: -50px
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(25%);
|
||||
-ms-transform: translateX(25%);
|
||||
transform: translateX(25%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-right {
|
||||
left: -50px
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
left: 0
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(75%, -50%);
|
||||
-ms-transform: translate(75%, -50%);
|
||||
transform: translate(75%, -50%)
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(-25%, -50%);
|
||||
-ms-transform: translate(-25%, -50%);
|
||||
transform: translate(-25%, -50%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-left {
|
||||
right: 0
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-left {
|
||||
right: -50px
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-center {
|
||||
-webkit-transform: translate(50%);
|
||||
-ms-transform: translate(50%);
|
||||
transform: translate(50%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-center {
|
||||
-webkit-transform: translate(75%);
|
||||
-ms-transform: translate(75%);
|
||||
transform: translate(75%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-center-left {
|
||||
right: -50px
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center-left {
|
||||
right: 0
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(75%);
|
||||
-ms-transform: translateX(75%);
|
||||
transform: translateX(75%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-right {
|
||||
left: 0
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
left: -50px
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(25%, -50%);
|
||||
-ms-transform: translate(25%, -50%);
|
||||
transform: translate(25%, -50%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(-25%, -50%);
|
||||
-ms-transform: translate(-25%, -50%);
|
||||
transform: translate(-25%, -50%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-left {
|
||||
right: -50px
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-left {
|
||||
right: 0
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-center {
|
||||
-webkit-transform: translate(50%);
|
||||
-ms-transform: translate(50%);
|
||||
transform: translate(50%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-center {
|
||||
transform: translate(25%);
|
||||
-webkit-transform: translate(25%);
|
||||
-moz-transform: translate(25%);
|
||||
-ms-transform: translate(25%);
|
||||
-o-transform: translate(25%)
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-left{
|
||||
right: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-right{
|
||||
left: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-right{
|
||||
top: 0;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-right {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-center {
|
||||
top: 0;
|
||||
right: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-center {
|
||||
top: -50px;
|
||||
-webkit-transform: translateX(50%) scale(1.1);
|
||||
-ms-transform: translateX(50%) scale(1.1);
|
||||
transform: translateX(50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-center-left {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center-left {
|
||||
right: -50px;
|
||||
-webkit-transform: translateY(-50%) scale(1.1);
|
||||
-ms-transform: translateY(-50%) scale(1.1);
|
||||
transform: translateY(-50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-center-right {
|
||||
left: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center-right {
|
||||
left: -50px;
|
||||
-webkit-transform: translateY(-50%) scale(1.1);
|
||||
-ms-transform: translateY(-50%) scale(1.1);
|
||||
transform: translateY(-50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-center {
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(50%, -50%) scale(1.2);
|
||||
-ms-transform: translate(50%, -50%) scale(1.2);
|
||||
transform: translate(50%, -50%) scale(1.2);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-left{
|
||||
right: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-right{
|
||||
left: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-right{
|
||||
bottom:0;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-center {
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-center {
|
||||
bottom: -50px;
|
||||
-webkit-transform: translateX(50%) scale(1.1);
|
||||
-ms-transform: translateX(50%) scale(1.1);
|
||||
transform: translateX(50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-6 .ultb3-img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1
|
||||
}
|
||||
.ultb3-hover-6:hover .ultb3-img {
|
||||
-webkit-transform: scale(2.5);
|
||||
-ms-transform: scale(2.5);
|
||||
transform: scale(2.5);
|
||||
opacity: 0
|
||||
}
|
||||
@@ -0,0 +1,462 @@
|
||||
.ultb3-box {
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: relative;
|
||||
background: #f2f2f2;
|
||||
overflow: hidden
|
||||
}
|
||||
img.ultb3-img {
|
||||
border: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: none;
|
||||
width: auto !important;
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear
|
||||
}
|
||||
.ultb3-box-overlay {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2
|
||||
}
|
||||
.ultb3-info {
|
||||
padding: 25px;
|
||||
position: relative;
|
||||
z-index: 5
|
||||
}
|
||||
.ultb3-info.ib3-info-center {
|
||||
text-align: center
|
||||
}
|
||||
.ultb3-info.ib3-info-right {
|
||||
text-align: right
|
||||
}
|
||||
img.ultb3-img.ultb3-img-top-center {
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-top-right {
|
||||
left: auto;
|
||||
right: 0
|
||||
}
|
||||
img.ultb3-img.ultb3-img-center-left {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-center {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-center-right {
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: auto;
|
||||
right: 0
|
||||
}
|
||||
img.ultb3-img.ultb3-img-bottom-left,
|
||||
img.ultb3-img.ultb3-img-bottom-center,
|
||||
img.ultb3-img.ultb3-img-bottom-right {
|
||||
top: auto;
|
||||
bottom: 0
|
||||
}
|
||||
img.ultb3-img.ultb3-img-bottom-center {
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
img.ultb3-img.ultb3-img-bottom-right {
|
||||
right: 0;
|
||||
left: auto
|
||||
}
|
||||
.ultb3-box .ultb3-title {
|
||||
font-size: 40px;
|
||||
color: #252525;
|
||||
line-height: 1.35em;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
.ultb3-desc {
|
||||
font-size: 20px;
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 10px
|
||||
}
|
||||
a.ultb3-btn {
|
||||
display: inline-block;
|
||||
color: #0483d9;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
padding: 15px 25px;
|
||||
-webkit-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
border: 2px solid #0483d9;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .2s;
|
||||
transition: all .2s
|
||||
}
|
||||
a.ultb3-btn i {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 25px;
|
||||
top: 50%;
|
||||
opacity: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: inherit !important;
|
||||
-webkit-transition: all .25s;
|
||||
transition: all .25s;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
a.ultb3-btn:hover i {
|
||||
right: 20px;
|
||||
opacity: 1
|
||||
}
|
||||
a.ultb3-btn:hover {
|
||||
padding-right: 45px
|
||||
}
|
||||
a.ultb3-btn:hover,
|
||||
a.ultb3-btn:focus,
|
||||
a.ultb3-btn:active,
|
||||
a.ultb3-btn:visited {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
outline: 0
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-top-right {
|
||||
top: -50px
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-top-right {
|
||||
top: 0
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%)
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -25%);
|
||||
-ms-transform: translate(-50%, -25%);
|
||||
transform: translate(-50%, -25%)
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-25%);
|
||||
-ms-transform: translateY(-25%);
|
||||
transform: translateY(-25%)
|
||||
}
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-1 .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: 0
|
||||
}
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-1:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: -50px
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-top-right {
|
||||
top: 0
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-center,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-top-right {
|
||||
top: -50px
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center-left {
|
||||
-webkit-transform: translateY(-75%);
|
||||
-ms-transform: translateY(-75%);
|
||||
transform: translateY(-75%)
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -75%);
|
||||
-ms-transform: translate(-50%, -75%);
|
||||
transform: translate(-50%, -75%)
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translateY(-75%);
|
||||
-ms-transform: translateY(-75%);
|
||||
transform: translateY(-75%)
|
||||
}
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-2 .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: -50px
|
||||
}
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-center,
|
||||
.ultb3-hover-2:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
bottom: 0
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-center-left {
|
||||
left: 0
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center-left {
|
||||
left: -50px
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(-25%);
|
||||
-ms-transform: translateX(-25%);
|
||||
transform: translateX(-25%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-right {
|
||||
right: -50px
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
right: 0
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-75%, -50%);
|
||||
-ms-transform: translate(-75%, -50%);
|
||||
transform: translate(-75%, -50%)
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(25%, -50%);
|
||||
-ms-transform: translate(25%, -50%);
|
||||
transform: translate(25%, -50%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-left {
|
||||
left: 0
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-left {
|
||||
left: -50px
|
||||
}
|
||||
.ultb3-hover-3 .ultb3-img.ultb3-img-bottom-center {
|
||||
-webkit-transform: translate(-50%);
|
||||
-ms-transform: translate(-50%);
|
||||
transform: translate(-50%)
|
||||
}
|
||||
.ultb3-hover-3:hover .ultb3-img.ultb3-img-bottom-center {
|
||||
-webkit-transform: translate(-75%);
|
||||
-ms-transform: translate(-75%);
|
||||
transform: translate(-75%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-center-left {
|
||||
left: -50px
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center-left {
|
||||
left: 0
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(-75%);
|
||||
-ms-transform: translateX(-75%);
|
||||
transform: translateX(-75%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-center {
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-right {
|
||||
right: 0
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-top-right,
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
right: -50px
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-25%, -50%);
|
||||
-ms-transform: translate(-25%, -50%);
|
||||
transform: translate(-25%, -50%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-center-right {
|
||||
-webkit-transform: translate(25%, -50%);
|
||||
-ms-transform: translate(25%, -50%);
|
||||
transform: translate(25%, -50%)
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-left {
|
||||
left: -50px
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-left {
|
||||
left: 0
|
||||
}
|
||||
.ultb3-hover-4 .ultb3-img.ultb3-img-bottom-center {
|
||||
-webkit-transform: translate(-50%);
|
||||
-ms-transform: translate(-50%);
|
||||
transform: translate(-50%)
|
||||
}
|
||||
.ultb3-hover-4:hover .ultb3-img.ultb3-img-bottom-center {
|
||||
transform: translate(-25%);
|
||||
-webkit-transform: translate(-25%);
|
||||
-moz-transform: translate(-25%);
|
||||
-ms-transform: translate(-25%);
|
||||
-o-transform: translate(-25%)
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-left{
|
||||
left: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-right{
|
||||
right: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-right{
|
||||
top: 0;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-left,
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-right {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-top-center {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-top-center {
|
||||
top: -50px;
|
||||
-webkit-transform: translateX(-50%) scale(1.1);
|
||||
-ms-transform: translateX(-50%) scale(1.1);
|
||||
transform: translateX(-50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-center-left {
|
||||
left: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center-left {
|
||||
left: -50px;
|
||||
-webkit-transform: translateY(-50%) scale(1.1);
|
||||
-ms-transform: translateY(-50%) scale(1.1);
|
||||
transform: translateY(-50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-center-right {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center-right {
|
||||
right: -50px;
|
||||
-webkit-transform: translateY(-50%) scale(1.1);
|
||||
-ms-transform: translateY(-50%) scale(1.1);
|
||||
transform: translateY(-50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-center {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-center {
|
||||
-webkit-transform: translate(-50%, -50%) scale(1.2);
|
||||
-ms-transform: translate(-50%, -50%) scale(1.2);
|
||||
transform: translate(-50%, -50%) scale(1.2);
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-left{
|
||||
left: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-right{
|
||||
right: 0;
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-right{
|
||||
bottom:0;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-left,
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-right {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.ultb3-hover-5 .ultb3-img.ultb3-img-bottom-center {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
}
|
||||
.ultb3-hover-5:hover .ultb3-img.ultb3-img-bottom-center {
|
||||
bottom: -50px;
|
||||
-webkit-transform: translateX(-50%) scale(1.1);
|
||||
-ms-transform: translateX(-50%) scale(1.1);
|
||||
transform: translateX(-50%) scale(1.1);
|
||||
}
|
||||
.ultb3-hover-6 .ultb3-img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1
|
||||
}
|
||||
.ultb3-hover-6:hover .ultb3-img {
|
||||
-webkit-transform: scale(2.5);
|
||||
-ms-transform: scale(2.5);
|
||||
transform: scale(2.5);
|
||||
opacity: 0
|
||||
}
|
||||
@@ -0,0 +1,202 @@
|
||||
.aio-icon-component ,
|
||||
.wpb_column>.wpb_wrapper .aio-icon-component {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.aio-icon-component .aio-icon,
|
||||
.aio-icon-component .img-icon {
|
||||
-webkit-transition: -webkit-transform 200ms linear;
|
||||
transition: -webkit-transform 200ms linear;
|
||||
transition: transform 200ms linear;
|
||||
transition: transform 200ms linear, -webkit-transform 200ms linear
|
||||
}
|
||||
.aio-icon-header h3.aio-icon-title {
|
||||
margin: 0;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em
|
||||
}
|
||||
.aio-icon-description {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-top: 0
|
||||
}
|
||||
.aio-icon-header+.aio-icon-description {
|
||||
margin-top: 10px
|
||||
}
|
||||
.aio-icon-read {
|
||||
display: block;
|
||||
padding: 5px 0;
|
||||
text-decoration: none
|
||||
}
|
||||
a.aio-icon-box-link {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
display: block
|
||||
}
|
||||
.default-icon .aio-icon-default {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.default-icon .aio-icon-default .aio-icon,
|
||||
.default-icon .aio-icon-default .aio-icon-img {
|
||||
margin-left: 15px
|
||||
}
|
||||
.default-icon .aio-icon-header {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.top-icon .aio-icon,
|
||||
.top-icon .aio-icon-img,
|
||||
.top-icon .aio-icon-header,
|
||||
.top-icon .aio-icon-description {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 auto
|
||||
}
|
||||
.top-icon .aio-icon-header h3.aio-icon-title {
|
||||
margin: 25px 0 15px
|
||||
}
|
||||
.top-icon .aio-icon-description {
|
||||
margin-top: 15px
|
||||
}
|
||||
.top-icon .aio-icon-header+.aio-icon-description {
|
||||
margin-top: 0
|
||||
}
|
||||
.aio-icon-box.left-icon {
|
||||
display: inline-block
|
||||
}
|
||||
.left-icon .aio-icon-left {
|
||||
display: table-cell;
|
||||
vertical-align: top
|
||||
}
|
||||
.left-icon .aio-icon-left .aio-icon,
|
||||
.left-icon .aio-icon-left .aio-icon-img {
|
||||
margin-left: 15px
|
||||
}
|
||||
.left-icon .aio-ibd-block {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.left-icon .aio-icon-description,
|
||||
.left-icon .aio-icon-header {
|
||||
float: right;
|
||||
width: 100%
|
||||
}
|
||||
.square_box-icon .aio-icon,
|
||||
.square_box-icon .aio-icon-img,
|
||||
.square_box-icon .aio-icon-header,
|
||||
.square_box-icon .aio-icon-description {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 auto
|
||||
}
|
||||
.square_box-icon .aio-icon-img {
|
||||
display: block !important
|
||||
}
|
||||
.square_box-icon .aio-icon-header,
|
||||
.square_box-icon .aio-icon-description {
|
||||
padding: 0 5%
|
||||
}
|
||||
.square_box-icon .aio-icon-description {
|
||||
padding-bottom: 1em
|
||||
}
|
||||
.square_box-icon .aio-icon-header h3.aio-icon-title {
|
||||
margin: 15px 0 15px
|
||||
}
|
||||
.square_box-icon .aio-icon-square_box .aio-icon,
|
||||
.square_box-icon .aio-icon-square_box .aio-icon-img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0
|
||||
}
|
||||
.square_box-icon .aio-icon-square_box {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
display: block
|
||||
}
|
||||
.aio-icon-box.top-icon {
|
||||
text-align: center
|
||||
}
|
||||
.style_2 .aio-icon-box .aio-icon,
|
||||
.style_2 .aio-icon-box .img-icon {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.style_2 .aio-icon-box:hover .aio-icon,
|
||||
.style_2 .aio-icon-box:hover .img-icon {
|
||||
-webkit-transform: scale(1.2);
|
||||
-ms-transform: scale(1.2);
|
||||
transform: scale(1.2)
|
||||
}
|
||||
.style_3 .aio-icon-box .aio-icon,
|
||||
.style_3 .aio-icon-box .img-icon {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.style_3 .aio-icon-box:hover .aio-icon,
|
||||
.style_3 .aio-icon-box:hover .img-icon {
|
||||
-webkit-transform: translateY(-3px);
|
||||
-ms-transform: translateY(-3px);
|
||||
transform: translateY(-3px)
|
||||
}
|
||||
.style_2 .aio-icon-box .aio-icon.animated,
|
||||
.style_2 .aio-icon-box .img-icon.animated,
|
||||
.style_3 .aio-icon-box .aio-icon.animated,
|
||||
.style_3 .aio-icon-box .img-icon.animated {
|
||||
-webkit-animation-fill-mode: initial;
|
||||
animation-fill-mode: initial;
|
||||
}
|
||||
.aio-icon-box.right-icon {
|
||||
display: inline-block;
|
||||
width: 100%
|
||||
}
|
||||
.right-icon .aio-icon-right {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
width: 100%
|
||||
}
|
||||
.right-icon .aio-icon-right .aio-icon,
|
||||
.right-icon .aio-icon-right .aio-icon-img {
|
||||
margin-right: 15px
|
||||
}
|
||||
.right-icon .aio-ibd-block {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%
|
||||
}
|
||||
.right-icon .aio-ibd-block,
|
||||
.right-icon .aio-ibd-block *,
|
||||
.right-icon .aio-icon-header h3.aio-icon-title,
|
||||
.right-icon .aio-icon-description {
|
||||
text-align: left
|
||||
}
|
||||
.right-icon .aio-icon-description,
|
||||
.right-icon .aio-icon-header {
|
||||
float: left;
|
||||
width: 100%
|
||||
}
|
||||
.heading-right-icon .aio-icon-heading-right {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%
|
||||
}
|
||||
.aio-icon-heading-right+.aio-icon-description {
|
||||
margin-top: 10px
|
||||
}
|
||||
.heading-right-icon .aio-icon-heading-right .aio-icon,
|
||||
.heading-right-icon .aio-icon-heading-right .aio-icon-img {
|
||||
margin-right: 15px
|
||||
}
|
||||
.heading-right-icon .aio-icon-header {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%
|
||||
}
|
||||
.heading-right-icon .aio-icon-header .aio-icon-title,
|
||||
.heading-right-icon .aio-icon-description,
|
||||
.heading-right-icon .aio-icon-description * {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -0,0 +1,202 @@
|
||||
.aio-icon-component ,
|
||||
.wpb_column>.wpb_wrapper .aio-icon-component {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.aio-icon-component .aio-icon,
|
||||
.aio-icon-component .img-icon {
|
||||
-webkit-transition: -webkit-transform 200ms linear;
|
||||
transition: -webkit-transform 200ms linear;
|
||||
transition: transform 200ms linear;
|
||||
transition: transform 200ms linear, -webkit-transform 200ms linear
|
||||
}
|
||||
.aio-icon-header h3.aio-icon-title {
|
||||
margin: 0;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em
|
||||
}
|
||||
.aio-icon-description {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-top: 0
|
||||
}
|
||||
.aio-icon-header+.aio-icon-description {
|
||||
margin-top: 10px
|
||||
}
|
||||
.aio-icon-read {
|
||||
display: block;
|
||||
padding: 5px 0;
|
||||
text-decoration: none
|
||||
}
|
||||
a.aio-icon-box-link {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
display: block
|
||||
}
|
||||
.default-icon .aio-icon-default {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.default-icon .aio-icon-default .aio-icon,
|
||||
.default-icon .aio-icon-default .aio-icon-img {
|
||||
margin-right: 15px
|
||||
}
|
||||
.default-icon .aio-icon-header {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.top-icon .aio-icon,
|
||||
.top-icon .aio-icon-img,
|
||||
.top-icon .aio-icon-header,
|
||||
.top-icon .aio-icon-description {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 auto
|
||||
}
|
||||
.top-icon .aio-icon-header h3.aio-icon-title {
|
||||
margin: 25px 0 15px
|
||||
}
|
||||
.top-icon .aio-icon-description {
|
||||
margin-top: 15px
|
||||
}
|
||||
.top-icon .aio-icon-header+.aio-icon-description {
|
||||
margin-top: 0
|
||||
}
|
||||
.aio-icon-box.left-icon {
|
||||
display: inline-block
|
||||
}
|
||||
.left-icon .aio-icon-left {
|
||||
display: table-cell;
|
||||
vertical-align: top
|
||||
}
|
||||
.left-icon .aio-icon-left .aio-icon,
|
||||
.left-icon .aio-icon-left .aio-icon-img {
|
||||
margin-right: 15px
|
||||
}
|
||||
.left-icon .aio-ibd-block {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.left-icon .aio-icon-description,
|
||||
.left-icon .aio-icon-header {
|
||||
float: left;
|
||||
width: 100%
|
||||
}
|
||||
.square_box-icon .aio-icon,
|
||||
.square_box-icon .aio-icon-img,
|
||||
.square_box-icon .aio-icon-header,
|
||||
.square_box-icon .aio-icon-description {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 auto
|
||||
}
|
||||
.square_box-icon .aio-icon-img {
|
||||
display: block !important
|
||||
}
|
||||
.square_box-icon .aio-icon-header,
|
||||
.square_box-icon .aio-icon-description {
|
||||
padding: 0 5%
|
||||
}
|
||||
.square_box-icon .aio-icon-description {
|
||||
padding-bottom: 1em
|
||||
}
|
||||
.square_box-icon .aio-icon-header h3.aio-icon-title {
|
||||
margin: 15px 0 15px
|
||||
}
|
||||
.square_box-icon .aio-icon-square_box .aio-icon,
|
||||
.square_box-icon .aio-icon-square_box .aio-icon-img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0
|
||||
}
|
||||
.square_box-icon .aio-icon-square_box {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
display: block
|
||||
}
|
||||
.aio-icon-box.top-icon {
|
||||
text-align: center
|
||||
}
|
||||
.style_2 .aio-icon-box .aio-icon,
|
||||
.style_2 .aio-icon-box .img-icon {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.style_2 .aio-icon-box:hover .aio-icon,
|
||||
.style_2 .aio-icon-box:hover .img-icon {
|
||||
-webkit-transform: scale(1.2);
|
||||
-ms-transform: scale(1.2);
|
||||
transform: scale(1.2)
|
||||
}
|
||||
.style_3 .aio-icon-box .aio-icon,
|
||||
.style_3 .aio-icon-box .img-icon {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.style_3 .aio-icon-box:hover .aio-icon,
|
||||
.style_3 .aio-icon-box:hover .img-icon {
|
||||
-webkit-transform: translateY(-3px);
|
||||
-ms-transform: translateY(-3px);
|
||||
transform: translateY(-3px)
|
||||
}
|
||||
.style_2 .aio-icon-box .aio-icon.animated,
|
||||
.style_2 .aio-icon-box .img-icon.animated,
|
||||
.style_3 .aio-icon-box .aio-icon.animated,
|
||||
.style_3 .aio-icon-box .img-icon.animated {
|
||||
-webkit-animation-fill-mode: initial;
|
||||
animation-fill-mode: initial;
|
||||
}
|
||||
.aio-icon-box.right-icon {
|
||||
display: inline-block;
|
||||
width: 100%
|
||||
}
|
||||
.right-icon .aio-icon-right {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
width: 100%
|
||||
}
|
||||
.right-icon .aio-icon-right .aio-icon,
|
||||
.right-icon .aio-icon-right .aio-icon-img {
|
||||
margin-left: 15px
|
||||
}
|
||||
.right-icon .aio-ibd-block {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%
|
||||
}
|
||||
.right-icon .aio-ibd-block,
|
||||
.right-icon .aio-ibd-block *,
|
||||
.right-icon .aio-icon-header h3.aio-icon-title,
|
||||
.right-icon .aio-icon-description {
|
||||
text-align: right
|
||||
}
|
||||
.right-icon .aio-icon-description,
|
||||
.right-icon .aio-icon-header {
|
||||
float: right;
|
||||
width: 100%
|
||||
}
|
||||
.heading-right-icon .aio-icon-heading-right {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%
|
||||
}
|
||||
.aio-icon-heading-right+.aio-icon-description {
|
||||
margin-top: 10px
|
||||
}
|
||||
.heading-right-icon .aio-icon-heading-right .aio-icon,
|
||||
.heading-right-icon .aio-icon-heading-right .aio-icon-img {
|
||||
margin-left: 15px
|
||||
}
|
||||
.heading-right-icon .aio-icon-header {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%
|
||||
}
|
||||
.heading-right-icon .aio-icon-header .aio-icon-title,
|
||||
.heading-right-icon .aio-icon-description,
|
||||
.heading-right-icon .aio-icon-description * {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,399 @@
|
||||
.info-c-full .info-c-full-wrap {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.info-circle-icons {
|
||||
cursor: pointer
|
||||
}
|
||||
.info-circle-icons {
|
||||
text-align: center
|
||||
}
|
||||
.info-wrapper {
|
||||
padding-top: 1px; /* collapsing margin behavior - http://goo.gl/qe7Qkn */
|
||||
}
|
||||
.info-circle-wrapper {
|
||||
width: 100%
|
||||
}
|
||||
.info-circle-wrapper .smile_icon_list.left li .icon_description {
|
||||
margin-right: 1.2em;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 10px 15px 10px 10px
|
||||
}
|
||||
.info-c-full-br .info-circle-img-icon,
|
||||
.info-c-semi-br .info-circle-img-icon {
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.info-c-full-br .icon-circle-list .info-circle-img-icon,
|
||||
.info-c-semi-br .icon-circle-list .info-circle-img-icon {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 1em;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
vertical-align: top;
|
||||
}
|
||||
.info-c-full-br,
|
||||
.info-c-semi-br {
|
||||
max-width: 80%;
|
||||
position: relative;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
margin: auto;
|
||||
border: 1px solid rgba(0, 0, 0, 0)
|
||||
}
|
||||
.info-c-full-br .info-c-full {
|
||||
text-align: center;
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
margin: 20%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.clipped-info-circle .info-c-full-br .info-c-full{
|
||||
overflow: visible;
|
||||
}
|
||||
.info-circle-def {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.info-circle-sub-def {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.info-c-full i {
|
||||
line-height: 1;
|
||||
width: 1.5em;
|
||||
height: 1.5em
|
||||
}
|
||||
.info-c-full h3 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: inherit
|
||||
}
|
||||
.info-c-full {
|
||||
padding: 20px
|
||||
}
|
||||
.info-circle-text {
|
||||
text-align: center;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
display: block;
|
||||
width: 90%;
|
||||
margin: 0 auto
|
||||
}
|
||||
.info-c-full-br .icon-circle-list .info-details {
|
||||
display: none
|
||||
}
|
||||
.info-c-full-br .icon-circle-list .info-circle-icons {
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important;
|
||||
}
|
||||
.info-c-full-br .icon-circle-list {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%
|
||||
}
|
||||
.info-c-semi-br.br-dash-out {
|
||||
border-style: dashed;
|
||||
border-width: 2px;
|
||||
position: relative
|
||||
}
|
||||
.info-c-semi {
|
||||
border: 2px solid green;
|
||||
margin: 50px;
|
||||
text-align: center;
|
||||
line-height: 200px
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list .info-circle-icons img {
|
||||
width: 64px;
|
||||
max-width: 100%
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list .info-circle-icons span {
|
||||
display: none
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list .info-circle-icons {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
margin: -32px
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list {
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
right: 200px
|
||||
}
|
||||
.info-circle-responsive .smile_icon_list_wrap {
|
||||
display: none
|
||||
}
|
||||
.info-circle-wrapper .icon-circle-list {
|
||||
background-color: transparent !important
|
||||
}
|
||||
.icon-circle-list .info-circle-link{
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
.icon-circle-list a.info-circle-href{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
right:0;
|
||||
border-bottom: none;
|
||||
z-index:99999;
|
||||
}
|
||||
.info-circle-buzz-out {
|
||||
-webkit-animation-name: circle_buzz_out;
|
||||
animation-name: circle_buzz_out;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_buzz_out {
|
||||
10% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
90% {
|
||||
-webkit-transform: translateX(-1px) rotate(0);
|
||||
transform: translateX(-1px) rotate(0)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateX(1px) rotate(0);
|
||||
transform: translateX(1px) rotate(0)
|
||||
}
|
||||
}
|
||||
@keyframes circle_buzz_out {
|
||||
10% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
-ms-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
-ms-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
-ms-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
-ms-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
-ms-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
-ms-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
-ms-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
-ms-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
90% {
|
||||
-webkit-transform: translateX(-1px) rotate(0);
|
||||
-ms-transform: translateX(-1px) rotate(0);
|
||||
transform: translateX(-1px) rotate(0)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateX(1px) rotate(0);
|
||||
-ms-transform: translateX(1px) rotate(0);
|
||||
transform: translateX(1px) rotate(0)
|
||||
}
|
||||
}
|
||||
.info-circle-pulse {
|
||||
-webkit-animation-name: circle_pulse;
|
||||
animation-name: circle_pulse;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_pulse {
|
||||
25% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9)
|
||||
}
|
||||
}
|
||||
@keyframes circle_pulse {
|
||||
25% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: scale(0.9);
|
||||
-ms-transform: scale(0.9);
|
||||
transform: scale(0.9)
|
||||
}
|
||||
}
|
||||
.info-circle-push {
|
||||
-webkit-animation-name: circle_push;
|
||||
animation-name: circle_push;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_push {
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
@keyframes circle_push {
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
transform: scale(0.8)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
.info-circle-pop {
|
||||
-webkit-animation-name: circle_pop;
|
||||
animation-name: circle_pop;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_pop {
|
||||
50% {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
@keyframes circle_pop {
|
||||
50% {
|
||||
-webkit-transform: scale(1.2);
|
||||
-ms-transform: scale(1.2);
|
||||
transform: scale(1.2)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
.smile_icon_list.ic-resp-img li.icon_list_item {
|
||||
min-height: .5em !important
|
||||
}
|
||||
.smile_icon_list.ic-resp-img li .icon_list_icon {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.smile_icon_list.ic-resp-img li .icon_list_icon img {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 1em;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
vertical-align: top;
|
||||
}
|
||||
.info-circle-wrapper .smile_icon_list.left.ic-resp-img li .icon_description {
|
||||
margin-right: 0.85em !important
|
||||
}
|
||||
.info-circle-wrapper .smile_icon_list.left.ic-resp-img li .icon_description{
|
||||
height:2em;
|
||||
}
|
||||
.info-circle-responsive .smile_icon_list.left li .icon_list_icon {
|
||||
margin-left: 1em;
|
||||
}
|
||||
.info-circle-icons * {
|
||||
line-height: inherit;
|
||||
}
|
||||
@@ -0,0 +1,399 @@
|
||||
.info-c-full .info-c-full-wrap {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.info-circle-icons {
|
||||
cursor: pointer
|
||||
}
|
||||
.info-circle-icons {
|
||||
text-align: center
|
||||
}
|
||||
.info-wrapper {
|
||||
padding-top: 1px; /* collapsing margin behavior - http://goo.gl/qe7Qkn */
|
||||
}
|
||||
.info-circle-wrapper {
|
||||
width: 100%
|
||||
}
|
||||
.info-circle-wrapper .smile_icon_list.left li .icon_description {
|
||||
margin-left: 1.2em;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 10px 10px 10px 15px
|
||||
}
|
||||
.info-c-full-br .info-circle-img-icon,
|
||||
.info-c-semi-br .info-circle-img-icon {
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.info-c-full-br .icon-circle-list .info-circle-img-icon,
|
||||
.info-c-semi-br .icon-circle-list .info-circle-img-icon {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 1em;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
vertical-align: top;
|
||||
}
|
||||
.info-c-full-br,
|
||||
.info-c-semi-br {
|
||||
max-width: 80%;
|
||||
position: relative;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
margin: auto;
|
||||
border: 1px solid rgba(0, 0, 0, 0)
|
||||
}
|
||||
.info-c-full-br .info-c-full {
|
||||
text-align: center;
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
margin: 20%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.clipped-info-circle .info-c-full-br .info-c-full{
|
||||
overflow: visible;
|
||||
}
|
||||
.info-circle-def {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.info-circle-sub-def {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.info-c-full i {
|
||||
line-height: 1;
|
||||
width: 1.5em;
|
||||
height: 1.5em
|
||||
}
|
||||
.info-c-full h3 {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: inherit
|
||||
}
|
||||
.info-c-full {
|
||||
padding: 20px
|
||||
}
|
||||
.info-circle-text {
|
||||
text-align: center;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
display: block;
|
||||
width: 90%;
|
||||
margin: 0 auto
|
||||
}
|
||||
.info-c-full-br .icon-circle-list .info-details {
|
||||
display: none
|
||||
}
|
||||
.info-c-full-br .icon-circle-list .info-circle-icons {
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important;
|
||||
}
|
||||
.info-c-full-br .icon-circle-list {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%
|
||||
}
|
||||
.info-c-semi-br.br-dash-out {
|
||||
border-style: dashed;
|
||||
border-width: 2px;
|
||||
position: relative
|
||||
}
|
||||
.info-c-semi {
|
||||
border: 2px solid green;
|
||||
margin: 50px;
|
||||
text-align: center;
|
||||
line-height: 200px
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list .info-circle-icons img {
|
||||
width: 64px;
|
||||
max-width: 100%
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list .info-circle-icons span {
|
||||
display: none
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list .info-circle-icons {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
margin: -32px
|
||||
}
|
||||
.info-c-semi-br .icon-circle-list {
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
left: 200px
|
||||
}
|
||||
.info-circle-responsive .smile_icon_list_wrap {
|
||||
display: none
|
||||
}
|
||||
.info-circle-wrapper .icon-circle-list {
|
||||
background-color: transparent !important
|
||||
}
|
||||
.icon-circle-list .info-circle-link{
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
.icon-circle-list a.info-circle-href{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
left:0;
|
||||
border-bottom: none;
|
||||
z-index:99999;
|
||||
}
|
||||
.info-circle-buzz-out {
|
||||
-webkit-animation-name: circle_buzz_out;
|
||||
animation-name: circle_buzz_out;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_buzz_out {
|
||||
10% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
90% {
|
||||
-webkit-transform: translateX(1px) rotate(0);
|
||||
transform: translateX(1px) rotate(0)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateX(-1px) rotate(0);
|
||||
transform: translateX(-1px) rotate(0)
|
||||
}
|
||||
}
|
||||
@keyframes circle_buzz_out {
|
||||
10% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
-ms-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
-ms-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: translateX(3px) rotate(2deg);
|
||||
-ms-transform: translateX(3px) rotate(2deg);
|
||||
transform: translateX(3px) rotate(2deg)
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translateX(-3px) rotate(-2deg);
|
||||
-ms-transform: translateX(-3px) rotate(-2deg);
|
||||
transform: translateX(-3px) rotate(-2deg)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
-ms-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
-ms-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
70% {
|
||||
-webkit-transform: translateX(2px) rotate(1deg);
|
||||
-ms-transform: translateX(2px) rotate(1deg);
|
||||
transform: translateX(2px) rotate(1deg)
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: translateX(-2px) rotate(-1deg);
|
||||
-ms-transform: translateX(-2px) rotate(-1deg);
|
||||
transform: translateX(-2px) rotate(-1deg)
|
||||
}
|
||||
90% {
|
||||
-webkit-transform: translateX(1px) rotate(0);
|
||||
-ms-transform: translateX(1px) rotate(0);
|
||||
transform: translateX(1px) rotate(0)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateX(-1px) rotate(0);
|
||||
-ms-transform: translateX(-1px) rotate(0);
|
||||
transform: translateX(-1px) rotate(0)
|
||||
}
|
||||
}
|
||||
.info-circle-pulse {
|
||||
-webkit-animation-name: circle_pulse;
|
||||
animation-name: circle_pulse;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_pulse {
|
||||
25% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9)
|
||||
}
|
||||
}
|
||||
@keyframes circle_pulse {
|
||||
25% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: scale(0.9);
|
||||
-ms-transform: scale(0.9);
|
||||
transform: scale(0.9)
|
||||
}
|
||||
}
|
||||
.info-circle-push {
|
||||
-webkit-animation-name: circle_push;
|
||||
animation-name: circle_push;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_push {
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
@keyframes circle_push {
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
transform: scale(0.8)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
.info-circle-pop {
|
||||
-webkit-animation-name: circle_pop;
|
||||
animation-name: circle_pop;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite
|
||||
}
|
||||
@-webkit-keyframes circle_pop {
|
||||
50% {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
@keyframes circle_pop {
|
||||
50% {
|
||||
-webkit-transform: scale(1.2);
|
||||
-ms-transform: scale(1.2);
|
||||
transform: scale(1.2)
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
.smile_icon_list.ic-resp-img li.icon_list_item {
|
||||
min-height: .5em !important
|
||||
}
|
||||
.smile_icon_list.ic-resp-img li .icon_list_icon {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.smile_icon_list.ic-resp-img li .icon_list_icon img {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
max-width: 100%;
|
||||
width: 1em;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
vertical-align: top;
|
||||
}
|
||||
.info-circle-wrapper .smile_icon_list.left.ic-resp-img li .icon_description {
|
||||
margin-left: 0.85em !important
|
||||
}
|
||||
.info-circle-wrapper .smile_icon_list.left.ic-resp-img li .icon_description{
|
||||
height:2em;
|
||||
}
|
||||
.info-circle-responsive .smile_icon_list.left li .icon_list_icon {
|
||||
margin-right: 1em;
|
||||
}
|
||||
.info-circle-icons * {
|
||||
line-height: inherit;
|
||||
}
|
||||
@@ -0,0 +1,551 @@
|
||||
.ult-banner-block,
|
||||
.wpb_row .wpb_column .wpb_wrapper .ult-banner-block {
|
||||
width: 100%;
|
||||
margin-bottom: 35px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: inline-block
|
||||
}
|
||||
.ult-banner-block img {
|
||||
width: 100%;
|
||||
max-width: 100%!important;
|
||||
display: block;
|
||||
-webkit-border-radius: 0!important;
|
||||
border-radius: 0!important;
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none
|
||||
}
|
||||
.ult-banner-block .bb-top-title {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: .7em 15px;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
line-height: 1.2;
|
||||
text-align: right;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
opacity: 1
|
||||
}
|
||||
.ult-banner-block .title-left {
|
||||
text-align: right
|
||||
}
|
||||
.ult-banner-block .title-center {
|
||||
text-align: center
|
||||
}
|
||||
.ult-banner-block .bb-top-title i {
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
line-height: 1.2;
|
||||
padding-left: 0
|
||||
}
|
||||
.ult-banner-block .mask {
|
||||
color: #FFF;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.ult-banner-block .bb-back-icon {
|
||||
display: block;
|
||||
margin: 25px auto 0;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
font-size: 3em
|
||||
}
|
||||
.ult-banner-block p {
|
||||
margin: 0
|
||||
}
|
||||
.ult-banner-block .mask .bb-description,
|
||||
.ult-banner-block .mask p {
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
padding: 15px 1.5em 0;
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult-banner-block .mask .bb-description {
|
||||
color: inherit;
|
||||
padding-top: 2em
|
||||
}
|
||||
.ult-banner-block .mask .bb-description p {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
font-style: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
a.bb-link {
|
||||
text-decoration: none;
|
||||
cursor: pointer
|
||||
}
|
||||
.ult-banner-block a.bb-link {
|
||||
display: table;
|
||||
position: relative;
|
||||
color: #FFF;
|
||||
background-color: #1e73be;
|
||||
margin: 15px auto 0;
|
||||
padding: .3em .6em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ult-banner-block.ult-bb-box a.bb-link {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99;
|
||||
right: 0;
|
||||
top: 0;
|
||||
color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
text-decoration: none;
|
||||
cursor: pointer
|
||||
}
|
||||
.ult-banner-block:hover .mask.solid-background {
|
||||
opacity: 1;
|
||||
background: #000
|
||||
}
|
||||
.ult-banner-block:hover .mask.opaque-background {
|
||||
background: rgba(0, 0, 0, .45)
|
||||
}
|
||||
.ult-banner-block.ult-banner-block-custom-height img {
|
||||
width: auto;
|
||||
max-width: none !important;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%)
|
||||
}
|
||||
.ult-banner-block.ult-banner-block-custom-height .bb-top-title {
|
||||
position: absolute;
|
||||
bottom: 0
|
||||
}
|
||||
.banner-style01 .mask {
|
||||
-ms-transform: translateY(100%);
|
||||
-webkit-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style01:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style02 .mask {
|
||||
-ms-transform: translateY(-100%);
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style02:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style03 .mask {
|
||||
-ms-transform: translateX(100%);
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style03:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style04 .mask {
|
||||
-ms-transform: translateX(-100%);
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style04:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style11 img {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style11 img {
|
||||
-webkit-transform: translateX(50%) scale(1.05);
|
||||
-ms-transform: translateX(50%) scale(1.05);
|
||||
transform: translateX(50%) scale(1.05)
|
||||
}
|
||||
.banner-style11:hover img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style11:hover img {
|
||||
-webkit-transform: translateX(50%) scale(1);
|
||||
-ms-transform: translateX(50%) scale(1);
|
||||
transform: translateX(50%) scale(1)
|
||||
}
|
||||
.banner-style11:hover .mask {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style11 a,
|
||||
.banner-style11 p {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(2);
|
||||
-ms-transform: scale(2);
|
||||
transform: scale(2);
|
||||
-webkit-transition: all 500ms linear;
|
||||
transition: all 500ms linear
|
||||
}
|
||||
.banner-style11:hover a,
|
||||
.banner-style11:hover p {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style12 img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style12 img {
|
||||
-webkit-transform: translateX(50%) scale(1);
|
||||
-ms-transform: translateX(50%) scale(1);
|
||||
transform: translateX(50%) scale(1)
|
||||
}
|
||||
.banner-style12:hover img {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style12:hover img {
|
||||
-webkit-transform: translateX(50%) scale(1.05);
|
||||
-ms-transform: translateX(50%) scale(1.05);
|
||||
transform: translateX(50%) scale(1.05)
|
||||
}
|
||||
.banner-style12:hover .mask {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style12 a,
|
||||
.banner-style12 p {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms linear;
|
||||
transition: all 500ms linear
|
||||
}
|
||||
.banner-style12:hover a,
|
||||
.banner-style12:hover p {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style13 img {
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear
|
||||
}
|
||||
.banner-style13:hover img {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style13:hover img {
|
||||
-webkit-transform: translateX(50%) scale(1.05);
|
||||
-ms-transform: translateX(50%) scale(1.05);
|
||||
transform: translateX(50%) scale(1.05)
|
||||
}
|
||||
.banner-style13:hover .mask {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style13 .mask p {
|
||||
-ms-transform: translateY(50px);
|
||||
-webkit-transform: translateY(50px);
|
||||
transform: translateY(50px);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style13:hover .mask p {
|
||||
-ms-transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style21 .mask,
|
||||
.banner-style21 .mask:hover {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style21 .mask {
|
||||
-ms-transform: translate(100%, -100px) rotate(180deg);
|
||||
-webkit-transform: translate(100%, -100px) rotate(180deg);
|
||||
transform: translate(100%, -100px) rotate(180deg)
|
||||
}
|
||||
.banner-style21:hover .mask {
|
||||
-webkit-transform: translate(0);
|
||||
-ms-transform: translate(0);
|
||||
transform: translate(0)
|
||||
}
|
||||
.banner-style21 .bb-back-icon {
|
||||
-webkit-transform: translateX(100%) rotate(360deg);
|
||||
-ms-transform: translateX(100%) rotate(360deg);
|
||||
transform: translateX(100%) rotate(360deg);
|
||||
-webkit-transition: all 100ms ease-in-out;
|
||||
transition: all 100ms ease-in-out
|
||||
}
|
||||
.banner-style21:hover .bb-back-icon {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style21 .mask p {
|
||||
-webkit-transform: translateX(100%) rotate(90deg);
|
||||
-ms-transform: translateX(100%) rotate(90deg);
|
||||
transform: translateX(100%) rotate(90deg);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
transition: all 200ms ease-in-out
|
||||
}
|
||||
.banner-style21:hover .mask p {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style21 .mask a {
|
||||
-webkit-transform: translateY(-200px);
|
||||
-ms-transform: translateY(-200px);
|
||||
transform: translateY(-200px);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style21:hover .mask a {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style22 .mask,
|
||||
.banner-style22 .mask:hover {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style22 .mask {
|
||||
-ms-transform: translate(-100%, -100px) rotate(-180deg);
|
||||
-webkit-transform: translate(-100%, -100px) rotate(-180deg);
|
||||
transform: translate(-100%, -100px) rotate(-180deg)
|
||||
}
|
||||
.banner-style22:hover .mask {
|
||||
-webkit-transform: translate(0);
|
||||
-ms-transform: translate(0);
|
||||
transform: translate(0)
|
||||
}
|
||||
.banner-style22 .bb-back-icon {
|
||||
-webkit-transform: translateX(-100%) rotate(-360deg);
|
||||
-ms-transform: translateX(-100%) rotate(-360deg);
|
||||
transform: translateX(-100%) rotate(-360deg);
|
||||
-webkit-transition: all 100ms ease-in-out;
|
||||
transition: all 100ms ease-in-out
|
||||
}
|
||||
.banner-style22:hover .bb-back-icon {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style22 .mask p {
|
||||
-webkit-transform: translateX(-100%) rotate(-90deg);
|
||||
-ms-transform: translateX(-100%) rotate(-90deg);
|
||||
transform: translateX(-100%) rotate(-90deg);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
transition: all 200ms ease-in-out
|
||||
}
|
||||
.banner-style22:hover .mask p {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style22 .mask a {
|
||||
-webkit-transform: translateY(-200px);
|
||||
-ms-transform: translateY(-200px);
|
||||
transform: translateY(-200px);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style22:hover .mask a {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style31:hover .mask.opaque-background,
|
||||
.banner-style32:hover .mask.opaque-background,
|
||||
.banner-style33:hover .mask.opaque-background,
|
||||
.banner-style34:hover .mask.opaque-background {
|
||||
background: #414141
|
||||
}
|
||||
.banner-style31 {
|
||||
display: block
|
||||
}
|
||||
.banner-style31 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style31:hover img {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style31:hover img {
|
||||
-webkit-transform: translateX(50%) translateY(-100%);
|
||||
-ms-transform: translateX(50%) translateY(-100%);
|
||||
transform: translateX(50%) translateY(-100%)
|
||||
}
|
||||
.banner-style31 .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style31:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.banner-style32 {
|
||||
display: block
|
||||
}
|
||||
.banner-style32 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style32:hover img {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style32:hover img {
|
||||
-webkit-transform: translateX(50%) translateY(100%);
|
||||
-ms-transform: translateX(50%) translateY(100%);
|
||||
transform: translateX(50%) translateY(100%)
|
||||
}
|
||||
.banner-style32 .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style32:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.banner-style33 {
|
||||
display: block
|
||||
}
|
||||
.banner-style33 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style33:hover img {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%)
|
||||
}
|
||||
.banner-style33 .mask {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style33:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.banner-style34 {
|
||||
display: block
|
||||
}
|
||||
.banner-style34 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style34:hover img {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%)
|
||||
}
|
||||
.banner-style34 .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style34:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
@@ -0,0 +1,551 @@
|
||||
.ult-banner-block,
|
||||
.wpb_row .wpb_column .wpb_wrapper .ult-banner-block {
|
||||
width: 100%;
|
||||
margin-bottom: 35px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: inline-block
|
||||
}
|
||||
.ult-banner-block img {
|
||||
width: 100%;
|
||||
max-width: 100%!important;
|
||||
display: block;
|
||||
-webkit-border-radius: 0!important;
|
||||
border-radius: 0!important;
|
||||
-webkit-box-shadow: none!important;
|
||||
box-shadow: none!important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none
|
||||
}
|
||||
.ult-banner-block .bb-top-title {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: .7em 15px;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
line-height: 1.2;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
opacity: 1
|
||||
}
|
||||
.ult-banner-block .title-left {
|
||||
text-align: left
|
||||
}
|
||||
.ult-banner-block .title-center {
|
||||
text-align: center
|
||||
}
|
||||
.ult-banner-block .bb-top-title i {
|
||||
float: right;
|
||||
font-size: 1em;
|
||||
line-height: 1.2;
|
||||
padding-right: 0
|
||||
}
|
||||
.ult-banner-block .mask {
|
||||
color: #FFF;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.ult-banner-block .bb-back-icon {
|
||||
display: block;
|
||||
margin: 25px auto 0;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
font-size: 3em
|
||||
}
|
||||
.ult-banner-block p {
|
||||
margin: 0
|
||||
}
|
||||
.ult-banner-block .mask .bb-description,
|
||||
.ult-banner-block .mask p {
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
padding: 15px 1.5em 0;
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult-banner-block .mask .bb-description {
|
||||
color: inherit;
|
||||
padding-top: 2em
|
||||
}
|
||||
.ult-banner-block .mask .bb-description p {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
font-style: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
a.bb-link {
|
||||
text-decoration: none;
|
||||
cursor: pointer
|
||||
}
|
||||
.ult-banner-block a.bb-link {
|
||||
display: table;
|
||||
position: relative;
|
||||
color: #FFF;
|
||||
background-color: #1e73be;
|
||||
margin: 15px auto 0;
|
||||
padding: .3em .6em;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ult-banner-block.ult-bb-box a.bb-link {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99;
|
||||
left: 0;
|
||||
top: 0;
|
||||
color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
text-decoration: none;
|
||||
cursor: pointer
|
||||
}
|
||||
.ult-banner-block:hover .mask.solid-background {
|
||||
opacity: 1;
|
||||
background: #000
|
||||
}
|
||||
.ult-banner-block:hover .mask.opaque-background {
|
||||
background: rgba(0, 0, 0, .45)
|
||||
}
|
||||
.ult-banner-block.ult-banner-block-custom-height img {
|
||||
width: auto;
|
||||
max-width: none !important;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
.ult-banner-block.ult-banner-block-custom-height .bb-top-title {
|
||||
position: absolute;
|
||||
bottom: 0
|
||||
}
|
||||
.banner-style01 .mask {
|
||||
-ms-transform: translateY(100%);
|
||||
-webkit-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style01:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style02 .mask {
|
||||
-ms-transform: translateY(-100%);
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style02:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style03 .mask {
|
||||
-ms-transform: translateX(-100%);
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style03:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style04 .mask {
|
||||
-ms-transform: translateX(100%);
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style04:hover .mask {
|
||||
opacity: 1;
|
||||
-ms-transform: translateX(0);
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style11 img {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style11 img {
|
||||
-webkit-transform: translateX(-50%) scale(1.05);
|
||||
-ms-transform: translateX(-50%) scale(1.05);
|
||||
transform: translateX(-50%) scale(1.05)
|
||||
}
|
||||
.banner-style11:hover img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style11:hover img {
|
||||
-webkit-transform: translateX(-50%) scale(1);
|
||||
-ms-transform: translateX(-50%) scale(1);
|
||||
transform: translateX(-50%) scale(1)
|
||||
}
|
||||
.banner-style11:hover .mask {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style11 a,
|
||||
.banner-style11 p {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(2);
|
||||
-ms-transform: scale(2);
|
||||
transform: scale(2);
|
||||
-webkit-transition: all 500ms linear;
|
||||
transition: all 500ms linear
|
||||
}
|
||||
.banner-style11:hover a,
|
||||
.banner-style11:hover p {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style12 img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style12 img {
|
||||
-webkit-transform: translateX(-50%) scale(1);
|
||||
-ms-transform: translateX(-50%) scale(1);
|
||||
transform: translateX(-50%) scale(1)
|
||||
}
|
||||
.banner-style12:hover img {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style12:hover img {
|
||||
-webkit-transform: translateX(-50%) scale(1.05);
|
||||
-ms-transform: translateX(-50%) scale(1.05);
|
||||
transform: translateX(-50%) scale(1.05)
|
||||
}
|
||||
.banner-style12:hover .mask {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style12 a,
|
||||
.banner-style12 p {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms linear;
|
||||
transition: all 500ms linear
|
||||
}
|
||||
.banner-style12:hover a,
|
||||
.banner-style12:hover p {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style13 img {
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear
|
||||
}
|
||||
.banner-style13:hover img {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style13:hover img {
|
||||
-webkit-transform: translateX(-50%) scale(1.05);
|
||||
-ms-transform: translateX(-50%) scale(1.05);
|
||||
transform: translateX(-50%) scale(1.05)
|
||||
}
|
||||
.banner-style13:hover .mask {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style13 .mask p {
|
||||
-ms-transform: translateY(50px);
|
||||
-webkit-transform: translateY(50px);
|
||||
transform: translateY(50px);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style13:hover .mask p {
|
||||
-ms-transform: translateY(0);
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 200ms;
|
||||
transition-delay: 200ms
|
||||
}
|
||||
.banner-style21 .mask,
|
||||
.banner-style21 .mask:hover {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style21 .mask {
|
||||
-ms-transform: translate(-100%, -100px) rotate(-180deg);
|
||||
-webkit-transform: translate(-100%, -100px) rotate(-180deg);
|
||||
transform: translate(-100%, -100px) rotate(-180deg)
|
||||
}
|
||||
.banner-style21:hover .mask {
|
||||
-webkit-transform: translate(0);
|
||||
-ms-transform: translate(0);
|
||||
transform: translate(0)
|
||||
}
|
||||
.banner-style21 .bb-back-icon {
|
||||
-webkit-transform: translateX(-100%) rotate(-360deg);
|
||||
-ms-transform: translateX(-100%) rotate(-360deg);
|
||||
transform: translateX(-100%) rotate(-360deg);
|
||||
-webkit-transition: all 100ms ease-in-out;
|
||||
transition: all 100ms ease-in-out
|
||||
}
|
||||
.banner-style21:hover .bb-back-icon {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style21 .mask p {
|
||||
-webkit-transform: translateX(-100%) rotate(-90deg);
|
||||
-ms-transform: translateX(-100%) rotate(-90deg);
|
||||
transform: translateX(-100%) rotate(-90deg);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
transition: all 200ms ease-in-out
|
||||
}
|
||||
.banner-style21:hover .mask p {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style21 .mask a {
|
||||
-webkit-transform: translateY(-200px);
|
||||
-ms-transform: translateY(-200px);
|
||||
transform: translateY(-200px);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style21:hover .mask a {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style22 .mask,
|
||||
.banner-style22 .mask:hover {
|
||||
opacity: 1
|
||||
}
|
||||
.banner-style22 .mask {
|
||||
-ms-transform: translate(100%, -100px) rotate(180deg);
|
||||
-webkit-transform: translate(100%, -100px) rotate(180deg);
|
||||
transform: translate(100%, -100px) rotate(180deg)
|
||||
}
|
||||
.banner-style22:hover .mask {
|
||||
-webkit-transform: translate(0);
|
||||
-ms-transform: translate(0);
|
||||
transform: translate(0)
|
||||
}
|
||||
.banner-style22 .bb-back-icon {
|
||||
-webkit-transform: translateX(100%) rotate(360deg);
|
||||
-ms-transform: translateX(100%) rotate(360deg);
|
||||
transform: translateX(100%) rotate(360deg);
|
||||
-webkit-transition: all 100ms ease-in-out;
|
||||
transition: all 100ms ease-in-out
|
||||
}
|
||||
.banner-style22:hover .bb-back-icon {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style22 .mask p {
|
||||
-webkit-transform: translateX(100%) rotate(90deg);
|
||||
-ms-transform: translateX(100%) rotate(90deg);
|
||||
transform: translateX(100%) rotate(90deg);
|
||||
-webkit-transition: all 200ms ease-in-out;
|
||||
transition: all 200ms ease-in-out
|
||||
}
|
||||
.banner-style22:hover .mask p {
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style22 .mask a {
|
||||
-webkit-transform: translateY(-200px);
|
||||
-ms-transform: translateY(-200px);
|
||||
transform: translateY(-200px);
|
||||
-webkit-transition: all 400ms ease-in-out;
|
||||
transition: all 400ms ease-in-out
|
||||
}
|
||||
.banner-style22:hover .mask a {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition-delay: 300ms;
|
||||
transition-delay: 300ms
|
||||
}
|
||||
.banner-style31:hover .mask.opaque-background,
|
||||
.banner-style32:hover .mask.opaque-background,
|
||||
.banner-style33:hover .mask.opaque-background,
|
||||
.banner-style34:hover .mask.opaque-background {
|
||||
background: #414141
|
||||
}
|
||||
.banner-style31 {
|
||||
display: block
|
||||
}
|
||||
.banner-style31 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style31:hover img {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style31:hover img {
|
||||
-webkit-transform: translateX(-50%) translateY(-100%);
|
||||
-ms-transform: translateX(-50%) translateY(-100%);
|
||||
transform: translateX(-50%) translateY(-100%)
|
||||
}
|
||||
.banner-style31 .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style31:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.banner-style32 {
|
||||
display: block
|
||||
}
|
||||
.banner-style32 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style32:hover img {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%)
|
||||
}
|
||||
.ult-banner-block-custom-height.banner-style32:hover img {
|
||||
-webkit-transform: translateX(-50%) translateY(100%);
|
||||
-ms-transform: translateX(-50%) translateY(100%);
|
||||
transform: translateX(-50%) translateY(100%)
|
||||
}
|
||||
.banner-style32 .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style32:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.banner-style33 {
|
||||
display: block
|
||||
}
|
||||
.banner-style33 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style33:hover img {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%)
|
||||
}
|
||||
.banner-style33 .mask {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style33:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.banner-style34 {
|
||||
display: block
|
||||
}
|
||||
.banner-style34 img {
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style34:hover img {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%)
|
||||
}
|
||||
.banner-style34 .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out
|
||||
}
|
||||
.banner-style34:hover .mask {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
@@ -0,0 +1,726 @@
|
||||
.ult-hide {
|
||||
display: none !important
|
||||
}
|
||||
button.overlay-show,
|
||||
button.overlay-show-cornershape,
|
||||
button.overlay-show-genie,
|
||||
button.overlay-show-boxes,
|
||||
img.overlay-show,
|
||||
img.overlay-show-cornershape,
|
||||
img.overlay-show-genie,
|
||||
img.overlay-show-boxes,
|
||||
span.overlay-show,
|
||||
div.ult-overlay-close {
|
||||
cursor: pointer
|
||||
}
|
||||
.btn-modal {
|
||||
display: block;
|
||||
margin: 2px;
|
||||
padding: 8px 13px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all 0.5s;
|
||||
transition:all 0.5s;
|
||||
}
|
||||
.btn-modal-lg {
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.33;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px
|
||||
}
|
||||
.btn-modal-sm {
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
.btn-modal-md {
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
.btn-modal-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
padding-right: 0
|
||||
}
|
||||
.btn-modal:active {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: 0
|
||||
}
|
||||
button.ult-align-center {
|
||||
margin: 0 auto;
|
||||
display: block
|
||||
}
|
||||
button.ult-align-left {
|
||||
float: right
|
||||
}
|
||||
button.ult-align-right {
|
||||
float: left
|
||||
}
|
||||
img.ult-modal-img {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
display: block
|
||||
}
|
||||
img.ult-modal-inside-img {
|
||||
width: 48px;
|
||||
vertical-align: middle;
|
||||
padding: 5px 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0
|
||||
}
|
||||
img.ult-align-center {
|
||||
margin: 0 auto
|
||||
}
|
||||
img.ult-align-left {
|
||||
float: right
|
||||
}
|
||||
img.ult-align-right {
|
||||
float: left
|
||||
}
|
||||
span.ult-align-left {
|
||||
text-align: right
|
||||
}
|
||||
span.ult-align-center {
|
||||
text-align: center;
|
||||
display: table;
|
||||
margin: 0 auto
|
||||
}
|
||||
span.ult-align-right {
|
||||
display: block;
|
||||
text-align: left
|
||||
}
|
||||
.ult-overlay {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background: rgba(28, 28, 28, 0.9);
|
||||
z-index: 9999;
|
||||
z-index: 16777271;
|
||||
visibility: hidden
|
||||
}
|
||||
.ult_modal-auto-top.ult-open {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
overflow-y: scroll
|
||||
}
|
||||
.ult-overlay-close {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
text-indent: 200%;
|
||||
color: transparent;
|
||||
outline: 0;
|
||||
z-index: 9999
|
||||
}
|
||||
.ult-overlay-close-inside {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../img/cross.png') no-repeat center center;
|
||||
}
|
||||
.ult-overlay-close.top-right {
|
||||
left: 35px;
|
||||
top: 35px;
|
||||
}
|
||||
.ult-overlay-close.top-left {
|
||||
right: 35px;
|
||||
top: 35px;
|
||||
}
|
||||
.ult-overlay-close.popup-top-right {
|
||||
right: 100%;
|
||||
bottom: 100%;
|
||||
}
|
||||
.ult-overlay-close.popup-top-left {
|
||||
bottom: 100%;
|
||||
left: 100%;
|
||||
}
|
||||
.ult-overlay-close.popup-edge-top-right {
|
||||
right: auto;
|
||||
}
|
||||
.ult-overlay-close.popup-edge-top-left {
|
||||
left: auto;
|
||||
}
|
||||
.ult-overlay .ult-overlay-close:active {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
outline: 0 !important
|
||||
}
|
||||
.ult_modal {
|
||||
width: 400px;
|
||||
max-width: 100%;
|
||||
-webkit-transition: all 300ms ease-in;
|
||||
transition: all 300ms ease-in;
|
||||
z-index: 99;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-perspective: 1200px;
|
||||
-o-perspective: 1200px;
|
||||
-ms-perspective: 1200px;
|
||||
perspective: 1200px
|
||||
}
|
||||
.ult_modal-auto-top .ult_modal {
|
||||
margin: 35px auto;
|
||||
top: 0;
|
||||
-webkit-transform: translate(0);
|
||||
-ms-transform: translate(0);
|
||||
transform: translate(0)
|
||||
}
|
||||
.ult_modal-content {
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
-webkit-box-shadow: 0 0 7px #404040;
|
||||
-o-box-shadow: 0 0 7px #404040;
|
||||
-ms-box-shadow: 0 0 7px #404040;
|
||||
box-shadow: 0 0 7px #404040;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult_modal-header {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 16px;
|
||||
background: #fff
|
||||
}
|
||||
.ult_modal-header>.modal-icon {
|
||||
font-size: 2em;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding: 0 20px 0 0
|
||||
}
|
||||
h3.ult_modal-title {
|
||||
color: inherit;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 10px 20px;
|
||||
font-size: 1em;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult_modal-body {
|
||||
padding: 15px 20px;
|
||||
background: #fff;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult_modal-body p {
|
||||
margin-bottom: 1em
|
||||
}
|
||||
.ult_modal-body img {
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-overlay iframe,
|
||||
.ult-overlay object {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
z-index: -99999;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-overlay.ult-open iframe,
|
||||
.ult-overlay.ult-open object {
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
z-index: 16777271
|
||||
}
|
||||
.ult_modal.ult-small {
|
||||
width: 35%
|
||||
}
|
||||
.ult_modal.ult-medium {
|
||||
width: 60%
|
||||
}
|
||||
.ult_modal.ult-container {
|
||||
width: 96%
|
||||
}
|
||||
.ult_modal.ult-block {
|
||||
width: auto;
|
||||
max-width: 90%;
|
||||
display: table
|
||||
}
|
||||
.overlay-fade {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: opacity .5s, visibility .5s;
|
||||
transition: opacity .5s, visibility .5s
|
||||
}
|
||||
.overlay-fade.ult-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transition: opacity .5s;
|
||||
transition: opacity .5s
|
||||
}
|
||||
.overlay-fade .ult_modal-content {
|
||||
opacity: .4;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-fade.ult-open .ult_modal-content {
|
||||
opacity: 1
|
||||
}
|
||||
.overlay-fade.ult-close .ult_modal-content {
|
||||
-webkit-transform: translateY(25%);
|
||||
-ms-transform: translateY(25%);
|
||||
transform: translateY(25%)
|
||||
}
|
||||
.overlay-corner {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(50px) translateX(-50px);
|
||||
-ms-transform: translateY(50px) translateX(-50px);
|
||||
transform: translateY(50px) translateX(-50px);
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s, visibility .5s;
|
||||
-webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-corner.ult-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(0) translateX(0);
|
||||
-ms-transform: translateY(0) translateX(0);
|
||||
transform: translateY(0) translateX(0);
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-cornerbottomright,
|
||||
.overlay-cornerbottomleft,
|
||||
.overlay-cornertopleft,
|
||||
.overlay-cornertopright {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s, visibility .5s;
|
||||
-webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-cornerbottomright.ult-open,
|
||||
.overlay-cornerbottomleft.ult-open,
|
||||
.overlay-cornertopleft.ult-open,
|
||||
.overlay-cornertopright.ult-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(0) translateX(0);
|
||||
-ms-transform: translateY(0) translateX(0);
|
||||
transform: translateY(0) translateX(0);
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-cornerbottomright {
|
||||
-webkit-transform: translateY(200px) translateX(-200px);
|
||||
-ms-transform: translateY(200px) translateX(-200px);
|
||||
transform: translateY(200px) translateX(-200px)
|
||||
}
|
||||
.overlay-cornerbottomleft {
|
||||
-webkit-transform: translateY(200px) translateX(200px);
|
||||
-ms-transform: translateY(200px) translateX(200px);
|
||||
transform: translateY(200px) translateX(200px)
|
||||
}
|
||||
.overlay-cornertopleft {
|
||||
-webkit-transform: translateY(-200px) translateX(200px);
|
||||
-ms-transform: translateY(-200px) translateX(200px);
|
||||
transform: translateY(-200px) translateX(200px)
|
||||
}
|
||||
.overlay-cornertopright {
|
||||
-webkit-transform: translateY(-200px) translateX(-200px);
|
||||
-ms-transform: translateY(-200px) translateX(-200px);
|
||||
transform: translateY(-200px) translateX(-200px)
|
||||
}
|
||||
.overlay-slidedown,
|
||||
.overlay-slideup,
|
||||
.overlay-slideleft,
|
||||
.overlay-slideright {
|
||||
visibility: hidden;
|
||||
-webkit-transition: -webkit-transform .4s ease-in-out, visibility .4s;
|
||||
-webkit-transition: visibility .4s, -webkit-transform .4s ease-in-out;
|
||||
transition: visibility .4s, -webkit-transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out, visibility .4s;
|
||||
transition: transform .4s ease-in-out, visibility .4s, -webkit-transform .4s ease-in-out
|
||||
}
|
||||
.overlay-slidedown.ult-open,
|
||||
.overlay-slideup.ult-open,
|
||||
.overlay-slideleft.ult-open,
|
||||
.overlay-slideright.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: -webkit-transform .4s ease-in-out;
|
||||
transition: -webkit-transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
|
||||
}
|
||||
.overlay-slidedown {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%)
|
||||
}
|
||||
.overlay-slidedown.ult-open {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.overlay-slideup {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%)
|
||||
}
|
||||
.overlay-slideup.ult-open {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.overlay-slideleft {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%)
|
||||
}
|
||||
.overlay-slideleft.ult-open {
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.overlay-slideright {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%)
|
||||
}
|
||||
.overlay-slideright.ult-open {
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.overlay-zoomin,
|
||||
.overlay-zoomout {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: -webkit-transform .2s, opacity .2s, visibility .2s;
|
||||
-webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s;
|
||||
transition: opacity .2s, visibility .2s, -webkit-transform .2s;
|
||||
transition: transform .2s, opacity .2s, visibility .2s;
|
||||
transition: transform .2s, opacity .2s, visibility .2s, -webkit-transform .2s
|
||||
}
|
||||
.overlay-zoomin.ult-open,
|
||||
.overlay-zoomout.ult-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: -webkit-transform .4s, opacity .4s;
|
||||
-webkit-transition: opacity .4s, -webkit-transform .4s;
|
||||
transition: opacity .4s, -webkit-transform .4s;
|
||||
transition: transform .4s, opacity .4s;
|
||||
transition: transform .4s, opacity .4s, -webkit-transform .4s
|
||||
}
|
||||
.overlay-zoomin {
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.overlay-zoomout {
|
||||
-webkit-transform: scale(0.5);
|
||||
-ms-transform: scale(0.5);
|
||||
transform: scale(0.5)
|
||||
}
|
||||
.overlay-doorhorizontal {
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
right: 50%;
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
-webkit-transition: width .5s .3s, visibility .8s;
|
||||
transition: width .5s .3s, visibility .8s
|
||||
}
|
||||
.overlay-doorhorizontal.ult-open {
|
||||
visibility: visible;
|
||||
width: 100%;
|
||||
-webkit-transition: width .5s;
|
||||
transition: width .5s
|
||||
}
|
||||
.overlay-doorhorizontal .ult_modal-content,
|
||||
.overlay-doorhorizontal .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s;
|
||||
transition: opacity .5s
|
||||
}
|
||||
.overlay-doorhorizontal.ult-open .ult_modal-content,
|
||||
.overlay-doorhorizontal.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .5s;
|
||||
transition-delay: .5s
|
||||
}
|
||||
.overlay-doorhorizontal.ult-close .ult_modal-content,
|
||||
.overlay-doorhorizontal.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-doorvertical {
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-transition: height .5s .3s, visibility .8s;
|
||||
transition: height .5s .3s, visibility .8s
|
||||
}
|
||||
.overlay-doorvertical.ult-open {
|
||||
visibility: visible;
|
||||
height: 100%;
|
||||
-webkit-transition: height .5s;
|
||||
transition: height .5s
|
||||
}
|
||||
.overlay-doorvertical .ult_modal-content,
|
||||
.overlay-doorvertical .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s .5s;
|
||||
transition: opacity .3s .5s
|
||||
}
|
||||
.overlay-doorvertical.ult-open .ult_modal-content,
|
||||
.overlay-doorvertical.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .5s;
|
||||
transition-delay: .5s
|
||||
}
|
||||
.overlay-doorvertical.ult-close .ult_modal-content,
|
||||
.overlay-doorvertical.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-cornershape {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility .5s;
|
||||
transition: visibility .5s
|
||||
}
|
||||
.overlay-cornershape.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
.overlay-cornershape svg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.overlay-cornershape .overlay-path {
|
||||
fill: rgba(28, 28, 28, 0.9)
|
||||
}
|
||||
.overlay-cornershape .ult_modal-content,
|
||||
.overlay-cornershape .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .4s;
|
||||
transition: opacity .4s
|
||||
}
|
||||
.overlay-cornershape.ult-open .ult_modal-content,
|
||||
.overlay-cornershape.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .4s;
|
||||
transition-delay: .4s
|
||||
}
|
||||
.overlay-cornershape.ult-close .ult_modal-content,
|
||||
.overlay-cornershape.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-boxes {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility .8s;
|
||||
transition: visibility .8s
|
||||
}
|
||||
.overlay-boxes.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
.overlay-boxes svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0
|
||||
}
|
||||
.overlay-boxes svg path {
|
||||
fill: rgba(28, 28, 28, 1);
|
||||
display: none
|
||||
}
|
||||
.overlay-boxes .ult_modal-content,
|
||||
.overlay-boxes .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s .8s;
|
||||
transition: opacity .5s .8s
|
||||
}
|
||||
.overlay-boxes.ult-open .ult_modal-content,
|
||||
.overlay-boxes.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .8s;
|
||||
transition-delay: .8s
|
||||
}
|
||||
.overlay-boxes.ult-close .ult_modal-content,
|
||||
.overlay-boxes.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-boxes {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility .8s;
|
||||
transition: visibility .8s
|
||||
}
|
||||
.overlay-boxes.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
.overlay-boxes svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0
|
||||
}
|
||||
.overlay-boxes svg path {
|
||||
fill: rgba(28, 28, 28, 1);
|
||||
display: none
|
||||
}
|
||||
.overlay-boxes .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s .8s;
|
||||
transition: opacity .5s .8s
|
||||
}
|
||||
.overlay-boxes.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .8s;
|
||||
transition-delay: .8s
|
||||
}
|
||||
.overlay-boxes.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-simplegenie {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(60%) scale(0);
|
||||
-ms-transform: translateY(60%) scale(0);
|
||||
transform: translateY(60%) scale(0);
|
||||
-webkit-transition: -webkit-transform .4s, visibility .4s;
|
||||
-webkit-transition: visibility .4s, -webkit-transform .4s;
|
||||
transition: visibility .4s, -webkit-transform .4s;
|
||||
transition: transform .4s, visibility .4s;
|
||||
transition: transform .4s, visibility .4s, -webkit-transform .4s
|
||||
}
|
||||
.overlay-simplegenie.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(0) scale(1);
|
||||
-ms-transform: translateY(0) scale(1);
|
||||
transform: translateY(0) scale(1);
|
||||
-webkit-transition: -webkit-transform .4s;
|
||||
transition: -webkit-transform .4s;
|
||||
transition: transform .4s;
|
||||
transition: transform .4s, -webkit-transform .4s
|
||||
}
|
||||
.overlay-genie {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s .2s, visibility .6s;
|
||||
transition: opacity .3s .2s, visibility .6s
|
||||
}
|
||||
.overlay-genie.ult-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .3s;
|
||||
transition: opacity .3s
|
||||
}
|
||||
.overlay-genie svg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0
|
||||
}
|
||||
.overlay-genie .overlay-path {
|
||||
fill: rgba(28, 28, 28, 0.9)
|
||||
}
|
||||
.overlay-genie .ult_modal-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.8) translateY(-48%);
|
||||
-ms-transform: scale(0.8) translateY(-48%);
|
||||
transform: scale(0.8) translateY(-48%);
|
||||
-webkit-transition: opacity .3s .3s, -webkit-transform .3s .3s;
|
||||
transition: opacity .3s .3s, -webkit-transform .3s .3s;
|
||||
transition: opacity .3s .3s, transform .3s .3s;
|
||||
transition: opacity .3s .3s, transform .3s .3s, -webkit-transform .3s .3s
|
||||
}
|
||||
.overlay-genie .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s;
|
||||
transition: opacity .3s
|
||||
}
|
||||
.overlay-genie.ult-open .ult_modal-content,
|
||||
.overlay-genie.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .3s;
|
||||
transition-delay: .3s
|
||||
}
|
||||
.overlay-genie.ult-open .ult_modal-content {
|
||||
-webkit-transform: scale(1) translateY(0);
|
||||
-ms-transform: scale(1) translateY(0);
|
||||
transform: scale(1) translateY(0)
|
||||
}
|
||||
.overlay-genie.ult-close .ult_modal-content,
|
||||
.overlay-genie.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.ult_modal div.ult_modal-body>iframe {
|
||||
display: none
|
||||
}
|
||||
.ult-open>.ult_modal div.ult_modal-body>iframe {
|
||||
display: block
|
||||
}
|
||||
div.ult_modal-body .fluid-width-video-wrapper {
|
||||
padding: 0 !important;
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.ult_modal.ult-small, .ult_modal.ult-medium, .ult_modal.ult-container {
|
||||
width: 80%
|
||||
}
|
||||
.ult_modal.ult-block {
|
||||
max-width: 80%
|
||||
}
|
||||
.ult-overlay-close {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
left: 5px;
|
||||
top: 5px
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,726 @@
|
||||
.ult-hide {
|
||||
display: none !important
|
||||
}
|
||||
button.overlay-show,
|
||||
button.overlay-show-cornershape,
|
||||
button.overlay-show-genie,
|
||||
button.overlay-show-boxes,
|
||||
img.overlay-show,
|
||||
img.overlay-show-cornershape,
|
||||
img.overlay-show-genie,
|
||||
img.overlay-show-boxes,
|
||||
span.overlay-show,
|
||||
div.ult-overlay-close {
|
||||
cursor: pointer
|
||||
}
|
||||
.btn-modal {
|
||||
display: block;
|
||||
margin: 2px;
|
||||
padding: 8px 13px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all 0.5s;
|
||||
transition:all 0.5s;
|
||||
}
|
||||
.btn-modal-lg {
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.33;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px
|
||||
}
|
||||
.btn-modal-sm {
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
.btn-modal-md {
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
.btn-modal-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding-right: 0;
|
||||
padding-left: 0
|
||||
}
|
||||
.btn-modal:active {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: 0
|
||||
}
|
||||
button.ult-align-center {
|
||||
margin: 0 auto;
|
||||
display: block
|
||||
}
|
||||
button.ult-align-left {
|
||||
float: left
|
||||
}
|
||||
button.ult-align-right {
|
||||
float: right
|
||||
}
|
||||
img.ult-modal-img {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
display: block
|
||||
}
|
||||
img.ult-modal-inside-img {
|
||||
width: 48px;
|
||||
vertical-align: middle;
|
||||
padding: 5px 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0
|
||||
}
|
||||
img.ult-align-center {
|
||||
margin: 0 auto
|
||||
}
|
||||
img.ult-align-left {
|
||||
float: left
|
||||
}
|
||||
img.ult-align-right {
|
||||
float: right
|
||||
}
|
||||
span.ult-align-left {
|
||||
text-align: left
|
||||
}
|
||||
span.ult-align-center {
|
||||
text-align: center;
|
||||
display: table;
|
||||
margin: 0 auto
|
||||
}
|
||||
span.ult-align-right {
|
||||
display: block;
|
||||
text-align: right
|
||||
}
|
||||
.ult-overlay {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(28, 28, 28, 0.9);
|
||||
z-index: 9999;
|
||||
z-index: 16777271;
|
||||
visibility: hidden
|
||||
}
|
||||
.ult_modal-auto-top.ult-open {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
overflow-y: scroll
|
||||
}
|
||||
.ult-overlay-close {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
text-indent: 200%;
|
||||
color: transparent;
|
||||
outline: 0;
|
||||
z-index: 9999
|
||||
}
|
||||
.ult-overlay-close-inside {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../img/cross.png') no-repeat center center;
|
||||
}
|
||||
.ult-overlay-close.top-right {
|
||||
right: 35px;
|
||||
top: 35px;
|
||||
}
|
||||
.ult-overlay-close.top-left {
|
||||
left: 35px;
|
||||
top: 35px;
|
||||
}
|
||||
.ult-overlay-close.popup-top-right {
|
||||
left: 100%;
|
||||
bottom: 100%;
|
||||
}
|
||||
.ult-overlay-close.popup-top-left {
|
||||
bottom: 100%;
|
||||
right: 100%;
|
||||
}
|
||||
.ult-overlay-close.popup-edge-top-right {
|
||||
left: auto;
|
||||
}
|
||||
.ult-overlay-close.popup-edge-top-left {
|
||||
right: auto;
|
||||
}
|
||||
.ult-overlay .ult-overlay-close:active {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
outline: 0 !important
|
||||
}
|
||||
.ult_modal {
|
||||
width: 400px;
|
||||
max-width: 100%;
|
||||
-webkit-transition: all 300ms ease-in;
|
||||
transition: all 300ms ease-in;
|
||||
z-index: 99;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-perspective: 1200px;
|
||||
-o-perspective: 1200px;
|
||||
-ms-perspective: 1200px;
|
||||
perspective: 1200px
|
||||
}
|
||||
.ult_modal-auto-top .ult_modal {
|
||||
margin: 35px auto;
|
||||
top: 0;
|
||||
-webkit-transform: translate(0);
|
||||
-ms-transform: translate(0);
|
||||
transform: translate(0)
|
||||
}
|
||||
.ult_modal-content {
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
-webkit-box-shadow: 0 0 7px #404040;
|
||||
-o-box-shadow: 0 0 7px #404040;
|
||||
-ms-box-shadow: 0 0 7px #404040;
|
||||
box-shadow: 0 0 7px #404040;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult_modal-header {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 16px;
|
||||
background: #fff
|
||||
}
|
||||
.ult_modal-header>.modal-icon {
|
||||
font-size: 2em;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding: 0 0 0 20px
|
||||
}
|
||||
h3.ult_modal-title {
|
||||
color: inherit;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 10px 20px;
|
||||
font-size: 1em;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult_modal-body {
|
||||
padding: 15px 20px;
|
||||
background: #fff;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult_modal-body p {
|
||||
margin-bottom: 1em
|
||||
}
|
||||
.ult_modal-body img {
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-overlay iframe,
|
||||
.ult-overlay object {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
z-index: -99999;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-overlay.ult-open iframe,
|
||||
.ult-overlay.ult-open object {
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
z-index: 16777271
|
||||
}
|
||||
.ult_modal.ult-small {
|
||||
width: 35%
|
||||
}
|
||||
.ult_modal.ult-medium {
|
||||
width: 60%
|
||||
}
|
||||
.ult_modal.ult-container {
|
||||
width: 96%
|
||||
}
|
||||
.ult_modal.ult-block {
|
||||
width: auto;
|
||||
max-width: 90%;
|
||||
display: table
|
||||
}
|
||||
.overlay-fade {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: opacity .5s, visibility .5s;
|
||||
transition: opacity .5s, visibility .5s
|
||||
}
|
||||
.overlay-fade.ult-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transition: opacity .5s;
|
||||
transition: opacity .5s
|
||||
}
|
||||
.overlay-fade .ult_modal-content {
|
||||
opacity: .4;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-transition: -webkit-transform .5s, opacity .5s;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-fade.ult-open .ult_modal-content {
|
||||
opacity: 1
|
||||
}
|
||||
.overlay-fade.ult-close .ult_modal-content {
|
||||
-webkit-transform: translateY(25%);
|
||||
-ms-transform: translateY(25%);
|
||||
transform: translateY(25%)
|
||||
}
|
||||
.overlay-corner {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(50px) translateX(50px);
|
||||
-ms-transform: translateY(50px) translateX(50px);
|
||||
transform: translateY(50px) translateX(50px);
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s, visibility .5s;
|
||||
-webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-corner.ult-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(0) translateX(0);
|
||||
-ms-transform: translateY(0) translateX(0);
|
||||
transform: translateY(0) translateX(0);
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-cornerbottomright,
|
||||
.overlay-cornerbottomleft,
|
||||
.overlay-cornertopleft,
|
||||
.overlay-cornertopright {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s, visibility .5s;
|
||||
-webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, visibility .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s;
|
||||
transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-cornerbottomright.ult-open,
|
||||
.overlay-cornerbottomleft.ult-open,
|
||||
.overlay-cornertopleft.ult-open,
|
||||
.overlay-cornertopright.ult-open {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(0) translateX(0);
|
||||
-ms-transform: translateY(0) translateX(0);
|
||||
transform: translateY(0) translateX(0);
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s
|
||||
}
|
||||
.overlay-cornerbottomright {
|
||||
-webkit-transform: translateY(200px) translateX(200px);
|
||||
-ms-transform: translateY(200px) translateX(200px);
|
||||
transform: translateY(200px) translateX(200px)
|
||||
}
|
||||
.overlay-cornerbottomleft {
|
||||
-webkit-transform: translateY(200px) translateX(-200px);
|
||||
-ms-transform: translateY(200px) translateX(-200px);
|
||||
transform: translateY(200px) translateX(-200px)
|
||||
}
|
||||
.overlay-cornertopleft {
|
||||
-webkit-transform: translateY(-200px) translateX(-200px);
|
||||
-ms-transform: translateY(-200px) translateX(-200px);
|
||||
transform: translateY(-200px) translateX(-200px)
|
||||
}
|
||||
.overlay-cornertopright {
|
||||
-webkit-transform: translateY(-200px) translateX(200px);
|
||||
-ms-transform: translateY(-200px) translateX(200px);
|
||||
transform: translateY(-200px) translateX(200px)
|
||||
}
|
||||
.overlay-slidedown,
|
||||
.overlay-slideup,
|
||||
.overlay-slideleft,
|
||||
.overlay-slideright {
|
||||
visibility: hidden;
|
||||
-webkit-transition: -webkit-transform .4s ease-in-out, visibility .4s;
|
||||
-webkit-transition: visibility .4s, -webkit-transform .4s ease-in-out;
|
||||
transition: visibility .4s, -webkit-transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out, visibility .4s;
|
||||
transition: transform .4s ease-in-out, visibility .4s, -webkit-transform .4s ease-in-out
|
||||
}
|
||||
.overlay-slidedown.ult-open,
|
||||
.overlay-slideup.ult-open,
|
||||
.overlay-slideleft.ult-open,
|
||||
.overlay-slideright.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: -webkit-transform .4s ease-in-out;
|
||||
transition: -webkit-transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out;
|
||||
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
|
||||
}
|
||||
.overlay-slidedown {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%)
|
||||
}
|
||||
.overlay-slidedown.ult-open {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.overlay-slideup {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%)
|
||||
}
|
||||
.overlay-slideup.ult-open {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
.overlay-slideleft {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%)
|
||||
}
|
||||
.overlay-slideleft.ult-open {
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.overlay-slideright {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%)
|
||||
}
|
||||
.overlay-slideright.ult-open {
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
.overlay-zoomin,
|
||||
.overlay-zoomout {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: -webkit-transform .2s, opacity .2s, visibility .2s;
|
||||
-webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s;
|
||||
transition: opacity .2s, visibility .2s, -webkit-transform .2s;
|
||||
transition: transform .2s, opacity .2s, visibility .2s;
|
||||
transition: transform .2s, opacity .2s, visibility .2s, -webkit-transform .2s
|
||||
}
|
||||
.overlay-zoomin.ult-open,
|
||||
.overlay-zoomout.ult-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: -webkit-transform .4s, opacity .4s;
|
||||
-webkit-transition: opacity .4s, -webkit-transform .4s;
|
||||
transition: opacity .4s, -webkit-transform .4s;
|
||||
transition: transform .4s, opacity .4s;
|
||||
transition: transform .4s, opacity .4s, -webkit-transform .4s
|
||||
}
|
||||
.overlay-zoomin {
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.overlay-zoomout {
|
||||
-webkit-transform: scale(0.5);
|
||||
-ms-transform: scale(0.5);
|
||||
transform: scale(0.5)
|
||||
}
|
||||
.overlay-doorhorizontal {
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
-webkit-transition: width .5s .3s, visibility .8s;
|
||||
transition: width .5s .3s, visibility .8s
|
||||
}
|
||||
.overlay-doorhorizontal.ult-open {
|
||||
visibility: visible;
|
||||
width: 100%;
|
||||
-webkit-transition: width .5s;
|
||||
transition: width .5s
|
||||
}
|
||||
.overlay-doorhorizontal .ult_modal-content,
|
||||
.overlay-doorhorizontal .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s;
|
||||
transition: opacity .5s
|
||||
}
|
||||
.overlay-doorhorizontal.ult-open .ult_modal-content,
|
||||
.overlay-doorhorizontal.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .5s;
|
||||
transition-delay: .5s
|
||||
}
|
||||
.overlay-doorhorizontal.ult-close .ult_modal-content,
|
||||
.overlay-doorhorizontal.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-doorvertical {
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-transition: height .5s .3s, visibility .8s;
|
||||
transition: height .5s .3s, visibility .8s
|
||||
}
|
||||
.overlay-doorvertical.ult-open {
|
||||
visibility: visible;
|
||||
height: 100%;
|
||||
-webkit-transition: height .5s;
|
||||
transition: height .5s
|
||||
}
|
||||
.overlay-doorvertical .ult_modal-content,
|
||||
.overlay-doorvertical .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s .5s;
|
||||
transition: opacity .3s .5s
|
||||
}
|
||||
.overlay-doorvertical.ult-open .ult_modal-content,
|
||||
.overlay-doorvertical.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .5s;
|
||||
transition-delay: .5s
|
||||
}
|
||||
.overlay-doorvertical.ult-close .ult_modal-content,
|
||||
.overlay-doorvertical.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-cornershape {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility .5s;
|
||||
transition: visibility .5s
|
||||
}
|
||||
.overlay-cornershape.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
.overlay-cornershape svg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.overlay-cornershape .overlay-path {
|
||||
fill: rgba(28, 28, 28, 0.9)
|
||||
}
|
||||
.overlay-cornershape .ult_modal-content,
|
||||
.overlay-cornershape .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .4s;
|
||||
transition: opacity .4s
|
||||
}
|
||||
.overlay-cornershape.ult-open .ult_modal-content,
|
||||
.overlay-cornershape.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .4s;
|
||||
transition-delay: .4s
|
||||
}
|
||||
.overlay-cornershape.ult-close .ult_modal-content,
|
||||
.overlay-cornershape.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-boxes {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility .8s;
|
||||
transition: visibility .8s
|
||||
}
|
||||
.overlay-boxes.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
.overlay-boxes svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0
|
||||
}
|
||||
.overlay-boxes svg path {
|
||||
fill: rgba(28, 28, 28, 1);
|
||||
display: none
|
||||
}
|
||||
.overlay-boxes .ult_modal-content,
|
||||
.overlay-boxes .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s .8s;
|
||||
transition: opacity .5s .8s
|
||||
}
|
||||
.overlay-boxes.ult-open .ult_modal-content,
|
||||
.overlay-boxes.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .8s;
|
||||
transition-delay: .8s
|
||||
}
|
||||
.overlay-boxes.ult-close .ult_modal-content,
|
||||
.overlay-boxes.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-boxes {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility .8s;
|
||||
transition: visibility .8s
|
||||
}
|
||||
.overlay-boxes.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transition: none;
|
||||
transition: none
|
||||
}
|
||||
.overlay-boxes svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0
|
||||
}
|
||||
.overlay-boxes svg path {
|
||||
fill: rgba(28, 28, 28, 1);
|
||||
display: none
|
||||
}
|
||||
.overlay-boxes .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .5s .8s;
|
||||
transition: opacity .5s .8s
|
||||
}
|
||||
.overlay-boxes.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .8s;
|
||||
transition-delay: .8s
|
||||
}
|
||||
.overlay-boxes.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.overlay-simplegenie {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(60%) scale(0);
|
||||
-ms-transform: translateY(60%) scale(0);
|
||||
transform: translateY(60%) scale(0);
|
||||
-webkit-transition: -webkit-transform .4s, visibility .4s;
|
||||
-webkit-transition: visibility .4s, -webkit-transform .4s;
|
||||
transition: visibility .4s, -webkit-transform .4s;
|
||||
transition: transform .4s, visibility .4s;
|
||||
transition: transform .4s, visibility .4s, -webkit-transform .4s
|
||||
}
|
||||
.overlay-simplegenie.ult-open {
|
||||
visibility: visible;
|
||||
-webkit-transform: translateY(0) scale(1);
|
||||
-ms-transform: translateY(0) scale(1);
|
||||
transform: translateY(0) scale(1);
|
||||
-webkit-transition: -webkit-transform .4s;
|
||||
transition: -webkit-transform .4s;
|
||||
transition: transform .4s;
|
||||
transition: transform .4s, -webkit-transform .4s
|
||||
}
|
||||
.overlay-genie {
|
||||
background: transparent;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s .2s, visibility .6s;
|
||||
transition: opacity .3s .2s, visibility .6s
|
||||
}
|
||||
.overlay-genie.ult-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .3s;
|
||||
transition: opacity .3s
|
||||
}
|
||||
.overlay-genie svg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0
|
||||
}
|
||||
.overlay-genie .overlay-path {
|
||||
fill: rgba(28, 28, 28, 0.9)
|
||||
}
|
||||
.overlay-genie .ult_modal-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.8) translateY(-48%);
|
||||
-ms-transform: scale(0.8) translateY(-48%);
|
||||
transform: scale(0.8) translateY(-48%);
|
||||
-webkit-transition: opacity .3s .3s, -webkit-transform .3s .3s;
|
||||
transition: opacity .3s .3s, -webkit-transform .3s .3s;
|
||||
transition: opacity .3s .3s, transform .3s .3s;
|
||||
transition: opacity .3s .3s, transform .3s .3s, -webkit-transform .3s .3s
|
||||
}
|
||||
.overlay-genie .ult-overlay-close {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .3s;
|
||||
transition: opacity .3s
|
||||
}
|
||||
.overlay-genie.ult-open .ult_modal-content,
|
||||
.overlay-genie.ult-open .ult-overlay-close {
|
||||
opacity: 1;
|
||||
-webkit-transition-delay: .3s;
|
||||
transition-delay: .3s
|
||||
}
|
||||
.overlay-genie.ult-open .ult_modal-content {
|
||||
-webkit-transform: scale(1) translateY(0);
|
||||
-ms-transform: scale(1) translateY(0);
|
||||
transform: scale(1) translateY(0)
|
||||
}
|
||||
.overlay-genie.ult-close .ult_modal-content,
|
||||
.overlay-genie.ult-close .ult-overlay-close {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0
|
||||
}
|
||||
.ult_modal div.ult_modal-body>iframe {
|
||||
display: none
|
||||
}
|
||||
.ult-open>.ult_modal div.ult_modal-body>iframe {
|
||||
display: block
|
||||
}
|
||||
div.ult_modal-body .fluid-width-video-wrapper {
|
||||
padding: 0 !important;
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.ult_modal.ult-small, .ult_modal.ult-medium, .ult_modal.ult-container {
|
||||
width: 80%
|
||||
}
|
||||
.ult_modal.ult-block {
|
||||
max-width: 80%
|
||||
}
|
||||
.ult-overlay-close {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
right: 5px;
|
||||
top: 5px
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,641 @@
|
||||
.ult_pricing_table_wrap {
|
||||
min-width: 100%
|
||||
}
|
||||
.wpb_column .wpb_wrapper .ult_pricing_table_wrap,
|
||||
.wpb_column .wpb_wrapper .ult_pricing_table_wrap:last-child {
|
||||
display: block;
|
||||
margin-bottom: 35px;
|
||||
float: right
|
||||
}
|
||||
.ult_pricing_table,
|
||||
.ult_pricing_heading,
|
||||
.ult_price_body_block,
|
||||
.ult_price_features,
|
||||
.ult_price_link,
|
||||
.ult_price_description_block {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
float: right;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
.ult_pricing_table {
|
||||
list-style-type: none;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult_pricing_table .ult_pricing_heading {
|
||||
padding: 20px 0
|
||||
}
|
||||
.ult_pricing_table .ult_pricing_heading .price-heading {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 1.4em;
|
||||
color: inherit
|
||||
}
|
||||
.ult_pricing_table .ult_pricing_heading .price-subheading {
|
||||
padding: 0;
|
||||
margin: 4px 20px 15px;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: inherit;
|
||||
}
|
||||
.ult_pricing_table .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap .ult_pricing_table .ult_price_body {
|
||||
display: table;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.ult_price_body .ult_price {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
word-break: break-all
|
||||
}
|
||||
.ult_price_body .ult_price .ult_price_figure {
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
line-height: 1.3em;
|
||||
font-weight: normal
|
||||
}
|
||||
.ult_price_body .ult_price .ult_price_term {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
display: block
|
||||
}
|
||||
.ult_pricing_table .ult_price_features {
|
||||
padding: 15px 15px 0px 15px;
|
||||
margin: 0
|
||||
}
|
||||
.ult_pricing_table .ult_price_features ul {
|
||||
color: inherit;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0 0 20px
|
||||
}
|
||||
.ult_pricing_table .ult_price_features ul li {
|
||||
color: inherit;
|
||||
list-style-type: none;
|
||||
padding: 5px 0;
|
||||
margin: 0;
|
||||
line-height: 1.5em;
|
||||
text-decoration: none
|
||||
}
|
||||
.ult_pricing_table a {
|
||||
text-decoration: none !important;
|
||||
cursor: pointer
|
||||
}
|
||||
.ult_pricing_table .ult_price_description_block .ult_price_description {
|
||||
list-style-type: none;
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult_pricing_table .ult_price_link {
|
||||
padding: 0 0 15px 0;
|
||||
}
|
||||
.ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
line-height: 1em;
|
||||
padding: 9px 20px
|
||||
}
|
||||
.ult_pricing_table_wrap .ult_price_features img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: block
|
||||
}
|
||||
.ult_clr {
|
||||
clear: both
|
||||
}
|
||||
.ult_featured .ult_pricing_table {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
-webkit-transform: scale(1.03);
|
||||
-ms-transform: scale(1.03);
|
||||
transform: scale(1.03)
|
||||
}
|
||||
.ult_pricing_table:hover {
|
||||
-webkit-box-shadow: 0 0 7px rgba(167, 167, 167, 0.5);
|
||||
box-shadow: 0 0 7px rgba(167, 167, 167, 0.5)
|
||||
}
|
||||
.ult_info_table.ult_design_1 .ult_pricing_table .ult_price_body {
|
||||
border: 0;
|
||||
width: auto;
|
||||
height: auto
|
||||
}
|
||||
.ult_info_table .ult_pricing_table .ult_price_body .aio-icon.none {
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table {
|
||||
background: #444;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333);
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_body {
|
||||
font-size: 16px;
|
||||
width: 6em;
|
||||
height: 6em;
|
||||
padding: 0;
|
||||
line-height: 1em;
|
||||
border: 2px solid;
|
||||
-webkit-border-radius: 500%;
|
||||
border-radius: 500%
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_link {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
background: #444;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_1.ult-cs-black .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_1.ult-cs-red .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130;
|
||||
background: -webkit-linear-gradient(#f04735, #df4130);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#f04735), to(#df4130));
|
||||
background: linear-gradient(#f04735, #df4130)
|
||||
}
|
||||
.ult_design_1.ult-cs-blue .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6;
|
||||
background: -webkit-linear-gradient(#3274c7, #2867b6);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#3274c7), to(#2867b6));
|
||||
background: linear-gradient(#3274c7, #2867b6)
|
||||
}
|
||||
.ult_design_1.ult-cs-yellow .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a;
|
||||
background: -webkit-linear-gradient(#f1c40f, #f1a90f);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#f1c40f), to(#f1a90f));
|
||||
background: linear-gradient(#f1c40f, #f1a90f)
|
||||
}
|
||||
.ult_design_1.ult-cs-green .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b;
|
||||
background: -webkit-linear-gradient(#24bb64, #17924b);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#24bb64), to(#17924b));
|
||||
background: linear-gradient(#24bb64, #17924b)
|
||||
}
|
||||
.ult_design_1.ult-cs-gray .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #5d5d5d;
|
||||
background: #d9dee0;
|
||||
background: -webkit-linear-gradient(#e3e4e6, #d9dee0);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#e3e4e6), to(#d9dee0));
|
||||
background: linear-gradient(#e3e4e6, #d9dee0)
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table {
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#FFF), to(#f0f0f0));
|
||||
background: -webkit-linear-gradient(#FFF, #f0f0f0);
|
||||
background: linear-gradient(#FFF, #f0f0f0);
|
||||
color: #6f6f6f
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #0f9000;
|
||||
background: -webkit-linear-gradient(#0f9000, #076800);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#0f9000), to(#076800));
|
||||
background: linear-gradient(#0f9000, #076800);
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_pricing_heading .price-subheading {
|
||||
padding: 0;
|
||||
margin: 0 20px;
|
||||
font-size: 12px
|
||||
}
|
||||
.ult_design_2 .ult_price_body_block {
|
||||
background: #fbfbfb;
|
||||
border-bottom: 4px double #dcdcdc;
|
||||
color: #6f6f6f
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_body {
|
||||
font-size: 48px
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_features ul li {
|
||||
border-bottom: 1px dashed #999;
|
||||
line-height: 2em;
|
||||
margin-right: 30px;
|
||||
margin-left: 30px
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_features ul li:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link {
|
||||
padding: 0
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 7px;
|
||||
background: #0f9000;
|
||||
background: -webkit-linear-gradient(#0f9000, #076800);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#0f9000), to(#076800));
|
||||
background: linear-gradient(#0f9000, #076800);
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
bottom: -12px
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
bottom: -6px;
|
||||
left: 0;
|
||||
border-bottom: 8px solid rgba(0, 0, 0, 0);
|
||||
border-right: 8px solid #1a1a1a
|
||||
}
|
||||
.ult_design_2.ult-cs-black .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_2.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-right: 8px solid #1a1818
|
||||
}
|
||||
.ult_design_2.ult-cs-red .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130;
|
||||
background: -webkit-linear-gradient(#f04735, #df4130);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#f04735), to(#df4130));
|
||||
background: linear-gradient(#f04735, #df4130)
|
||||
}
|
||||
.ult_design_2.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-right: 8px solid #ac3900
|
||||
}
|
||||
.ult_design_2.ult-cs-blue .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6;
|
||||
background: -webkit-linear-gradient(#3274c7, #2867b6);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#3274c7), to(#2867b6));
|
||||
background: linear-gradient(#3274c7, #2867b6)
|
||||
}
|
||||
.ult_design_2.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-right: 8px solid #0555ba
|
||||
}
|
||||
.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a;
|
||||
background: -webkit-linear-gradient(#f1c40f, #f1a90f);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#f1c40f), to(#f1a90f));
|
||||
background: linear-gradient(#f1c40f, #f1a90f)
|
||||
}
|
||||
.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-right: 8px solid #ce5e0b
|
||||
}
|
||||
.ult_design_2.ult-cs-green .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b;
|
||||
background: -webkit-linear-gradient(#24bb64, #17924b);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#24bb64), to(#17924b));
|
||||
background: linear-gradient(#24bb64, #17924b)
|
||||
}
|
||||
.ult_design_2.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-right: 8px solid #037433
|
||||
}
|
||||
.ult_design_2.ult-cs-gray .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #5d5d5d;
|
||||
background: #d9dee0;
|
||||
background: -webkit-linear-gradient(#e3e4e6, #d9dee0);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#e3e4e6), to(#d9dee0));
|
||||
background: linear-gradient(#e3e4e6, #d9dee0)
|
||||
}
|
||||
.ult_design_2.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-right: 8px solid #bdbdbd
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table {
|
||||
background: #262626;
|
||||
background: -webkit-linear-gradient(#262626, #000);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#262626), to(#000));
|
||||
background: linear-gradient(#262626, #000);
|
||||
color: #FFF
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_3 .ult_price_body_block {
|
||||
background: #353535
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap.ult_design_3 .ult_pricing_table .ult_price_body {
|
||||
margin: 25px auto;
|
||||
font-size: 40px
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 10px;
|
||||
background: #666;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_3.ult-cs-black .ult_pricing_table {
|
||||
background: #333;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_3.ult-cs-red .ult_pricing_table {
|
||||
background: #df4130;
|
||||
background: -webkit-linear-gradient(#f04735, #df4130);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#f04735), to(#df4130));
|
||||
background: linear-gradient(#f04735, #df4130)
|
||||
}
|
||||
.ult_design_3.ult-cs-blue .ult_pricing_table {
|
||||
background: #2867b6;
|
||||
background: -webkit-linear-gradient(#3274c7, #2867b6);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#3274c7), to(#2867b6));
|
||||
background: linear-gradient(#3274c7, #2867b6)
|
||||
}
|
||||
.ult_design_3.ult-cs-yellow .ult_pricing_table {
|
||||
background: #f9b84a;
|
||||
background: -webkit-linear-gradient(#f1c40f, #f1a90f);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#f1c40f), to(#f1a90f));
|
||||
background: linear-gradient(#f1c40f, #f1a90f)
|
||||
}
|
||||
.ult_design_3.ult-cs-green .ult_pricing_table {
|
||||
background: #17924b;
|
||||
background: -webkit-linear-gradient(#24bb64, #17924b);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#24bb64), to(#17924b));
|
||||
background: linear-gradient(#24bb64, #17924b)
|
||||
}
|
||||
.ult_design_3.ult-cs-gray .ult_pricing_table {
|
||||
color: #5d5d5d;
|
||||
background: #d9dee0;
|
||||
background: -webkit-linear-gradient(#e3e4e6, #d9dee0);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#e3e4e6), to(#d9dee0));
|
||||
background: linear-gradient(#e3e4e6, #d9dee0)
|
||||
}
|
||||
.ult_design_3.ult-cs-gray .ult_price_body_block {
|
||||
color: #FFF
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table {
|
||||
background: #f9f9f9;
|
||||
color: #777;
|
||||
border-top: 5px solid #b9ce06;
|
||||
border-bottom: 5px solid #DDD
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_body_block {
|
||||
top: -3px;
|
||||
border-bottom: 2px solid #e5e5e5
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_body {
|
||||
font-size: 48px
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap.ult_design_4 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body {
|
||||
margin: -5px auto 15px
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_features ul li {
|
||||
border-bottom: 1px solid #ededed;
|
||||
line-height: 2em;
|
||||
margin-right: 30px;
|
||||
margin-left: 30px
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #b9ce06;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 10px
|
||||
}
|
||||
.ult_design_4.ult-cs-black .ult_pricing_table {
|
||||
border-top: 5px solid #333
|
||||
}
|
||||
.ult_design_4.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_4.ult-cs-red .ult_pricing_table {
|
||||
border-top: 5px solid #df4130
|
||||
}
|
||||
.ult_design_4.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130
|
||||
}
|
||||
.ult_design_4.ult-cs-blue .ult_pricing_table {
|
||||
border-top: 5px solid #2867b6
|
||||
}
|
||||
.ult_design_4.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6
|
||||
}
|
||||
.ult_design_4.ult-cs-yellow .ult_pricing_table {
|
||||
border-top: 5px solid #f1a90f
|
||||
}
|
||||
.ult_design_4.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f1a90f
|
||||
}
|
||||
.ult_design_4.ult-cs-green .ult_pricing_table {
|
||||
border-top: 5px solid #17924b
|
||||
}
|
||||
.ult_design_4.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b
|
||||
}
|
||||
.ult_design_4.ult-cs-gray .ult_pricing_table {
|
||||
border-top: 5px solid #d9dee0
|
||||
}
|
||||
.ult_design_4.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #d9dee0;
|
||||
color: #5d5d5d
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table {
|
||||
background: #f7f7f7;
|
||||
color: #777;
|
||||
border-bottom: 5px solid #DDD
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5 .ult_pricing_table .ult_price_body_block {
|
||||
background: #fac635;
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_body_block {
|
||||
top: -3px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_body {
|
||||
font-size: 48px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap.ult_design_5 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body {
|
||||
margin: -5px auto 15px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_features ul li {
|
||||
border-bottom: 1px solid #ededed;
|
||||
line-height: 2em;
|
||||
margin-right: 30px;
|
||||
margin-left: 30px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #555;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 10px
|
||||
}
|
||||
.ult_design_5.ult-cs-black .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-black .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_5.ult-cs-red .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-red .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130
|
||||
}
|
||||
.ult_design_5.ult-cs-blue .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-blue .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6
|
||||
}
|
||||
.ult_design_5.ult-cs-yellow .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-yellow .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a
|
||||
}
|
||||
.ult_design_5.ult-cs-green .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-green .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b
|
||||
}
|
||||
.ult_design_5.ult-cs-gray .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-gray .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #d9dee0;
|
||||
color: #5d5d5d
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table {
|
||||
background: #FFF;
|
||||
color: #777;
|
||||
border: 1px solid #efefef
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6 .ult_pricing_table .ult_price_body_block {
|
||||
background: #322d68;
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_price_body_block {
|
||||
height: 3em;
|
||||
margin-bottom: 3em;
|
||||
font-size: 16px
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_price_body {
|
||||
font-size: 16px;
|
||||
width: 6em;
|
||||
height: 6em;
|
||||
padding: 0;
|
||||
line-height: 1em;
|
||||
border: 2px solid #f0f0f0;
|
||||
-webkit-border-radius: 500%;
|
||||
border-radius: 500%;
|
||||
margin: 0 auto !important;
|
||||
position: relative;
|
||||
top: 0;
|
||||
background: #FFF;
|
||||
color: #777;
|
||||
-webkit-box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset;
|
||||
-o-box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset;
|
||||
-ms-box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset;
|
||||
box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
-webkit-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
background: #444;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, right top, right bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_6.ult_featured .ult_price_body_block {
|
||||
margin-top: -5px
|
||||
}
|
||||
.ult_design_6.ult-cs-black .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-black .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_6.ult-cs-red .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-red .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130
|
||||
}
|
||||
.ult_design_6.ult-cs-blue .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-blue .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6
|
||||
}
|
||||
.ult_design_6.ult-cs-yellow .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-yellow .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a
|
||||
}
|
||||
.ult_design_6.ult-cs-green .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-green .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b
|
||||
}
|
||||
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #d9dee0;
|
||||
color: #5d5d5d
|
||||
}
|
||||
.ult_design_2 .ult_price_table_ht .ult_price_link {
|
||||
position: relative;
|
||||
}
|
||||
.ult_design_2 .info_min_ht .ult_price_link {
|
||||
position: relative;
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_link {
|
||||
padding-top: 15px;
|
||||
}
|
||||
a.ult_price_action_button {
|
||||
border: none;
|
||||
}
|
||||
@@ -0,0 +1,641 @@
|
||||
.ult_pricing_table_wrap {
|
||||
min-width: 100%
|
||||
}
|
||||
.wpb_column .wpb_wrapper .ult_pricing_table_wrap,
|
||||
.wpb_column .wpb_wrapper .ult_pricing_table_wrap:last-child {
|
||||
display: block;
|
||||
margin-bottom: 35px;
|
||||
float: left
|
||||
}
|
||||
.ult_pricing_table,
|
||||
.ult_pricing_heading,
|
||||
.ult_price_body_block,
|
||||
.ult_price_features,
|
||||
.ult_price_link,
|
||||
.ult_price_description_block {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
float: left;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
.ult_pricing_table {
|
||||
list-style-type: none;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult_pricing_table .ult_pricing_heading {
|
||||
padding: 20px 0
|
||||
}
|
||||
.ult_pricing_table .ult_pricing_heading .price-heading {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 1.4em;
|
||||
color: inherit
|
||||
}
|
||||
.ult_pricing_table .ult_pricing_heading .price-subheading {
|
||||
padding: 0;
|
||||
margin: 4px 20px 15px;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: inherit;
|
||||
}
|
||||
.ult_pricing_table .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap .ult_pricing_table .ult_price_body {
|
||||
display: table;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.ult_price_body .ult_price {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
word-break: break-all
|
||||
}
|
||||
.ult_price_body .ult_price .ult_price_figure {
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
line-height: 1.3em;
|
||||
font-weight: normal
|
||||
}
|
||||
.ult_price_body .ult_price .ult_price_term {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
display: block
|
||||
}
|
||||
.ult_pricing_table .ult_price_features {
|
||||
padding: 15px 15px 0px 15px;
|
||||
margin: 0
|
||||
}
|
||||
.ult_pricing_table .ult_price_features ul {
|
||||
color: inherit;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0 0 20px
|
||||
}
|
||||
.ult_pricing_table .ult_price_features ul li {
|
||||
color: inherit;
|
||||
list-style-type: none;
|
||||
padding: 5px 0;
|
||||
margin: 0;
|
||||
line-height: 1.5em;
|
||||
text-decoration: none
|
||||
}
|
||||
.ult_pricing_table a {
|
||||
text-decoration: none !important;
|
||||
cursor: pointer
|
||||
}
|
||||
.ult_pricing_table .ult_price_description_block .ult_price_description {
|
||||
list-style-type: none;
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult_pricing_table .ult_price_link {
|
||||
padding: 0 0 15px 0;
|
||||
}
|
||||
.ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
line-height: 1em;
|
||||
padding: 9px 20px
|
||||
}
|
||||
.ult_pricing_table_wrap .ult_price_features img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: block
|
||||
}
|
||||
.ult_clr {
|
||||
clear: both
|
||||
}
|
||||
.ult_featured .ult_pricing_table {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
-webkit-transform: scale(1.03);
|
||||
-ms-transform: scale(1.03);
|
||||
transform: scale(1.03)
|
||||
}
|
||||
.ult_pricing_table:hover {
|
||||
-webkit-box-shadow: 0 0 7px rgba(167, 167, 167, 0.5);
|
||||
box-shadow: 0 0 7px rgba(167, 167, 167, 0.5)
|
||||
}
|
||||
.ult_info_table.ult_design_1 .ult_pricing_table .ult_price_body {
|
||||
border: 0;
|
||||
width: auto;
|
||||
height: auto
|
||||
}
|
||||
.ult_info_table .ult_pricing_table .ult_price_body .aio-icon.none {
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table {
|
||||
background: #444;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333);
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_body {
|
||||
font-size: 16px;
|
||||
width: 6em;
|
||||
height: 6em;
|
||||
padding: 0;
|
||||
line-height: 1em;
|
||||
border: 2px solid;
|
||||
-webkit-border-radius: 500%;
|
||||
border-radius: 500%
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_link {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
background: #444;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_1.ult-cs-black .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_1.ult-cs-red .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130;
|
||||
background: -webkit-linear-gradient(#f04735, #df4130);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f04735), to(#df4130));
|
||||
background: linear-gradient(#f04735, #df4130)
|
||||
}
|
||||
.ult_design_1.ult-cs-blue .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6;
|
||||
background: -webkit-linear-gradient(#3274c7, #2867b6);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#3274c7), to(#2867b6));
|
||||
background: linear-gradient(#3274c7, #2867b6)
|
||||
}
|
||||
.ult_design_1.ult-cs-yellow .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a;
|
||||
background: -webkit-linear-gradient(#f1c40f, #f1a90f);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f1c40f), to(#f1a90f));
|
||||
background: linear-gradient(#f1c40f, #f1a90f)
|
||||
}
|
||||
.ult_design_1.ult-cs-green .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b;
|
||||
background: -webkit-linear-gradient(#24bb64, #17924b);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#24bb64), to(#17924b));
|
||||
background: linear-gradient(#24bb64, #17924b)
|
||||
}
|
||||
.ult_design_1.ult-cs-gray .ult_pricing_table,
|
||||
.ult_design_1.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #5d5d5d;
|
||||
background: #d9dee0;
|
||||
background: -webkit-linear-gradient(#e3e4e6, #d9dee0);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e3e4e6), to(#d9dee0));
|
||||
background: linear-gradient(#e3e4e6, #d9dee0)
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0f0f0));
|
||||
background: -webkit-linear-gradient(#FFF, #f0f0f0);
|
||||
background: linear-gradient(#FFF, #f0f0f0);
|
||||
color: #6f6f6f
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #0f9000;
|
||||
background: -webkit-linear-gradient(#0f9000, #076800);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0f9000), to(#076800));
|
||||
background: linear-gradient(#0f9000, #076800);
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_pricing_heading .price-subheading {
|
||||
padding: 0;
|
||||
margin: 0 20px;
|
||||
font-size: 12px
|
||||
}
|
||||
.ult_design_2 .ult_price_body_block {
|
||||
background: #fbfbfb;
|
||||
border-bottom: 4px double #dcdcdc;
|
||||
color: #6f6f6f
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_body {
|
||||
font-size: 48px
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_features ul li {
|
||||
border-bottom: 1px dashed #999;
|
||||
line-height: 2em;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_features ul li:last-child {
|
||||
border-bottom: 0
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link {
|
||||
padding: 0
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 7px;
|
||||
background: #0f9000;
|
||||
background: -webkit-linear-gradient(#0f9000, #076800);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#0f9000), to(#076800));
|
||||
background: linear-gradient(#0f9000, #076800);
|
||||
position: absolute;
|
||||
right: -8px;
|
||||
bottom: -12px
|
||||
}
|
||||
.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
bottom: -6px;
|
||||
right: 0;
|
||||
border-bottom: 8px solid rgba(0, 0, 0, 0);
|
||||
border-left: 8px solid #1a1a1a
|
||||
}
|
||||
.ult_design_2.ult-cs-black .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_2.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-left: 8px solid #1a1818
|
||||
}
|
||||
.ult_design_2.ult-cs-red .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130;
|
||||
background: -webkit-linear-gradient(#f04735, #df4130);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f04735), to(#df4130));
|
||||
background: linear-gradient(#f04735, #df4130)
|
||||
}
|
||||
.ult_design_2.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-left: 8px solid #ac3900
|
||||
}
|
||||
.ult_design_2.ult-cs-blue .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6;
|
||||
background: -webkit-linear-gradient(#3274c7, #2867b6);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#3274c7), to(#2867b6));
|
||||
background: linear-gradient(#3274c7, #2867b6)
|
||||
}
|
||||
.ult_design_2.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-left: 8px solid #0555ba
|
||||
}
|
||||
.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a;
|
||||
background: -webkit-linear-gradient(#f1c40f, #f1a90f);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f1c40f), to(#f1a90f));
|
||||
background: linear-gradient(#f1c40f, #f1a90f)
|
||||
}
|
||||
.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-left: 8px solid #ce5e0b
|
||||
}
|
||||
.ult_design_2.ult-cs-green .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b;
|
||||
background: -webkit-linear-gradient(#24bb64, #17924b);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#24bb64), to(#17924b));
|
||||
background: linear-gradient(#24bb64, #17924b)
|
||||
}
|
||||
.ult_design_2.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-left: 8px solid #037433
|
||||
}
|
||||
.ult_design_2.ult-cs-gray .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_2.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #5d5d5d;
|
||||
background: #d9dee0;
|
||||
background: -webkit-linear-gradient(#e3e4e6, #d9dee0);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e3e4e6), to(#d9dee0));
|
||||
background: linear-gradient(#e3e4e6, #d9dee0)
|
||||
}
|
||||
.ult_design_2.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button:after {
|
||||
border-left: 8px solid #bdbdbd
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table {
|
||||
background: #262626;
|
||||
background: -webkit-linear-gradient(#262626, #000);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#000));
|
||||
background: linear-gradient(#262626, #000);
|
||||
color: #FFF
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_3 .ult_price_body_block {
|
||||
background: #353535
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap.ult_design_3 .ult_pricing_table .ult_price_body {
|
||||
margin: 25px auto;
|
||||
font-size: 40px
|
||||
}
|
||||
.ult_design_3 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 10px;
|
||||
background: #666;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_3.ult-cs-black .ult_pricing_table {
|
||||
background: #333;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_3.ult-cs-red .ult_pricing_table {
|
||||
background: #df4130;
|
||||
background: -webkit-linear-gradient(#f04735, #df4130);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f04735), to(#df4130));
|
||||
background: linear-gradient(#f04735, #df4130)
|
||||
}
|
||||
.ult_design_3.ult-cs-blue .ult_pricing_table {
|
||||
background: #2867b6;
|
||||
background: -webkit-linear-gradient(#3274c7, #2867b6);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#3274c7), to(#2867b6));
|
||||
background: linear-gradient(#3274c7, #2867b6)
|
||||
}
|
||||
.ult_design_3.ult-cs-yellow .ult_pricing_table {
|
||||
background: #f9b84a;
|
||||
background: -webkit-linear-gradient(#f1c40f, #f1a90f);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f1c40f), to(#f1a90f));
|
||||
background: linear-gradient(#f1c40f, #f1a90f)
|
||||
}
|
||||
.ult_design_3.ult-cs-green .ult_pricing_table {
|
||||
background: #17924b;
|
||||
background: -webkit-linear-gradient(#24bb64, #17924b);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#24bb64), to(#17924b));
|
||||
background: linear-gradient(#24bb64, #17924b)
|
||||
}
|
||||
.ult_design_3.ult-cs-gray .ult_pricing_table {
|
||||
color: #5d5d5d;
|
||||
background: #d9dee0;
|
||||
background: -webkit-linear-gradient(#e3e4e6, #d9dee0);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#e3e4e6), to(#d9dee0));
|
||||
background: linear-gradient(#e3e4e6, #d9dee0)
|
||||
}
|
||||
.ult_design_3.ult-cs-gray .ult_price_body_block {
|
||||
color: #FFF
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table {
|
||||
background: #f9f9f9;
|
||||
color: #777;
|
||||
border-top: 5px solid #b9ce06;
|
||||
border-bottom: 5px solid #DDD
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_body_block {
|
||||
top: -3px;
|
||||
border-bottom: 2px solid #e5e5e5
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_body {
|
||||
font-size: 48px
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap.ult_design_4 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body {
|
||||
margin: -5px auto 15px
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_features ul li {
|
||||
border-bottom: 1px solid #ededed;
|
||||
line-height: 2em;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px
|
||||
}
|
||||
.ult_design_4 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #b9ce06;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 10px
|
||||
}
|
||||
.ult_design_4.ult-cs-black .ult_pricing_table {
|
||||
border-top: 5px solid #333
|
||||
}
|
||||
.ult_design_4.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_4.ult-cs-red .ult_pricing_table {
|
||||
border-top: 5px solid #df4130
|
||||
}
|
||||
.ult_design_4.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130
|
||||
}
|
||||
.ult_design_4.ult-cs-blue .ult_pricing_table {
|
||||
border-top: 5px solid #2867b6
|
||||
}
|
||||
.ult_design_4.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6
|
||||
}
|
||||
.ult_design_4.ult-cs-yellow .ult_pricing_table {
|
||||
border-top: 5px solid #f1a90f
|
||||
}
|
||||
.ult_design_4.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f1a90f
|
||||
}
|
||||
.ult_design_4.ult-cs-green .ult_pricing_table {
|
||||
border-top: 5px solid #17924b
|
||||
}
|
||||
.ult_design_4.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b
|
||||
}
|
||||
.ult_design_4.ult-cs-gray .ult_pricing_table {
|
||||
border-top: 5px solid #d9dee0
|
||||
}
|
||||
.ult_design_4.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #d9dee0;
|
||||
color: #5d5d5d
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table {
|
||||
background: #f7f7f7;
|
||||
color: #777;
|
||||
border-bottom: 5px solid #DDD
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5 .ult_pricing_table .ult_price_body_block {
|
||||
background: #fac635;
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_body_block {
|
||||
top: -3px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_body {
|
||||
font-size: 48px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body,
|
||||
.wpb_column>.wpb_wrapper>.ult_pricing_table_wrap.ult_design_5 .ult_pricing_table .ult_pricing_heading+.ult_price_body_block .ult_price_body {
|
||||
margin: -5px auto 15px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_features ul li {
|
||||
border-bottom: 1px solid #ededed;
|
||||
line-height: 2em;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px
|
||||
}
|
||||
.ult_design_5 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
background: #555;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 10px
|
||||
}
|
||||
.ult_design_5.ult-cs-black .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-black .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_5.ult-cs-red .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-red .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130
|
||||
}
|
||||
.ult_design_5.ult-cs-blue .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-blue .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6
|
||||
}
|
||||
.ult_design_5.ult-cs-yellow .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-yellow .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a
|
||||
}
|
||||
.ult_design_5.ult-cs-green .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-green .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b
|
||||
}
|
||||
.ult_design_5.ult-cs-gray .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_5.ult-cs-gray .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_5.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #d9dee0;
|
||||
color: #5d5d5d
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table {
|
||||
background: #FFF;
|
||||
color: #777;
|
||||
border: 1px solid #efefef
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table a {
|
||||
color: inherit
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6 .ult_pricing_table .ult_price_body_block {
|
||||
background: #322d68;
|
||||
color: #fff
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_price_body_block {
|
||||
height: 3em;
|
||||
margin-bottom: 3em;
|
||||
font-size: 16px
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_price_body {
|
||||
font-size: 16px;
|
||||
width: 6em;
|
||||
height: 6em;
|
||||
padding: 0;
|
||||
line-height: 1em;
|
||||
border: 2px solid #f0f0f0;
|
||||
-webkit-border-radius: 500%;
|
||||
border-radius: 500%;
|
||||
margin: 0 auto !important;
|
||||
position: relative;
|
||||
top: 0;
|
||||
background: #FFF;
|
||||
color: #777;
|
||||
-webkit-box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset;
|
||||
-o-box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset;
|
||||
-ms-box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset;
|
||||
box-shadow: 0 5px 20px #DDD inset, 0 3px 0 #999 inset
|
||||
}
|
||||
.ult_design_6 .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
color: #fff;
|
||||
-webkit-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
background: #444;
|
||||
background: -webkit-linear-gradient(#666, #333);
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
|
||||
background: linear-gradient(#666, #333)
|
||||
}
|
||||
.ult_design_6.ult_featured .ult_price_body_block {
|
||||
margin-top: -5px
|
||||
}
|
||||
.ult_design_6.ult-cs-black .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-black .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #333
|
||||
}
|
||||
.ult_design_6.ult-cs-red .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-red .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #df4130
|
||||
}
|
||||
.ult_design_6.ult-cs-blue .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-blue .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #2867b6
|
||||
}
|
||||
.ult_design_6.ult-cs-yellow .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-yellow .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #f9b84a
|
||||
}
|
||||
.ult_design_6.ult-cs-green .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-green .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #17924b
|
||||
}
|
||||
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_pricing_heading,
|
||||
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_body_block,
|
||||
.ult_design_6.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button {
|
||||
background: #d9dee0;
|
||||
color: #5d5d5d
|
||||
}
|
||||
.ult_design_2 .ult_price_table_ht .ult_price_link {
|
||||
position: relative;
|
||||
}
|
||||
.ult_design_2 .info_min_ht .ult_price_link {
|
||||
position: relative;
|
||||
}
|
||||
.ult_design_1 .ult_pricing_table .ult_price_link {
|
||||
padding-top: 15px;
|
||||
}
|
||||
a.ult_price_action_button {
|
||||
border: none;
|
||||
}
|
||||
@@ -0,0 +1,332 @@
|
||||
/*range-slider css*/
|
||||
.ult-rs-wrapper .ui-slider {
|
||||
position: relative;
|
||||
text-align: right;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-bottom,
|
||||
.ult-rs-wrapper .ui-corner-right,
|
||||
.ult-rs-wrapper .ui-corner-br {
|
||||
-webkit-border-bottom-left-radius: 1em;
|
||||
border-bottom-left-radius: 1em;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-bottom,
|
||||
.ult-rs-wrapper .ui-corner-left,
|
||||
.ult-rs-wrapper .ui-corner-bl {
|
||||
-webkit-border-bottom-right-radius: 1em;
|
||||
border-bottom-right-radius: 1em;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-top,
|
||||
.ult-rs-wrapper .ui-corner-right,
|
||||
.ult-rs-wrapper .ui-corner-tr {
|
||||
-webkit-border-top-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-top,
|
||||
.ult-rs-wrapper .ui-corner-left,
|
||||
.ult-rs-wrapper .ui-corner-tl {
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/*font-size: .7em;*/
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.ult-rs-wrapper{
|
||||
margin: 35px auto;
|
||||
|
||||
}
|
||||
#ult-range-slider{
|
||||
position: relative;
|
||||
/*padding:100px 35px;
|
||||
margin-top: 35px;
|
||||
margin-bottom: 35px;*/
|
||||
padding: 10px 75px 35px;
|
||||
margin-top: 35px;
|
||||
/*margin-bottom: 35px;*/
|
||||
overflow: hidden;
|
||||
/*display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;*/
|
||||
}
|
||||
|
||||
.ult-rslider-container{
|
||||
|
||||
}
|
||||
.ult-rs-wrapper .ult-rslider{
|
||||
font-size: 8px;
|
||||
margin: 65px auto 0;
|
||||
max-width: 100%;
|
||||
width:100%;
|
||||
height: 1em;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
/*background: #3BF7D1;*/
|
||||
/*background: rgb(155, 236, 255);*/
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider .ui-slider-handle{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
-webkit-border-radius: 500px;
|
||||
border-radius: 500px;
|
||||
top: 50% !important;
|
||||
-webkit-transform: translate(50%,-50%);
|
||||
-ms-transform: translate(50%,-50%);
|
||||
transform: translate(50%,-50%);
|
||||
|
||||
/*Defualt style*/
|
||||
background: rgb(59, 247, 209);
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
border: solid 0.28em white;
|
||||
-webkit-box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.25);
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ult-tooltip {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
/*border: 2px solid #30eae9;*/
|
||||
font-size: 16px;
|
||||
margin-top: -25px !important;
|
||||
right:50%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-transform: translateX(50%) translateY(-100%);
|
||||
-ms-transform: translateX(50%) translateY(-100%);
|
||||
transform: translateX(50%) translateY(-100%);
|
||||
}
|
||||
|
||||
.ult-tooltip-border{
|
||||
border: 2px solid #30eae9;
|
||||
}
|
||||
|
||||
.ult-tooltip:after, .ult-tooltip:before {
|
||||
top: 100%;
|
||||
right: 50%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ult-tooltip:after {
|
||||
border-color: rgba(136, 183, 213, 0);
|
||||
/*border-top-color: #fff;*/
|
||||
border-width: 7px;
|
||||
margin-right: -7px;
|
||||
top: 99%;
|
||||
}
|
||||
.ult-arrow:after{
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.ult-tooltip:before {
|
||||
border-color: rgba(194, 225, 245, 0);
|
||||
/*border-top-color: #000000;
|
||||
border-width: 9px;
|
||||
margin-left: -9px;*/
|
||||
}
|
||||
.ult-arrow:before{
|
||||
border-top-color: #30eae9;
|
||||
border-width: 9px;
|
||||
margin-right: -9px;
|
||||
}
|
||||
|
||||
/*.ult-tooltip{
|
||||
display: none;
|
||||
/*overflow: hidden;*/
|
||||
/* background-color: white;
|
||||
|
||||
position: absolute;
|
||||
z-index: 1020;
|
||||
padding: 10px;
|
||||
margin-top: -25px !important;
|
||||
left:50%;
|
||||
border:solid 2px #30eae9;
|
||||
/*width: 3em;
|
||||
height:3em;*/
|
||||
/* text-align: center;
|
||||
|
||||
/*border: none;*/
|
||||
/* transform: translateX(-50%) translateY(-100%);
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
}*/
|
||||
|
||||
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
|
||||
/*Tick Css*/
|
||||
|
||||
.ui-slider-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ui-slider-wrapper .ui-slider-horizontal {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-slider-labels {
|
||||
position: absolute;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
|
||||
.ui-slider-label-ticks {
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui-slider-label-ticks span {
|
||||
font-size: 0.9em;
|
||||
min-width: 1.2em;
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider-labels .ui-slider-label-ticks:first-child{
|
||||
-webkit-transform: translate(20%, -50%);
|
||||
-ms-transform: translate(20%, -50%);
|
||||
transform: translate(20%, -50%);
|
||||
}
|
||||
.ult-rs-wrapper .ui-slider-labels .ui-slider-label-ticks:last-child{
|
||||
-webkit-transform: translate(80%, -50%);
|
||||
-ms-transform: translate(80%, -50%);
|
||||
transform: translate(80%, -50%);
|
||||
}
|
||||
|
||||
.ui-slider-wrapper.horizontal { /*height: 4.5em;*/
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.horizontal .ui-slider-labels {
|
||||
right: 0;
|
||||
left: 0;
|
||||
/*top: -0.323em;*/
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.horizontal .ui-slider-label-ticks {
|
||||
font-size: 8px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
/*background: #3BF7D1;*/
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
/* border-left: 1px solid #999; */
|
||||
-webkit-transform: translate( 50%, -50% );
|
||||
-ms-transform: translate( 50%, -50% );
|
||||
transform: translate( 50%, -50% );
|
||||
}
|
||||
/*.horizontal .ui-slider-labels { left: 0; right: 0; top: 0.7em }
|
||||
.horizontal .ui-slider-label-ticks { width: 1.2em; height: .8em; text-align: center; border-left: 1px solid #999; }*/
|
||||
.horizontal .ui-slider-label-ticks span {
|
||||
position: relative;
|
||||
display: none;/*display: inline-block;*/
|
||||
margin-right: -1.2em;
|
||||
top: .8em; }
|
||||
|
||||
/*.ui-slider-wrapper.vertical { width: 4.5em; }
|
||||
.vertical .ui-slider-labels { top: 1px; bottom: 0; left: 0.7em; }
|
||||
.vertical .ui-slider-label-ticks { height: 1.2em; width: 0.8em; border-bottom: 1px solid #999; }
|
||||
.vertical .ui-slider-label-ticks span { position: relative; display: inline-block; margin-left: 1em; top: .6em; }*/
|
||||
/*****************************************************************************************************************************************************/
|
||||
/*.ult-tooltip:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -7px;
|
||||
/* top: 82%; */
|
||||
/* width: 10px;
|
||||
height: 10px;
|
||||
background-color: inherit;
|
||||
/* box-shadow: 6px 5px 9px -9px black; */
|
||||
/* -webkit-transform: rotate(45deg); */
|
||||
/*-webkit-transform: translate(-50%) rotate(45deg);
|
||||
-ms-transform: translate(-50%) rotate(45deg);
|
||||
transform: translate(-50%) rotate(45deg);
|
||||
/*z-index: 9999999999999999999999999999;*/
|
||||
/* border-bottom: inherit;
|
||||
border-right: inherit;
|
||||
bord
|
||||
|
||||
}*/
|
||||
.ult-rs-wrapper .ui-slider-range{
|
||||
/*background: rgb(58, 246, 210);*/
|
||||
}
|
||||
.ult-tooltip-center{
|
||||
position: absolute;
|
||||
right:50%;
|
||||
top:50%;
|
||||
-webkit-transform: translateX(50%) translateY(-50%);
|
||||
-ms-transform: translateX(50%) translateY(-50%);
|
||||
transform: translateX(50%) translateY(-50%);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ult-active{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ult-description{
|
||||
display: none;
|
||||
padding: 35px;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
max-width: 85%;
|
||||
width: 85%;
|
||||
margin-right: auto !important;
|
||||
margin-left: auto !important;
|
||||
/*margin-top: 150px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
position: absolute;*/
|
||||
}
|
||||
|
||||
/*
|
||||
.ult-arrow {
|
||||
display: none;
|
||||
width: 70px;
|
||||
height: 17px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -35px;
|
||||
/*transform: translateX(-50%);*/
|
||||
/* bottom: -16px;
|
||||
|
||||
}*/
|
||||
@@ -0,0 +1,332 @@
|
||||
/*range-slider css*/
|
||||
.ult-rs-wrapper .ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-bottom,
|
||||
.ult-rs-wrapper .ui-corner-right,
|
||||
.ult-rs-wrapper .ui-corner-br {
|
||||
-webkit-border-bottom-right-radius: 1em;
|
||||
border-bottom-right-radius: 1em;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-bottom,
|
||||
.ult-rs-wrapper .ui-corner-left,
|
||||
.ult-rs-wrapper .ui-corner-bl {
|
||||
-webkit-border-bottom-left-radius: 1em;
|
||||
border-bottom-left-radius: 1em;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-top,
|
||||
.ult-rs-wrapper .ui-corner-right,
|
||||
.ult-rs-wrapper .ui-corner-tr {
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
}
|
||||
.ult-rs-wrapper .ui-corner-all,
|
||||
.ult-rs-wrapper .ui-corner-top,
|
||||
.ult-rs-wrapper .ui-corner-left,
|
||||
.ult-rs-wrapper .ui-corner-tl {
|
||||
-webkit-border-top-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/*font-size: .7em;*/
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.ult-rs-wrapper{
|
||||
margin: 35px auto;
|
||||
|
||||
}
|
||||
#ult-range-slider{
|
||||
position: relative;
|
||||
/*padding:100px 35px;
|
||||
margin-top: 35px;
|
||||
margin-bottom: 35px;*/
|
||||
padding: 10px 75px 35px;
|
||||
margin-top: 35px;
|
||||
/*margin-bottom: 35px;*/
|
||||
overflow: hidden;
|
||||
/*display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;*/
|
||||
}
|
||||
|
||||
.ult-rslider-container{
|
||||
|
||||
}
|
||||
.ult-rs-wrapper .ult-rslider{
|
||||
font-size: 8px;
|
||||
margin: 65px auto 0;
|
||||
max-width: 100%;
|
||||
width:100%;
|
||||
height: 1em;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
/*background: #3BF7D1;*/
|
||||
/*background: rgb(155, 236, 255);*/
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider .ui-slider-handle{
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
-webkit-border-radius: 500px;
|
||||
border-radius: 500px;
|
||||
top: 50% !important;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
|
||||
/*Defualt style*/
|
||||
background: rgb(59, 247, 209);
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
border: solid 0.28em white;
|
||||
-webkit-box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.25);
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ult-tooltip {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
/*border: 2px solid #30eae9;*/
|
||||
font-size: 16px;
|
||||
margin-top: -25px !important;
|
||||
left:50%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-transform: translateX(-50%) translateY(-100%);
|
||||
-ms-transform: translateX(-50%) translateY(-100%);
|
||||
transform: translateX(-50%) translateY(-100%);
|
||||
}
|
||||
|
||||
.ult-tooltip-border{
|
||||
border: 2px solid #30eae9;
|
||||
}
|
||||
|
||||
.ult-tooltip:after, .ult-tooltip:before {
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ult-tooltip:after {
|
||||
border-color: rgba(136, 183, 213, 0);
|
||||
/*border-top-color: #fff;*/
|
||||
border-width: 7px;
|
||||
margin-left: -7px;
|
||||
top: 99%;
|
||||
}
|
||||
.ult-arrow:after{
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.ult-tooltip:before {
|
||||
border-color: rgba(194, 225, 245, 0);
|
||||
/*border-top-color: #000000;
|
||||
border-width: 9px;
|
||||
margin-left: -9px;*/
|
||||
}
|
||||
.ult-arrow:before{
|
||||
border-top-color: #30eae9;
|
||||
border-width: 9px;
|
||||
margin-left: -9px;
|
||||
}
|
||||
|
||||
/*.ult-tooltip{
|
||||
display: none;
|
||||
/*overflow: hidden;*/
|
||||
/* background-color: white;
|
||||
|
||||
position: absolute;
|
||||
z-index: 1020;
|
||||
padding: 10px;
|
||||
margin-top: -25px !important;
|
||||
left:50%;
|
||||
border:solid 2px #30eae9;
|
||||
/*width: 3em;
|
||||
height:3em;*/
|
||||
/* text-align: center;
|
||||
|
||||
/*border: none;*/
|
||||
/* transform: translateX(-50%) translateY(-100%);
|
||||
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
}*/
|
||||
|
||||
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
|
||||
/*Tick Css*/
|
||||
|
||||
.ui-slider-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ui-slider-wrapper .ui-slider-horizontal {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-slider-labels {
|
||||
position: absolute;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
|
||||
.ui-slider-label-ticks {
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui-slider-label-ticks span {
|
||||
font-size: 0.9em;
|
||||
min-width: 1.2em;
|
||||
}
|
||||
|
||||
.ult-rs-wrapper .ui-slider-labels .ui-slider-label-ticks:first-child{
|
||||
-webkit-transform: translate(-20%, -50%);
|
||||
-ms-transform: translate(-20%, -50%);
|
||||
transform: translate(-20%, -50%);
|
||||
}
|
||||
.ult-rs-wrapper .ui-slider-labels .ui-slider-label-ticks:last-child{
|
||||
-webkit-transform: translate(-80%, -50%);
|
||||
-ms-transform: translate(-80%, -50%);
|
||||
transform: translate(-80%, -50%);
|
||||
}
|
||||
|
||||
.ui-slider-wrapper.horizontal { /*height: 4.5em;*/
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.horizontal .ui-slider-labels {
|
||||
left: 0;
|
||||
right: 0;
|
||||
/*top: -0.323em;*/
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.horizontal .ui-slider-label-ticks {
|
||||
font-size: 8px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
/*background: #3BF7D1;*/
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
/* border-left: 1px solid #999; */
|
||||
-webkit-transform: translate( -50%, -50% );
|
||||
-ms-transform: translate( -50%, -50% );
|
||||
transform: translate( -50%, -50% );
|
||||
}
|
||||
/*.horizontal .ui-slider-labels { left: 0; right: 0; top: 0.7em }
|
||||
.horizontal .ui-slider-label-ticks { width: 1.2em; height: .8em; text-align: center; border-left: 1px solid #999; }*/
|
||||
.horizontal .ui-slider-label-ticks span {
|
||||
position: relative;
|
||||
display: none;/*display: inline-block;*/
|
||||
margin-left: -1.2em;
|
||||
top: .8em; }
|
||||
|
||||
/*.ui-slider-wrapper.vertical { width: 4.5em; }
|
||||
.vertical .ui-slider-labels { top: 1px; bottom: 0; left: 0.7em; }
|
||||
.vertical .ui-slider-label-ticks { height: 1.2em; width: 0.8em; border-bottom: 1px solid #999; }
|
||||
.vertical .ui-slider-label-ticks span { position: relative; display: inline-block; margin-left: 1em; top: .6em; }*/
|
||||
/*****************************************************************************************************************************************************/
|
||||
/*.ult-tooltip:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -7px;
|
||||
/* top: 82%; */
|
||||
/* width: 10px;
|
||||
height: 10px;
|
||||
background-color: inherit;
|
||||
/* box-shadow: 6px 5px 9px -9px black; */
|
||||
/* -webkit-transform: rotate(45deg); */
|
||||
/*-webkit-transform: translate(-50%) rotate(45deg);
|
||||
-ms-transform: translate(-50%) rotate(45deg);
|
||||
transform: translate(-50%) rotate(45deg);
|
||||
/*z-index: 9999999999999999999999999999;*/
|
||||
/* border-bottom: inherit;
|
||||
border-right: inherit;
|
||||
bord
|
||||
|
||||
}*/
|
||||
.ult-rs-wrapper .ui-slider-range{
|
||||
/*background: rgb(58, 246, 210);*/
|
||||
}
|
||||
.ult-tooltip-center{
|
||||
position: absolute;
|
||||
left:50%;
|
||||
top:50%;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ult-active{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ult-description{
|
||||
display: none;
|
||||
padding: 35px;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
max-width: 85%;
|
||||
width: 85%;
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
/*margin-top: 150px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
position: absolute;*/
|
||||
}
|
||||
|
||||
/*
|
||||
.ult-arrow {
|
||||
display: none;
|
||||
width: 70px;
|
||||
height: 17px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -35px;
|
||||
/*transform: translateX(-50%);*/
|
||||
/* bottom: -16px;
|
||||
|
||||
}*/
|
||||
@@ -0,0 +1,192 @@
|
||||
/* For Alignment */
|
||||
.ult-ribbon-wrap {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.ult-ribbon.auto{
|
||||
width:auto;
|
||||
max-width: -webkit-calc(100% - 7em);
|
||||
max-width: calc(100% - 7em);
|
||||
}
|
||||
.ult-ribbon.full{
|
||||
width:100%;
|
||||
max-width: -webkit-calc(100% - 7em);
|
||||
max-width: calc(100% - 7em);
|
||||
}
|
||||
.ult-ribbon.custom{
|
||||
max-width: -webkit-calc(100% - 7em);
|
||||
max-width: calc(100% - 7em);
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 1.5em 0;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* Left and right CSS wing CSS*/
|
||||
.ult-ribbon .ult-ribbon-text{
|
||||
background: rgb(2, 116, 190);
|
||||
}
|
||||
.ult-ribbon .ult-left-ribb {
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: -3.5em;
|
||||
border-left-width: 3em;
|
||||
border-right-width: 1.5em;
|
||||
border-right-color: transparent;
|
||||
/*box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;*/
|
||||
}
|
||||
.ult-ribbon .ult-right-ribb {
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: -3.5em;
|
||||
border-right-width: 3em;
|
||||
border-left-width: 1.5em;
|
||||
border-left-color: transparent;
|
||||
/*box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;*/
|
||||
}
|
||||
|
||||
.ult-left-ribb.yes{
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 2px 2px;
|
||||
box-shadow: rgba(0, 0, 0, 0.5) -2px 2px 2px;
|
||||
}
|
||||
.ult-right-ribb.yes{
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
|
||||
box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
|
||||
}
|
||||
.ult-right-ribb, .ult-left-ribb{
|
||||
z-index: -1;
|
||||
border: 1em solid #0274be;
|
||||
}
|
||||
.ult-ribbon-text:before{
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: 0;
|
||||
border-width: 1em 1em 0 0;
|
||||
border-style: solid;
|
||||
border-color: #3a3a3a transparent transparent transparent;
|
||||
}
|
||||
.ult-ribbon-text:after{
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
border-width: 1em 0 0 1em;
|
||||
border-style: solid;
|
||||
border-color: #3a3a3a transparent transparent transparent;
|
||||
}
|
||||
|
||||
/* Icon Code
|
||||
*================ */
|
||||
.ult-ribbon .ult-ribbon-text {
|
||||
position: relative;
|
||||
padding: 0.5em 1.75em;
|
||||
z-index: 3;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ult-ribbon .ult-left-ribb i,
|
||||
.ult-ribbon .ult-right-ribb i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.ult-ribbon .ult-left-ribb i {
|
||||
right: 0.5em;
|
||||
}
|
||||
|
||||
.ult-ribbon .ult-right-ribb i {
|
||||
left: 0.5em;
|
||||
}
|
||||
|
||||
/* Snitch Code
|
||||
*=============*/
|
||||
|
||||
/* Top Snitch */
|
||||
.ult-ribbon .ult-ribbon-stitches-top,
|
||||
.ult-ribbon .ult-ribbon-stitches-bottom {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ult-ribbon .ult-ribbon-stitches-top {
|
||||
top: 0;
|
||||
margin-top: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/* Bottom Snich */
|
||||
.ult-ribbon .ult-ribbon-stitches-bottom {
|
||||
bottom: 0;
|
||||
margin-bottom: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
.ult-ribbon-stitches-top {
|
||||
margin-top: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.ult-ribbon-stitches-bottom {
|
||||
margin-bottom: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.ult-ribbon-wrap.no i {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*Hide the Ribbon wings For Small Device*/
|
||||
@media(max-width:767px){
|
||||
.ult-ribbon-text.small:before, .ult-ribbon-text.small:after{
|
||||
display:none;
|
||||
}
|
||||
.ult-ribbon .ult-left-ribb.small , .ult-ribbon .ult-right-ribb.small
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon.auto.media-width{
|
||||
width:auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon.full.media-width{
|
||||
width:100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon.custom.media-width{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
/*Hide the Ribbon wings For Small Device & Large device*/
|
||||
@media(max-width:1024px){
|
||||
.ult-ribbon-text.medium:before, .ult-ribbon-text.medium:after{
|
||||
display:none;
|
||||
}
|
||||
.ult-ribbon .ult-left-ribb.medium , .ult-ribbon .ult-right-ribb.medium
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,192 @@
|
||||
/* For Alignment */
|
||||
.ult-ribbon-wrap {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.ult-ribbon.auto{
|
||||
width:auto;
|
||||
max-width: -webkit-calc(100% - 7em);
|
||||
max-width: calc(100% - 7em);
|
||||
}
|
||||
.ult-ribbon.full{
|
||||
width:100%;
|
||||
max-width: -webkit-calc(100% - 7em);
|
||||
max-width: calc(100% - 7em);
|
||||
}
|
||||
.ult-ribbon.custom{
|
||||
max-width: -webkit-calc(100% - 7em);
|
||||
max-width: calc(100% - 7em);
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 1.5em 0;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* Left and right CSS wing CSS*/
|
||||
.ult-ribbon .ult-ribbon-text{
|
||||
background: rgb(2, 116, 190);
|
||||
}
|
||||
.ult-ribbon .ult-left-ribb {
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: -3.5em;
|
||||
border-right-width: 3em;
|
||||
border-left-width: 1.5em;
|
||||
border-left-color: transparent;
|
||||
/*box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;*/
|
||||
}
|
||||
.ult-ribbon .ult-right-ribb {
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: -3.5em;
|
||||
border-left-width: 3em;
|
||||
border-right-width: 1.5em;
|
||||
border-right-color: transparent;
|
||||
/*box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;*/
|
||||
}
|
||||
|
||||
.ult-left-ribb.yes{
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
|
||||
box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
|
||||
}
|
||||
.ult-right-ribb.yes{
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 2px 2px;
|
||||
box-shadow: rgba(0, 0, 0, 0.5) -2px 2px 2px;
|
||||
}
|
||||
.ult-right-ribb, .ult-left-ribb{
|
||||
z-index: -1;
|
||||
border: 1em solid #0274be;
|
||||
}
|
||||
.ult-ribbon-text:before{
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
border-width: 1em 0 0 1em;
|
||||
border-style: solid;
|
||||
border-color: #3a3a3a transparent transparent transparent;
|
||||
}
|
||||
.ult-ribbon-text:after{
|
||||
content: "";
|
||||
bottom: -1em;
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: 0;
|
||||
border-width: 1em 1em 0 0;
|
||||
border-style: solid;
|
||||
border-color: #3a3a3a transparent transparent transparent;
|
||||
}
|
||||
|
||||
/* Icon Code
|
||||
*================ */
|
||||
.ult-ribbon .ult-ribbon-text {
|
||||
position: relative;
|
||||
padding: 0.5em 1.75em;
|
||||
z-index: 3;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ult-ribbon .ult-left-ribb i,
|
||||
.ult-ribbon .ult-right-ribb i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.ult-ribbon .ult-left-ribb i {
|
||||
left: 0.5em;
|
||||
}
|
||||
|
||||
.ult-ribbon .ult-right-ribb i {
|
||||
right: 0.5em;
|
||||
}
|
||||
|
||||
/* Snitch Code
|
||||
*=============*/
|
||||
|
||||
/* Top Snitch */
|
||||
.ult-ribbon .ult-ribbon-stitches-top,
|
||||
.ult-ribbon .ult-ribbon-stitches-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ult-ribbon .ult-ribbon-stitches-top {
|
||||
top: 0;
|
||||
margin-top: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/* Bottom Snich */
|
||||
.ult-ribbon .ult-ribbon-stitches-bottom {
|
||||
bottom: 0;
|
||||
margin-bottom: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
.ult-ribbon-stitches-top {
|
||||
margin-top: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.ult-ribbon-stitches-bottom {
|
||||
margin-bottom: 2px;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.ult-ribbon-wrap.no i {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*Hide the Ribbon wings For Small Device*/
|
||||
@media(max-width:767px){
|
||||
.ult-ribbon-text.small:before, .ult-ribbon-text.small:after{
|
||||
display:none;
|
||||
}
|
||||
.ult-ribbon .ult-left-ribb.small , .ult-ribbon .ult-right-ribb.small
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon.auto.media-width{
|
||||
width:auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon.full.media-width{
|
||||
width:100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ult-ribbon-wrap .ult-ribbon.custom.media-width{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
/*Hide the Ribbon wings For Small Device & Large device*/
|
||||
@media(max-width:1024px){
|
||||
.ult-ribbon-text.medium:before, .ult-ribbon-text.medium:after{
|
||||
display:none;
|
||||
}
|
||||
.ult-ribbon .ult-left-ribb.medium , .ult-ribbon .ult-right-ribb.medium
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,401 @@
|
||||
.ult-carousel-wrapper {
|
||||
margin-bottom: 35px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.ult-carousel-wrapper{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-initialized{
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Slider */
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-loading .slick-list {
|
||||
background: #fff url("./ajax-loader.gif") center center no-repeat;
|
||||
}
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-list,
|
||||
.slick-track,
|
||||
.slick-slide,
|
||||
.slick-slide img {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.slick-track:before,
|
||||
.slick-track:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
float: right;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-slide {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face {
|
||||
font-family: "slick";
|
||||
src: url("./fonts/slick.eot");
|
||||
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
top: 50%;
|
||||
margin-top: -10px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-prev:active,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus,
|
||||
.slick-next:active {
|
||||
outline: none;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before {
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
font-family: "slick";
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
opacity: 0.75;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
right: -15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-prev {
|
||||
right: auto;
|
||||
left: -15px;
|
||||
-webkit-tranform: rotate(-180deg);
|
||||
-moz-tranform: rotate(-180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-next {
|
||||
right: -15px;
|
||||
left: auto;
|
||||
-webkit-tranform: rotate(-180deg);
|
||||
-moz-tranform: rotate(-180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_full_width button.slick-next {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_full_width button.slick-prev {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .ult-carousel-wrapper.ult_full_width button.slick-next {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .ult-carousel-wrapper.ult_full_width button.slick-prev {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
/*
|
||||
.slick-slider {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
*/
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -45px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slick-dots li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-dots li button:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
content: "•";
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: "slick";
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
opacity: 0.25;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-dots li.slick-active button:before {
|
||||
color: black;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper .slick-dots li i {
|
||||
opacity: 0.50;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper .slick-dots li:hover i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper .slick-dots li.slick-active i {
|
||||
opacity: 1;
|
||||
}
|
||||
button.slick-next:active,
|
||||
button.slick-prev:active {
|
||||
background: initial;
|
||||
border: initial;
|
||||
padding: initial;
|
||||
}
|
||||
|
||||
.ult-item-wrap > .wpb_button,
|
||||
.ult-item-wrap > .wpb_content_element,
|
||||
.ult-item-wrap > .wpb_row,
|
||||
.ult-item-wrap > ul.wpb_thumbnails-fluid>li,
|
||||
.ult-item-wrap > div {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
ul.slick-dots {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
bottom: 0;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
/*Slider Buttons Customization*/
|
||||
.ult-carousel-wrapper button {
|
||||
z-index: 1
|
||||
}
|
||||
.ult-carousel-wrapper button.circle-border,
|
||||
.ult-carousel-wrapper button.circle-bg {
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper button.square-border,
|
||||
.ult-carousel-wrapper button.square-bg {
|
||||
-webkit-border-radius: 0px !important;
|
||||
border-radius: 0px !important;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
/*Vertical Arrows*/
|
||||
.ult-carousel-wrapper.ult_vertical {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical .slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-prev,
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-next {
|
||||
right: 50%;
|
||||
margin: 0;
|
||||
-webkit-transform: translateX(50%) rotate(-90deg);
|
||||
-ms-transform: translateX(50%) rotate(-90deg);
|
||||
transform: translateX(50%) rotate(-90deg);
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-prev {
|
||||
top: -45px;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-next {
|
||||
top: auto;
|
||||
bottom: -40px;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical ul.slick-dots {
|
||||
z-index: 99;
|
||||
bottom: -30px;
|
||||
}
|
||||
|
||||
button.slick-next.circle-border i,
|
||||
button.slick-prev.circle-border i {
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
-webkit-transform: translate( 50%, -50% );
|
||||
-ms-transform: translate( 50%, -50% );
|
||||
transform: translate( 50%, -50% );
|
||||
}
|
||||
|
||||
@@ -0,0 +1,401 @@
|
||||
.ult-carousel-wrapper {
|
||||
margin-bottom: 35px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.ult-carousel-wrapper{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-initialized{
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Slider */
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-loading .slick-list {
|
||||
background: #fff url("./ajax-loader.gif") center center no-repeat;
|
||||
}
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-list,
|
||||
.slick-track,
|
||||
.slick-slide,
|
||||
.slick-slide img {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.slick-track:before,
|
||||
.slick-track:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-slide {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face {
|
||||
font-family: "slick";
|
||||
src: url("./fonts/slick.eot");
|
||||
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
top: 50%;
|
||||
margin-top: -10px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-prev:active,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus,
|
||||
.slick-next:active {
|
||||
outline: none;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before {
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before {
|
||||
font-family: "slick";
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
opacity: 0.75;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: -15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-prev {
|
||||
left: auto;
|
||||
right: -15px;
|
||||
-webkit-tranform: rotate(-180deg);
|
||||
-moz-tranform: rotate(-180deg);
|
||||
-webkit-transform: rotate(-180deg);
|
||||
-ms-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: -15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-next {
|
||||
left: -15px;
|
||||
right: auto;
|
||||
-webkit-tranform: rotate(-180deg);
|
||||
-moz-tranform: rotate(-180deg);
|
||||
-webkit-transform: rotate(-180deg);
|
||||
-ms-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_full_width button.slick-next {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_full_width button.slick-prev {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .ult-carousel-wrapper.ult_full_width button.slick-next {
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .ult-carousel-wrapper.ult_full_width button.slick-prev {
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
/*
|
||||
.slick-slider {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
*/
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -45px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slick-dots li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-dots li button:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: "•";
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: "slick";
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
opacity: 0.25;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-dots li.slick-active button:before {
|
||||
color: black;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper .slick-dots li i {
|
||||
opacity: 0.50;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper .slick-dots li:hover i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper .slick-dots li.slick-active i {
|
||||
opacity: 1;
|
||||
}
|
||||
button.slick-next:active,
|
||||
button.slick-prev:active {
|
||||
background: initial;
|
||||
border: initial;
|
||||
padding: initial;
|
||||
}
|
||||
|
||||
.ult-item-wrap > .wpb_button,
|
||||
.ult-item-wrap > .wpb_content_element,
|
||||
.ult-item-wrap > .wpb_row,
|
||||
.ult-item-wrap > ul.wpb_thumbnails-fluid>li,
|
||||
.ult-item-wrap > div {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
ul.slick-dots {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
bottom: 0;
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
/*Slider Buttons Customization*/
|
||||
.ult-carousel-wrapper button {
|
||||
z-index: 1
|
||||
}
|
||||
.ult-carousel-wrapper button.circle-border,
|
||||
.ult-carousel-wrapper button.circle-bg {
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper button.square-border,
|
||||
.ult-carousel-wrapper button.square-bg {
|
||||
-webkit-border-radius: 0px !important;
|
||||
border-radius: 0px !important;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
/*Vertical Arrows*/
|
||||
.ult-carousel-wrapper.ult_vertical {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical .slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-prev,
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-next {
|
||||
left: 50%;
|
||||
margin: 0;
|
||||
-webkit-transform: translateX(-50%) rotate(90deg);
|
||||
-ms-transform: translateX(-50%) rotate(90deg);
|
||||
transform: translateX(-50%) rotate(90deg);
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-prev {
|
||||
top: -45px;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical button.slick-next {
|
||||
top: auto;
|
||||
bottom: -40px;
|
||||
}
|
||||
|
||||
.ult-carousel-wrapper.ult_vertical ul.slick-dots {
|
||||
z-index: 99;
|
||||
bottom: -30px;
|
||||
}
|
||||
|
||||
button.slick-next.circle-border i,
|
||||
button.slick-prev.circle-border i {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
-webkit-transform: translate( -50%, -50% );
|
||||
-ms-transform: translate( -50%, -50% );
|
||||
transform: translate( -50%, -50% );
|
||||
}
|
||||
|
||||
@@ -0,0 +1,66 @@
|
||||
div.stats-desc>div.counter_prefix,
|
||||
div.stats-desc>div.counter_suffix {
|
||||
display: inline
|
||||
}
|
||||
.stats-block,
|
||||
.wpb_row .wpb_column .wpb_wrapper .stats-block {
|
||||
display: block;
|
||||
margin-bottom: 35px
|
||||
}
|
||||
.stats-block .stats-number {
|
||||
font-size: 26px;
|
||||
line-height: 1.3em;
|
||||
font-weight: 500;
|
||||
display: inline
|
||||
}
|
||||
.stats-block .stats-text {
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
text-align: inherit
|
||||
}
|
||||
.stats-left .aio-icon-left {
|
||||
display: table-cell;
|
||||
padding-left: 15px
|
||||
}
|
||||
.stats-left .stats-desc {
|
||||
text-align: right;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
width: auto
|
||||
}
|
||||
.stats-top .aio-icon-top,
|
||||
.stats-top .stats-desc {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center
|
||||
}
|
||||
.stats-top .aio-icon,
|
||||
.stats-top .img-icon {
|
||||
margin: 0 auto
|
||||
}
|
||||
.stats-top .aio-icon-img {
|
||||
margin: 0 auto
|
||||
}
|
||||
.stats-top .stats-number {
|
||||
padding: 8px 0
|
||||
}
|
||||
.stats-right.stats-block {
|
||||
display: inline-block;
|
||||
width: 100%
|
||||
}
|
||||
.stats-right .aio-icon-right {
|
||||
display: table-cell;
|
||||
padding-right: 15px
|
||||
}
|
||||
.stats-right .stats-desc {
|
||||
text-align: left;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.stats-block.stats-left,
|
||||
.stats-block.stats-right {
|
||||
direction: rtl
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
div.stats-desc>div.counter_prefix,
|
||||
div.stats-desc>div.counter_suffix {
|
||||
display: inline
|
||||
}
|
||||
.stats-block,
|
||||
.wpb_row .wpb_column .wpb_wrapper .stats-block {
|
||||
display: block;
|
||||
margin-bottom: 35px
|
||||
}
|
||||
.stats-block .stats-number {
|
||||
font-size: 26px;
|
||||
line-height: 1.3em;
|
||||
font-weight: 500;
|
||||
display: inline
|
||||
}
|
||||
.stats-block .stats-text {
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
text-align: inherit
|
||||
}
|
||||
.stats-left .aio-icon-left {
|
||||
display: table-cell;
|
||||
padding-right: 15px
|
||||
}
|
||||
.stats-left .stats-desc {
|
||||
text-align: left;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
width: auto
|
||||
}
|
||||
.stats-top .aio-icon-top,
|
||||
.stats-top .stats-desc {
|
||||
width: 100%;
|
||||
display: block;
|
||||
text-align: center
|
||||
}
|
||||
.stats-top .aio-icon,
|
||||
.stats-top .img-icon {
|
||||
margin: 0 auto
|
||||
}
|
||||
.stats-top .aio-icon-img {
|
||||
margin: 0 auto
|
||||
}
|
||||
.stats-top .stats-number {
|
||||
padding: 8px 0
|
||||
}
|
||||
.stats-right.stats-block {
|
||||
display: inline-block;
|
||||
width: 100%
|
||||
}
|
||||
.stats-right .aio-icon-right {
|
||||
display: table-cell;
|
||||
padding-left: 15px
|
||||
}
|
||||
.stats-right .stats-desc {
|
||||
text-align: right;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.stats-block.stats-left,
|
||||
.stats-block.stats-right {
|
||||
direction: ltr
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
.ult-sticky-section > :first-child,
|
||||
.ult-sticky-section > :first-child :first-child{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.ult-sticky-section > :last-child,
|
||||
.ult-sticky-section > :last-child :last-child{
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/*.ult-sticky-section > div {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
*/
|
||||
.ult-sticky {
|
||||
/*overflow: hidden;*/
|
||||
z-index: 99999;
|
||||
transform: translateZ(0);
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
|
||||
.ult-sticky.ult-stick {
|
||||
position: fixed;
|
||||
/*overflow:visible;*/
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
|
||||
.ult-sticky.ult-stick-full-width {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
z-index: 99999;
|
||||
|
||||
}
|
||||
|
||||
.ult-sticky-anchor.ult_stick_to_row{
|
||||
z-index: 99990;
|
||||
}
|
||||
/*.ult-sticky-section > .vc_row {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}*/
|
||||
|
||||
/************** stick within row css ********************/
|
||||
|
||||
.ult_s_container {
|
||||
position: relative;
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
.ult-sticky-section > :first-child,
|
||||
.ult-sticky-section > :first-child :first-child{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.ult-sticky-section > :last-child,
|
||||
.ult-sticky-section > :last-child :last-child{
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/*.ult-sticky-section > div {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
*/
|
||||
.ult-sticky {
|
||||
/*overflow: hidden;*/
|
||||
z-index: 99999;
|
||||
transform: translateZ(0);
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
|
||||
.ult-sticky.ult-stick {
|
||||
position: fixed;
|
||||
/*overflow:visible;*/
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
|
||||
.ult-sticky.ult-stick-full-width {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
|
||||
}
|
||||
|
||||
.ult-sticky-anchor.ult_stick_to_row{
|
||||
z-index: 99990;
|
||||
}
|
||||
/*.ult-sticky-section > .vc_row {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}*/
|
||||
|
||||
/************** stick within row css ********************/
|
||||
|
||||
.ult_s_container {
|
||||
position: relative;
|
||||
}
|
||||
@@ -0,0 +1,726 @@
|
||||
/**
|
||||
* Plugin Name: Ultimate Addons for WPBakery Page Builder
|
||||
* Plugin URI: http://codecanyon.net/item/ultimate-addons-for-visual-composer/6892199
|
||||
* Description: All in one plugin for your WPBakery Page Builder needs!
|
||||
* Version: 3.16.6
|
||||
* Author: BrainstormForce
|
||||
* Author URI: http://codecanyon.net/user/BrainstormForce
|
||||
*/
|
||||
|
||||
.aio-icon-component i,
|
||||
.align-icon i,
|
||||
.ult-banner-block i,
|
||||
.flip-box-wrap i,
|
||||
.info-circle-wrapper i,
|
||||
.smile-icon-timeline-wrap i,
|
||||
.smile_icon_list_wrap i,
|
||||
.stats-block i,
|
||||
.uavc-icons i,
|
||||
.uavc-list-icon i,
|
||||
.ubtn i,
|
||||
.ult-animation i,
|
||||
.ult-new-ib i,
|
||||
.ult-overlay i,
|
||||
.ult-vc-seperator i,
|
||||
.ult_countdown i,
|
||||
.ult_pricing_table_wrap i,
|
||||
.ultb3-box i,
|
||||
.ultimate-call-to-action i,
|
||||
.ultimate-google-trends i,
|
||||
.ultimate-map-wrapper i,
|
||||
.uvc-heading i,
|
||||
.uvc-type-wrap i {
|
||||
font-size: inherit;
|
||||
line-height: inherit
|
||||
}
|
||||
.smile_icon_list_wrap,
|
||||
.smile_icon_list_wrap *,
|
||||
.aio-icon-component,
|
||||
.aio-icon-component *,
|
||||
.ult_pricing_table_wrap,
|
||||
.ult_pricing_table_wrap *,
|
||||
.ult-new-ib,
|
||||
.ult-new-ib *,
|
||||
.align-icon,
|
||||
.align-icon *,
|
||||
.flip-box-wrap,
|
||||
.flip-box-wrap *,
|
||||
.ult-banner-block,
|
||||
.ult-banner-block *,
|
||||
.uvc-heading,
|
||||
.uvc-heading *,
|
||||
.ult-animation,
|
||||
.ult-animation *,
|
||||
.ubtn,
|
||||
.ubtn *,
|
||||
.ubtn-link,
|
||||
.ubtn-ctn-center,
|
||||
.stats-block,
|
||||
.stats-block *,
|
||||
.smile-icon-timeline-wrap,
|
||||
.smile-icon-timeline-wrap *,
|
||||
.ult-overlay,
|
||||
.ult-overlay *,
|
||||
.ultimate-map-wrapper,
|
||||
.ultimate-map-wrapper *,
|
||||
.ultimate-google-trends,
|
||||
.ultimate-google-trends *,
|
||||
.ult_countdown,
|
||||
.ult_countdown *,
|
||||
.info-circle-wrapper,
|
||||
.info-circle-wrapper *,
|
||||
.uavc-icons,
|
||||
.uavc-icons *,
|
||||
.uavc-list-icon,
|
||||
.uavc-list-icon * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.upb_video_class,
|
||||
.wpb_column,
|
||||
.wpb_row,
|
||||
.vc_row {
|
||||
position: relative
|
||||
}
|
||||
.aio-icon,
|
||||
.vc_row .aio-icon {
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important
|
||||
}
|
||||
.aio-icon.none {
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
line-height: 1em
|
||||
}
|
||||
.aio-icon.circle {
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%
|
||||
}
|
||||
.aio-icon.hexagon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
right: 0;
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 1em solid;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
.aio-icon.hexagon {
|
||||
position: relative;
|
||||
width: 3em;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin: 1.2em 0;
|
||||
}
|
||||
.aio-icon.hexagon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1em;
|
||||
right: 0;
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-top: 1em solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
.aio-icon-img.uavc-hexagon img {
|
||||
display: inline-block;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
}
|
||||
|
||||
.aio-icon-img.uavc-hexagon {
|
||||
position: relative;
|
||||
width: 3em;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin-top: 1.1em;
|
||||
margin-bottom: 1.1em;
|
||||
}
|
||||
.aio-icon-img.uavc-hexagon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1em;
|
||||
right: 0;
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-top: 1em solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
.aio-icon-img.uavc-hexagon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
right: 0;
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 1em solid;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
.aio-icon-img {
|
||||
display: inline-block;
|
||||
font-size: 48px;
|
||||
width: 1em;
|
||||
max-width: 100%;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important
|
||||
}
|
||||
.aio-icon-img.uavc-circle {
|
||||
width: 1em;
|
||||
min-height: 1em;
|
||||
background: rgba(214, 214, 214, 0.44);
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
padding: .5em
|
||||
}
|
||||
.aio-icon-img.uavc-square {
|
||||
width: 1em;
|
||||
min-height: 1em;
|
||||
background: rgba(214, 214, 214, 0.44);
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
padding: .5em
|
||||
}
|
||||
.aio-icon-img .img-icon {
|
||||
width: 1em;
|
||||
max-width: 100% !important;
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
display: block;
|
||||
font-size: inherit
|
||||
}
|
||||
.aio-tooltip {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
max-width: 100%
|
||||
}
|
||||
.smile_icon_list {
|
||||
list-style: none !important;
|
||||
padding: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.smile_icon_list li.icon_list_item {
|
||||
padding: 0 !important;
|
||||
list-style: none !important;
|
||||
clear: both !important;
|
||||
position: relative !important;
|
||||
min-height: 1em !important;
|
||||
margin: 0 0 30px !important;
|
||||
line-height: 100%;
|
||||
overflow: visible
|
||||
}
|
||||
.smile_icon_list li.icon_list_item:last-child {
|
||||
margin: 0 !important
|
||||
}
|
||||
a.ulimate-info-list-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.smile_icon_list li .icon_list_icon {
|
||||
font-size: 24px;
|
||||
width: 3em;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
text-align: center;
|
||||
float: right;
|
||||
background: #FFF;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important
|
||||
}
|
||||
.smile_icon_list .list-img-icon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-height: 100% !important;
|
||||
max-width: 100% !important;
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%,-50%);
|
||||
-ms-transform: translate(50%,-50%);
|
||||
transform: translate(50%,-50%);
|
||||
}
|
||||
.smile_icon_list li .icon_description h3 {
|
||||
font-size: 17px;
|
||||
line-height: 1.846153846;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
clear: none !important
|
||||
}
|
||||
.smile_icon_list li .icon_description h3 a {
|
||||
text-decoration: none
|
||||
}
|
||||
.smile_icon_list li .icon_description .info-list-heading {
|
||||
font-size: 17px;
|
||||
line-height: 1.846153846;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
clear: none !important
|
||||
}
|
||||
.smile_icon_list li .icon_description .info-list-heading a {
|
||||
text-decoration: none
|
||||
}
|
||||
.smile_icon_list li .icon_description p {
|
||||
font-size: inherit ;
|
||||
font-weight: inherit;
|
||||
font-style: inherit !important;
|
||||
line-height: inherit ;
|
||||
color: inherit !important
|
||||
}
|
||||
.smile_icon_list li .icon_description p:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.smile_icon_list li .icon_description div.icon_description_text {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.smile_icon_list li .icon_description span.icon_description_text {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
font-size: 14px;
|
||||
line-height: 1.714285714;
|
||||
display: block
|
||||
}
|
||||
.smile_icon_list li .icon_list_connector {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
z-index: 1
|
||||
}
|
||||
.info-circle-wrapper.info-circle-responsive .smile_icon_list li .icon_list_connector {
|
||||
top:1em;
|
||||
}
|
||||
.smile_icon_list li:last-child .icon_list_connector {
|
||||
display: none
|
||||
}
|
||||
.smile_icon_list.no_bg .icon_list_icon {
|
||||
border: 2px solid #0183cc;
|
||||
color: #0183cc
|
||||
}
|
||||
.smile_icon_list.square .icon_list_icon {
|
||||
border-color: inherit
|
||||
}
|
||||
.smile_icon_list.circle .icon_list_icon {
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
border-color: inherit;
|
||||
overflow: hidden
|
||||
}
|
||||
.smile_icon_list.with_bg .icon_list_icon {
|
||||
background: #0183cc;
|
||||
color: #fff
|
||||
}
|
||||
.smile_icon_list.left li .icon_list_connector {
|
||||
right: .5em;
|
||||
border-left-width: 1px;
|
||||
border-left-style: dashed
|
||||
}
|
||||
.smile_icon_list.left li.ult-info-circle-img .icon_list_connector {
|
||||
right: 0.34em;
|
||||
top: 0.5em;
|
||||
}
|
||||
.smile_icon_list.left li .icon_description {
|
||||
margin-right: 3em;
|
||||
padding-right: 25px;
|
||||
height: 3em;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
}
|
||||
.smile_icon_list.right {
|
||||
text-align: left
|
||||
}
|
||||
.smile_icon_list.right li .icon_list_icon {
|
||||
float: left;
|
||||
position: relative
|
||||
}
|
||||
.smile_icon_list.right li .icon_list_connector {
|
||||
left: .5em;
|
||||
border-right-width: 1px;
|
||||
border-right-style: dashed
|
||||
}
|
||||
.smile_icon_list.right li .icon_description {
|
||||
margin-right: 3em;
|
||||
height: 3em;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
}
|
||||
.smile_icon_list.right li .icon_description {
|
||||
margin-left: 3em;
|
||||
padding-left: 25px
|
||||
}
|
||||
.smile_icon_list.top,
|
||||
.smile_icon_list.top:before,
|
||||
.smile_icon_list.top:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.smile_icon_list.top {
|
||||
display: block
|
||||
}
|
||||
.smile_icon_list.top li {
|
||||
display: table-cell;
|
||||
width: 1%;
|
||||
float: none;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.smile_icon_list.top li .icon_list_icon {
|
||||
margin: 0 auto;
|
||||
float: none
|
||||
}
|
||||
.smile_icon_list.top li .icon_description {
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
padding-bottom: 0
|
||||
}
|
||||
.smile_icon_list.top li .icon_list_connector {
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
right: 50%;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: dashed;
|
||||
margin-right: 0
|
||||
}
|
||||
.info-wrapper .smile_icon_list li .icon_description .responsive-font-class * {
|
||||
font-size: 13px;
|
||||
line-height: 1.64em;
|
||||
color: inherit;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.smile_icon_list_wrap .smile_icon_list.top {
|
||||
display: inline-block;
|
||||
width: 100%
|
||||
}
|
||||
.smile_icon_list.top li.icon_list_item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
float: right
|
||||
}
|
||||
.smile_icon_list.top li .icon_list_connector {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
.hexagon li .icon_list_icon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
right: 0;
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 1em solid;
|
||||
border-bottom-color: inherit !important
|
||||
}
|
||||
.hexagon li .icon_list_icon {
|
||||
width: 3em !important;
|
||||
height: 1.5em !important;
|
||||
line-height: 1.5em !important;
|
||||
background: #0183cc;
|
||||
border-color: #0183cc;
|
||||
color: #FFF;
|
||||
position: relative;
|
||||
top: 1em;
|
||||
overflow: inherit
|
||||
}
|
||||
.hexagon li .icon_list_icon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1em;
|
||||
right: 0;
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-top: 1em solid;
|
||||
border-top-color: inherit !important
|
||||
}
|
||||
.smile_icon_list.top.hexagon .icon_list_icon {
|
||||
position: relative;
|
||||
margin-bottom: 2em
|
||||
}
|
||||
.smile_icon_list.top.hexagon .icon_list_connector {
|
||||
top: .55em
|
||||
}
|
||||
.full-width-content.wpb-js-composer .site-inner {
|
||||
overflow: visible !important
|
||||
}
|
||||
.smile_icon_list.circle {
|
||||
float: none;
|
||||
border: 0;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
cursor: inherit
|
||||
}
|
||||
.ult-animation * {
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.ult-animation.ult-animate-viewport {
|
||||
-webkit-transition: opacity 900ms linear;
|
||||
transition: opacity 900ms linear
|
||||
}
|
||||
.uavc-list-icon ul {
|
||||
list-style: none !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 0 30px !important;
|
||||
position: relative !important
|
||||
}
|
||||
.uavc-list-icon ul:last-child {
|
||||
margin: 0 !important
|
||||
}
|
||||
.uavc-list-icon li {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
list-style: none !important;
|
||||
clear: both !important;
|
||||
line-height: 1.6em;
|
||||
overflow: visible
|
||||
}
|
||||
.uavc-list-content {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-bottom: 7px
|
||||
}
|
||||
.uavc-list-content .aio-icon {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.uavc-list-content span.uavc-list-desc {
|
||||
display: table-cell;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
}
|
||||
.uavc-icons,
|
||||
.wpb_column .wpb_wrapper .uavc-icons {
|
||||
display: block;
|
||||
margin-bottom: 35px;
|
||||
line-height: 1
|
||||
}
|
||||
.uavc-icons-left.uavc-icons {
|
||||
text-align: right
|
||||
}
|
||||
.uavc-icons-center.uavc-icons {
|
||||
text-align: center
|
||||
}
|
||||
.uavc-icons-right.uavc-icons {
|
||||
text-align: left
|
||||
}
|
||||
.aio-icon i {
|
||||
line-height: inherit
|
||||
}
|
||||
.ultimate_google_map img {
|
||||
max-width: initial !important
|
||||
}
|
||||
/*---front end----*/
|
||||
|
||||
.vc_element.element-ultimate_icons {
|
||||
float: right;
|
||||
padding-right: 75%;
|
||||
}
|
||||
.vc_ultimate_icons a.vc_control-btn.vc_control-btn-append {
|
||||
/*margin-bottom: 10px;*/
|
||||
|
||||
margin-top: 20px;
|
||||
margin-right: 50%;
|
||||
z-index: 33000000;
|
||||
}
|
||||
.smile_icon_list.left li .icon_description {
|
||||
line-height: 1em;
|
||||
}
|
||||
.vc_element.element-info_list {
|
||||
padding-top: 20%;
|
||||
float: right;
|
||||
padding-right: 20%;
|
||||
}
|
||||
.vc_element.element-ultimate_icon_list {
|
||||
margin-top: 20%;
|
||||
margin-right: 50%;
|
||||
}
|
||||
.vc_ultimate_icon_list a.vc_control-btn.vc_control-btn-append {
|
||||
margin-right: 85%;
|
||||
}
|
||||
.vc_element.element-icon_timeline {
|
||||
display: block;
|
||||
float: right;
|
||||
padding-right: 50%;
|
||||
}
|
||||
.vc_element.element-ultimate_carousel {
|
||||
padding-top: 20%;
|
||||
}
|
||||
.vc_element.element-ult_ihover {
|
||||
margin-top: 20%;
|
||||
}
|
||||
.vc_element.element-ult_hotspot {
|
||||
margin-top: 20%;
|
||||
}
|
||||
.aio-icon-description p,
|
||||
.aio-icon-description div,
|
||||
.ifb-flip-box-section-content p,
|
||||
.ifb-flip-box-section-content div,
|
||||
.info-circle-text p,
|
||||
.info-circle-text div,
|
||||
.timeline-header>div p,
|
||||
.timeline-header>div div,
|
||||
.uavc-list-desc p,
|
||||
.uavc-list-desc div,
|
||||
.ult-tooltipster-content p,
|
||||
.ult-tooltipster-content div,
|
||||
.ult_price_features p,
|
||||
.ult_price_features div,
|
||||
.uvc-ctaction-data,
|
||||
.uvc-ctaction-data p,
|
||||
.uvc-ctaction-data div,
|
||||
.uvc-sub-heading p,
|
||||
.uvc-sub-heading div,
|
||||
.ultimate-vticker p,
|
||||
.ultimate-vticker div,
|
||||
.ult_modal-body p,
|
||||
.ult_modal-body div {
|
||||
font-family: inherit!important;
|
||||
font-weight: inherit !important;
|
||||
font-size: inherit!important;
|
||||
font-style: inherit !important;
|
||||
color: inherit !important;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
.ultimate-ticker-prefix,
|
||||
.ultimate-ticker-suffix{
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
.ubtn-text,
|
||||
span.middle-text p,
|
||||
span.middle-text div,
|
||||
.strip_main_text p,
|
||||
.strip_main_text div,
|
||||
.strip_highlight_text p,
|
||||
.strip_highlight_text div,
|
||||
.ulsb-strip > h4 p,
|
||||
.ulsb-strip > h4 div {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
/* Creative Link Style-10*/
|
||||
a.ult_colorlink p,
|
||||
a.ult_colorlink div {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
/* Advanced Tab */
|
||||
li.ult_tab_li > a.ult_a span {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/** = Theme Compatibilities
|
||||
*-----------------------------------------------------------*/
|
||||
|
||||
/* Theme - X */
|
||||
[data-x-icon],
|
||||
[class*="x-icon-"] {
|
||||
line-height: inherit;
|
||||
}
|
||||
/* vc 4.9 compatible */
|
||||
.ubtn-img-container,
|
||||
.ubtn-ctn-center,
|
||||
.ubtn-ctn-left,
|
||||
.ubtn-ctn-right,
|
||||
.ult_dual_button.ult-adjust-bottom-margin,
|
||||
html .ult_exp_section_layer.ult-adjust-bottom-margin,
|
||||
.uvc-type-wrap.ult-adjust-bottom-margin,
|
||||
.ultimate-map-wrapper.ult-adjust-bottom-margin,
|
||||
.ultimate-google-trends.ult-adjust-bottom-margin,
|
||||
.ultimate-call-to-action.ult-adjust-bottom-margin,
|
||||
.ultb3-box.ult-adjust-bottom-margin,
|
||||
.info-wrapper.ult-adjust-bottom-margin,
|
||||
.smile_icon_list_wrap.ult-adjust-bottom-margin,
|
||||
.ult-banner-block.ult-adjust-bottom-margin,
|
||||
.uavc-list-icon-wrapper.ult-adjust-bottom-margin,
|
||||
.ult-modal-input-wrapper.ult-adjust-bottom-margin,
|
||||
html .ult-ih-container.ult-adjust-bottom-margin,
|
||||
html .ult_main_cl.ult-adjust-bottom-margin,
|
||||
html .ult_hotspot_container.ult-adjust-bottom-margin {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.ultimate-map-wrapper{
|
||||
-webkit-box-sizing:content-box;
|
||||
-moz-box-sizing:content-box;
|
||||
box-sizing:content-box;
|
||||
}
|
||||
/*html .vc_col-has-fill a.ubtn-link.ult-adjust-bottom-margin {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
*/
|
||||
html .vc_col-has-fill a.ubtn-link.ult-adjust-bottom-margin .ubtn.ult-adjust-bottom-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.smile_icon_list.right > li {
|
||||
text-align: left;
|
||||
text-align: -webkit-left;
|
||||
text-align: -moz-left;
|
||||
}
|
||||
.smile_icon_list.right .icon_list_item {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/*Advanced carousel*/
|
||||
|
||||
.vc_row-no-padding .ult-carousel-wrapper .slick-next {
|
||||
left: 0
|
||||
}
|
||||
|
||||
.vc_row-no-padding .ult-carousel-wrapper .slick-prev {
|
||||
right: 0
|
||||
}
|
||||
@@ -0,0 +1,726 @@
|
||||
/**
|
||||
* Plugin Name: Ultimate Addons for WPBakery Page Builder
|
||||
* Plugin URI: http://codecanyon.net/item/ultimate-addons-for-visual-composer/6892199
|
||||
* Description: All in one plugin for your WPBakery Page Builder needs!
|
||||
* Version: 3.16.6
|
||||
* Author: BrainstormForce
|
||||
* Author URI: http://codecanyon.net/user/BrainstormForce
|
||||
*/
|
||||
|
||||
.aio-icon-component i,
|
||||
.align-icon i,
|
||||
.ult-banner-block i,
|
||||
.flip-box-wrap i,
|
||||
.info-circle-wrapper i,
|
||||
.smile-icon-timeline-wrap i,
|
||||
.smile_icon_list_wrap i,
|
||||
.stats-block i,
|
||||
.uavc-icons i,
|
||||
.uavc-list-icon i,
|
||||
.ubtn i,
|
||||
.ult-animation i,
|
||||
.ult-new-ib i,
|
||||
.ult-overlay i,
|
||||
.ult-vc-seperator i,
|
||||
.ult_countdown i,
|
||||
.ult_pricing_table_wrap i,
|
||||
.ultb3-box i,
|
||||
.ultimate-call-to-action i,
|
||||
.ultimate-google-trends i,
|
||||
.ultimate-map-wrapper i,
|
||||
.uvc-heading i,
|
||||
.uvc-type-wrap i {
|
||||
font-size: inherit;
|
||||
line-height: inherit
|
||||
}
|
||||
.smile_icon_list_wrap,
|
||||
.smile_icon_list_wrap *,
|
||||
.aio-icon-component,
|
||||
.aio-icon-component *,
|
||||
.ult_pricing_table_wrap,
|
||||
.ult_pricing_table_wrap *,
|
||||
.ult-new-ib,
|
||||
.ult-new-ib *,
|
||||
.align-icon,
|
||||
.align-icon *,
|
||||
.flip-box-wrap,
|
||||
.flip-box-wrap *,
|
||||
.ult-banner-block,
|
||||
.ult-banner-block *,
|
||||
.uvc-heading,
|
||||
.uvc-heading *,
|
||||
.ult-animation,
|
||||
.ult-animation *,
|
||||
.ubtn,
|
||||
.ubtn *,
|
||||
.ubtn-link,
|
||||
.ubtn-ctn-center,
|
||||
.stats-block,
|
||||
.stats-block *,
|
||||
.smile-icon-timeline-wrap,
|
||||
.smile-icon-timeline-wrap *,
|
||||
.ult-overlay,
|
||||
.ult-overlay *,
|
||||
.ultimate-map-wrapper,
|
||||
.ultimate-map-wrapper *,
|
||||
.ultimate-google-trends,
|
||||
.ultimate-google-trends *,
|
||||
.ult_countdown,
|
||||
.ult_countdown *,
|
||||
.info-circle-wrapper,
|
||||
.info-circle-wrapper *,
|
||||
.uavc-icons,
|
||||
.uavc-icons *,
|
||||
.uavc-list-icon,
|
||||
.uavc-list-icon * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.upb_video_class,
|
||||
.wpb_column,
|
||||
.wpb_row,
|
||||
.vc_row {
|
||||
position: relative
|
||||
}
|
||||
.aio-icon,
|
||||
.vc_row .aio-icon {
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
text-align: center;
|
||||
line-height: 2em;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important
|
||||
}
|
||||
.aio-icon.none {
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
line-height: 1em
|
||||
}
|
||||
.aio-icon.circle {
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%
|
||||
}
|
||||
.aio-icon.hexagon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
left: 0;
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 1em solid;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
.aio-icon.hexagon {
|
||||
position: relative;
|
||||
width: 3em;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin: 1.2em 0;
|
||||
}
|
||||
.aio-icon.hexagon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1em;
|
||||
left: 0;
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-top: 1em solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
.aio-icon-img.uavc-hexagon img {
|
||||
display: inline-block;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.aio-icon-img.uavc-hexagon {
|
||||
position: relative;
|
||||
width: 3em;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin-top: 1.1em;
|
||||
margin-bottom: 1.1em;
|
||||
}
|
||||
.aio-icon-img.uavc-hexagon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1em;
|
||||
left: 0;
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-top: 1em solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
.aio-icon-img.uavc-hexagon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
left: 0;
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 1em solid;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
.aio-icon-img {
|
||||
display: inline-block;
|
||||
font-size: 48px;
|
||||
width: 1em;
|
||||
max-width: 100%;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important
|
||||
}
|
||||
.aio-icon-img.uavc-circle {
|
||||
width: 1em;
|
||||
min-height: 1em;
|
||||
background: rgba(214, 214, 214, 0.44);
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
padding: .5em
|
||||
}
|
||||
.aio-icon-img.uavc-square {
|
||||
width: 1em;
|
||||
min-height: 1em;
|
||||
background: rgba(214, 214, 214, 0.44);
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
padding: .5em
|
||||
}
|
||||
.aio-icon-img .img-icon {
|
||||
width: 1em;
|
||||
max-width: 100% !important;
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
display: block;
|
||||
font-size: inherit
|
||||
}
|
||||
.aio-tooltip {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
max-width: 100%
|
||||
}
|
||||
.smile_icon_list {
|
||||
list-style: none !important;
|
||||
padding: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.smile_icon_list li.icon_list_item {
|
||||
padding: 0 !important;
|
||||
list-style: none !important;
|
||||
clear: both !important;
|
||||
position: relative !important;
|
||||
min-height: 1em !important;
|
||||
margin: 0 0 30px !important;
|
||||
line-height: 100%;
|
||||
overflow: visible
|
||||
}
|
||||
.smile_icon_list li.icon_list_item:last-child {
|
||||
margin: 0 !important
|
||||
}
|
||||
a.ulimate-info-list-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
z-index: 9;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
.smile_icon_list li .icon_list_icon {
|
||||
font-size: 24px;
|
||||
width: 3em;
|
||||
height: 3em;
|
||||
line-height: 3em;
|
||||
text-align: center;
|
||||
float: left;
|
||||
background: #FFF;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
-moz-box-sizing: content-box !important;
|
||||
-webkit-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important
|
||||
}
|
||||
.smile_icon_list .list-img-icon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-height: 100% !important;
|
||||
max-width: 100% !important;
|
||||
-webkit-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
.smile_icon_list li .icon_description h3 {
|
||||
font-size: 17px;
|
||||
line-height: 1.846153846;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
clear: none !important
|
||||
}
|
||||
.smile_icon_list li .icon_description h3 a {
|
||||
text-decoration: none
|
||||
}
|
||||
.smile_icon_list li .icon_description .info-list-heading {
|
||||
font-size: 17px;
|
||||
line-height: 1.846153846;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
clear: none !important
|
||||
}
|
||||
.smile_icon_list li .icon_description .info-list-heading a {
|
||||
text-decoration: none
|
||||
}
|
||||
.smile_icon_list li .icon_description p {
|
||||
font-size: inherit ;
|
||||
font-weight: inherit;
|
||||
font-style: inherit !important;
|
||||
line-height: inherit ;
|
||||
color: inherit !important
|
||||
}
|
||||
.smile_icon_list li .icon_description p:last-child {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.smile_icon_list li .icon_description div.icon_description_text {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.smile_icon_list li .icon_description span.icon_description_text {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
font-size: 14px;
|
||||
line-height: 1.714285714;
|
||||
display: block
|
||||
}
|
||||
.smile_icon_list li .icon_list_connector {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
z-index: 1
|
||||
}
|
||||
.info-circle-wrapper.info-circle-responsive .smile_icon_list li .icon_list_connector {
|
||||
top:1em;
|
||||
}
|
||||
.smile_icon_list li:last-child .icon_list_connector {
|
||||
display: none
|
||||
}
|
||||
.smile_icon_list.no_bg .icon_list_icon {
|
||||
border: 2px solid #0183cc;
|
||||
color: #0183cc
|
||||
}
|
||||
.smile_icon_list.square .icon_list_icon {
|
||||
border-color: inherit
|
||||
}
|
||||
.smile_icon_list.circle .icon_list_icon {
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
border-color: inherit;
|
||||
overflow: hidden
|
||||
}
|
||||
.smile_icon_list.with_bg .icon_list_icon {
|
||||
background: #0183cc;
|
||||
color: #fff
|
||||
}
|
||||
.smile_icon_list.left li .icon_list_connector {
|
||||
left: .5em;
|
||||
border-right-width: 1px;
|
||||
border-right-style: dashed
|
||||
}
|
||||
.smile_icon_list.left li.ult-info-circle-img .icon_list_connector {
|
||||
left: 0.34em;
|
||||
top: 0.5em;
|
||||
}
|
||||
.smile_icon_list.left li .icon_description {
|
||||
margin-left: 3em;
|
||||
padding-left: 25px;
|
||||
height: 3em;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
}
|
||||
.smile_icon_list.right {
|
||||
text-align: right
|
||||
}
|
||||
.smile_icon_list.right li .icon_list_icon {
|
||||
float: right;
|
||||
position: relative
|
||||
}
|
||||
.smile_icon_list.right li .icon_list_connector {
|
||||
right: .5em;
|
||||
border-left-width: 1px;
|
||||
border-left-style: dashed
|
||||
}
|
||||
.smile_icon_list.right li .icon_description {
|
||||
margin-left: 3em;
|
||||
height: 3em;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
}
|
||||
.smile_icon_list.right li .icon_description {
|
||||
margin-right: 3em;
|
||||
padding-right: 25px
|
||||
}
|
||||
.smile_icon_list.top,
|
||||
.smile_icon_list.top:before,
|
||||
.smile_icon_list.top:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.smile_icon_list.top {
|
||||
display: block
|
||||
}
|
||||
.smile_icon_list.top li {
|
||||
display: table-cell;
|
||||
width: 1%;
|
||||
float: none;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.smile_icon_list.top li .icon_list_icon {
|
||||
margin: 0 auto;
|
||||
float: none
|
||||
}
|
||||
.smile_icon_list.top li .icon_description {
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
padding-bottom: 0
|
||||
}
|
||||
.smile_icon_list.top li .icon_list_connector {
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: dashed;
|
||||
margin-left: 0
|
||||
}
|
||||
.info-wrapper .smile_icon_list li .icon_description .responsive-font-class * {
|
||||
font-size: 13px;
|
||||
line-height: 1.64em;
|
||||
color: inherit;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.smile_icon_list_wrap .smile_icon_list.top {
|
||||
display: inline-block;
|
||||
width: 100%
|
||||
}
|
||||
.smile_icon_list.top li.icon_list_item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
float: left
|
||||
}
|
||||
.smile_icon_list.top li .icon_list_connector {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
.hexagon li .icon_list_icon:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
left: 0;
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 1em solid;
|
||||
border-bottom-color: inherit !important
|
||||
}
|
||||
.hexagon li .icon_list_icon {
|
||||
width: 3em !important;
|
||||
height: 1.5em !important;
|
||||
line-height: 1.5em !important;
|
||||
background: #0183cc;
|
||||
border-color: #0183cc;
|
||||
color: #FFF;
|
||||
position: relative;
|
||||
top: 1em;
|
||||
overflow: inherit
|
||||
}
|
||||
.hexagon li .icon_list_icon:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -1em;
|
||||
left: 0;
|
||||
border-left: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-right: 1.5em solid rgba(0, 0, 0, 0);
|
||||
border-top: 1em solid;
|
||||
border-top-color: inherit !important
|
||||
}
|
||||
.smile_icon_list.top.hexagon .icon_list_icon {
|
||||
position: relative;
|
||||
margin-bottom: 2em
|
||||
}
|
||||
.smile_icon_list.top.hexagon .icon_list_connector {
|
||||
top: .55em
|
||||
}
|
||||
.full-width-content.wpb-js-composer .site-inner {
|
||||
overflow: visible !important
|
||||
}
|
||||
.smile_icon_list.circle {
|
||||
float: none;
|
||||
border: 0;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
cursor: inherit
|
||||
}
|
||||
.ult-animation * {
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.ult-animation.ult-animate-viewport {
|
||||
-webkit-transition: opacity 900ms linear;
|
||||
transition: opacity 900ms linear
|
||||
}
|
||||
.uavc-list-icon ul {
|
||||
list-style: none !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 0 30px !important;
|
||||
position: relative !important
|
||||
}
|
||||
.uavc-list-icon ul:last-child {
|
||||
margin: 0 !important
|
||||
}
|
||||
.uavc-list-icon li {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
list-style: none !important;
|
||||
clear: both !important;
|
||||
line-height: 1.6em;
|
||||
overflow: visible
|
||||
}
|
||||
.uavc-list-content {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-bottom: 7px
|
||||
}
|
||||
.uavc-list-content .aio-icon {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.uavc-list-content span.uavc-list-desc {
|
||||
display: table-cell;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
}
|
||||
.uavc-icons,
|
||||
.wpb_column .wpb_wrapper .uavc-icons {
|
||||
display: block;
|
||||
margin-bottom: 35px;
|
||||
line-height: 1
|
||||
}
|
||||
.uavc-icons-left.uavc-icons {
|
||||
text-align: left
|
||||
}
|
||||
.uavc-icons-center.uavc-icons {
|
||||
text-align: center
|
||||
}
|
||||
.uavc-icons-right.uavc-icons {
|
||||
text-align: right
|
||||
}
|
||||
.aio-icon i {
|
||||
line-height: inherit
|
||||
}
|
||||
.ultimate_google_map img {
|
||||
max-width: initial !important
|
||||
}
|
||||
/*---front end----*/
|
||||
|
||||
.vc_element.element-ultimate_icons {
|
||||
float: left;
|
||||
padding-left: 75%;
|
||||
}
|
||||
.vc_ultimate_icons a.vc_control-btn.vc_control-btn-append {
|
||||
/*margin-bottom: 10px;*/
|
||||
|
||||
margin-top: 20px;
|
||||
margin-left: 50%;
|
||||
z-index: 33000000;
|
||||
}
|
||||
.smile_icon_list.left li .icon_description {
|
||||
line-height: 1em;
|
||||
}
|
||||
.vc_element.element-info_list {
|
||||
padding-top: 20%;
|
||||
float: left;
|
||||
padding-left: 20%;
|
||||
}
|
||||
.vc_element.element-ultimate_icon_list {
|
||||
margin-top: 20%;
|
||||
margin-left: 50%;
|
||||
}
|
||||
.vc_ultimate_icon_list a.vc_control-btn.vc_control-btn-append {
|
||||
margin-left: 85%;
|
||||
}
|
||||
.vc_element.element-icon_timeline {
|
||||
display: block;
|
||||
float: left;
|
||||
padding-left: 50%;
|
||||
}
|
||||
.vc_element.element-ultimate_carousel {
|
||||
padding-top: 20%;
|
||||
}
|
||||
.vc_element.element-ult_ihover {
|
||||
margin-top: 20%;
|
||||
}
|
||||
.vc_element.element-ult_hotspot {
|
||||
margin-top: 20%;
|
||||
}
|
||||
.aio-icon-description p,
|
||||
.aio-icon-description div,
|
||||
.ifb-flip-box-section-content p,
|
||||
.ifb-flip-box-section-content div,
|
||||
.info-circle-text p,
|
||||
.info-circle-text div,
|
||||
.timeline-header>div p,
|
||||
.timeline-header>div div,
|
||||
.uavc-list-desc p,
|
||||
.uavc-list-desc div,
|
||||
.ult-tooltipster-content p,
|
||||
.ult-tooltipster-content div,
|
||||
.ult_price_features p,
|
||||
.ult_price_features div,
|
||||
.uvc-ctaction-data,
|
||||
.uvc-ctaction-data p,
|
||||
.uvc-ctaction-data div,
|
||||
.uvc-sub-heading p,
|
||||
.uvc-sub-heading div,
|
||||
.ultimate-vticker p,
|
||||
.ultimate-vticker div,
|
||||
.ult_modal-body p,
|
||||
.ult_modal-body div {
|
||||
font-family: inherit!important;
|
||||
font-weight: inherit !important;
|
||||
font-size: inherit!important;
|
||||
font-style: inherit !important;
|
||||
color: inherit !important;
|
||||
line-height: inherit !important;
|
||||
}
|
||||
.ultimate-ticker-prefix,
|
||||
.ultimate-ticker-suffix{
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
.ubtn-text,
|
||||
span.middle-text p,
|
||||
span.middle-text div,
|
||||
.strip_main_text p,
|
||||
.strip_main_text div,
|
||||
.strip_highlight_text p,
|
||||
.strip_highlight_text div,
|
||||
.ulsb-strip > h4 p,
|
||||
.ulsb-strip > h4 div {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
/* Creative Link Style-10*/
|
||||
a.ult_colorlink p,
|
||||
a.ult_colorlink div {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
/* Advanced Tab */
|
||||
li.ult_tab_li > a.ult_a span {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/** = Theme Compatibilities
|
||||
*-----------------------------------------------------------*/
|
||||
|
||||
/* Theme - X */
|
||||
[data-x-icon],
|
||||
[class*="x-icon-"] {
|
||||
line-height: inherit;
|
||||
}
|
||||
/* vc 4.9 compatible */
|
||||
.ubtn-img-container,
|
||||
.ubtn-ctn-center,
|
||||
.ubtn-ctn-left,
|
||||
.ubtn-ctn-right,
|
||||
.ult_dual_button.ult-adjust-bottom-margin,
|
||||
html .ult_exp_section_layer.ult-adjust-bottom-margin,
|
||||
.uvc-type-wrap.ult-adjust-bottom-margin,
|
||||
.ultimate-map-wrapper.ult-adjust-bottom-margin,
|
||||
.ultimate-google-trends.ult-adjust-bottom-margin,
|
||||
.ultimate-call-to-action.ult-adjust-bottom-margin,
|
||||
.ultb3-box.ult-adjust-bottom-margin,
|
||||
.info-wrapper.ult-adjust-bottom-margin,
|
||||
.smile_icon_list_wrap.ult-adjust-bottom-margin,
|
||||
.ult-banner-block.ult-adjust-bottom-margin,
|
||||
.uavc-list-icon-wrapper.ult-adjust-bottom-margin,
|
||||
.ult-modal-input-wrapper.ult-adjust-bottom-margin,
|
||||
html .ult-ih-container.ult-adjust-bottom-margin,
|
||||
html .ult_main_cl.ult-adjust-bottom-margin,
|
||||
html .ult_hotspot_container.ult-adjust-bottom-margin {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.ultimate-map-wrapper{
|
||||
-webkit-box-sizing:content-box;
|
||||
-moz-box-sizing:content-box;
|
||||
box-sizing:content-box;
|
||||
}
|
||||
/*html .vc_col-has-fill a.ubtn-link.ult-adjust-bottom-margin {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
*/
|
||||
html .vc_col-has-fill a.ubtn-link.ult-adjust-bottom-margin .ubtn.ult-adjust-bottom-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.smile_icon_list.right > li {
|
||||
text-align: right;
|
||||
text-align: -webkit-right;
|
||||
text-align: -moz-right;
|
||||
}
|
||||
.smile_icon_list.right .icon_list_item {
|
||||
display:block;
|
||||
}
|
||||
|
||||
/*Advanced carousel*/
|
||||
|
||||
.vc_row-no-padding .ult-carousel-wrapper .slick-next {
|
||||
right: 0
|
||||
}
|
||||
|
||||
.vc_row-no-padding .ult-carousel-wrapper .slick-prev {
|
||||
left: 0
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
/*css for backend Tab Structure */
|
||||
/* to visible tab control Edit btn*/
|
||||
.wpb_single_tab > .vc_controls {visibility: visible !important; opacity: 1;}
|
||||
.wpb_ult_tab_element>.vc_controls {visibility: visible !important; opacity: 1;}
|
||||
|
||||
.wpb_single_tab >.vc_controls > .vc_controls-tc {
|
||||
top: 45px!important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.wpb_ult_tab_element >.vc_controls > .vc_controls-out-tc {
|
||||
top: 0px!important;
|
||||
|
||||
}
|
||||
/*ui tabs nav.*/
|
||||
.wpb_content_element .ui-tabs .ui-tabs-nav li{
|
||||
background: none repeat scroll 100% 0% #E6E6E6;
|
||||
border: 1px solid transparent;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
margin-left: 3px;
|
||||
padding: 0px;
|
||||
}
|
||||
/*ui active tabs nav.*/
|
||||
.wpb_content_element .ui-tabs .ui-tabs-nav li.ui-tabs-active{
|
||||
|
||||
background: none repeat scroll 100% 0% #ffffff;
|
||||
color:red!important;
|
||||
}
|
||||
.wpb_content_element .ui-tabs .ui-tabs-nav li a {
|
||||
padding: 10px 16px;
|
||||
color: #848C91;
|
||||
}
|
||||
.wpb_ult_tab_element.wpb_content_element > .wpb_element_wrapper {
|
||||
padding-top: 30px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.wpb_single_tab {
|
||||
background-color: #FFF!important;
|
||||
}
|
||||
.wpb_single_tab>.wpb_element_wrapper {
|
||||
height: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.wpb_ult_tab_element li.add_tab_block{
|
||||
padding: 10px!important;
|
||||
}
|
||||
|
||||
/*image for add btn*/
|
||||
.wpb_ult_tab_element a.add_tab {
|
||||
padding: 9px!important;
|
||||
display: inline-block;
|
||||
background: url('../assets/img/add.png') no-repeat scroll -16px -16px transparent;
|
||||
}
|
||||
.wpb_ult_tab_element ul.tabs_controls.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.ui-sortable {
|
||||
padding: 0px!important;
|
||||
}
|
||||
.ult_noac{
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,61 @@
|
||||
/*css for backend Tab Structure */
|
||||
/* to visible tab control Edit btn*/
|
||||
.wpb_single_tab > .vc_controls {visibility: visible !important; opacity: 1;}
|
||||
.wpb_ult_tab_element>.vc_controls {visibility: visible !important; opacity: 1;}
|
||||
|
||||
.wpb_single_tab >.vc_controls > .vc_controls-tc {
|
||||
top: 45px!important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.wpb_ult_tab_element >.vc_controls > .vc_controls-out-tc {
|
||||
top: 0px!important;
|
||||
|
||||
}
|
||||
/*ui tabs nav.*/
|
||||
.wpb_content_element .ui-tabs .ui-tabs-nav li{
|
||||
background: none repeat scroll 0% 0% #E6E6E6;
|
||||
border: 1px solid transparent;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
margin-right: 3px;
|
||||
padding: 0px;
|
||||
}
|
||||
/*ui active tabs nav.*/
|
||||
.wpb_content_element .ui-tabs .ui-tabs-nav li.ui-tabs-active{
|
||||
|
||||
background: none repeat scroll 0% 0% #ffffff;
|
||||
color:red!important;
|
||||
}
|
||||
.wpb_content_element .ui-tabs .ui-tabs-nav li a {
|
||||
padding: 10px 16px;
|
||||
color: #848C91;
|
||||
}
|
||||
.wpb_ult_tab_element.wpb_content_element > .wpb_element_wrapper {
|
||||
padding-top: 30px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.wpb_single_tab {
|
||||
background-color: #FFF!important;
|
||||
}
|
||||
.wpb_single_tab>.wpb_element_wrapper {
|
||||
height: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.wpb_ult_tab_element li.add_tab_block{
|
||||
padding: 10px!important;
|
||||
}
|
||||
|
||||
/*image for add btn*/
|
||||
.wpb_ult_tab_element a.add_tab {
|
||||
padding: 9px!important;
|
||||
display: inline-block;
|
||||
background: url('../assets/img/add.png') no-repeat scroll -16px -16px transparent;
|
||||
}
|
||||
.wpb_ult_tab_element ul.tabs_controls.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.ui-sortable {
|
||||
padding: 0px!important;
|
||||
}
|
||||
.ult_noac{
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,186 @@
|
||||
.ulsb-container {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 400px;
|
||||
margin: 30px auto 0 auto
|
||||
}
|
||||
.ulsb-container .ulsb-strip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 130px;
|
||||
background: #fff;
|
||||
height: 400px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
background-image: url('../images/fabric.png');
|
||||
-webkit-transform-origin: 75% 90%;
|
||||
-ms-transform-origin: 75% 90%;
|
||||
transform-origin: 75% 90%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -11px 11px 18px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -11px 11px 18px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(1) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(2) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -2px 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -2px 2px 1px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(3) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -3px 3px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -3px 3px 2px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(4) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -4px 4px 4px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -4px 4px 4px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(5) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -5px 5px 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -5px 5px 6px rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(6) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -6px 6px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -6px 6px 8px rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(7) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -7px 7px 10px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -7px 7px 10px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(8) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -8px 8px 12px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -8px 8px 12px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(9) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -9px 9px 14px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -9px 9px 14px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(10) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -10px 10px 16px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -10px 10px 16px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(11) {
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -11px 11px 18px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -11px 11px 18px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child {
|
||||
background: #645b5c url('../images/cover.jpg') repeat center center;
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.2), -12px 12px 20px rgba(0, 0, 0, 0.6), inset -2px 2px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.2), -12px 12px 20px rgba(0, 0, 0, 0.6), inset -2px 2px 0 rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background: #ddd;
|
||||
background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #ddd), color-stop(48%, #58535e), color-stop(100%, #889396));
|
||||
background: -webkit-linear-gradient(45deg, #ddd 0, #58535e 48%, #889396 100%);
|
||||
background: -webkit-linear-gradient(-315deg, #ddd 0, #58535e 48%, #889396 100%);
|
||||
background: linear-gradient(-135deg, #ddd 0, #58535e 48%, #889396 100%);
|
||||
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#889396', GradientType=1);
|
||||
-webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.5), -1px 1px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.5), -1px 1px 1px rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip h4 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1.3em;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.1);
|
||||
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child h4 {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child h5 {
|
||||
font-size: 35px;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
line-height: 1.3em;
|
||||
width: 100%;
|
||||
height: -webkit-calc(100% - 75px);
|
||||
height: calc(100% - 75px);
|
||||
color: #111;
|
||||
text-shadow: 1px -1px 1px rgba(255, 255, 255, 0.1);
|
||||
text-transform: uppercase
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child h5 span {
|
||||
-webkit-transform: rotate(90deg) translateX(0) translateY(-50%);
|
||||
-ms-transform: rotate(90deg) translateX(0) translateY(-50%);
|
||||
transform: rotate(90deg) translateX(0) translateY(-50%);
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
right: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
display: block
|
||||
}
|
||||
.ulsb-container.ulsb-style-2 .ulsb-strip:last-child h5 {
|
||||
-webkit-transform: rotateZ(-90deg) translateX(-58%) translateY(-105%);
|
||||
-ms-transform: rotateZ(-90deg) translateX(-58%) translateY(-105%);
|
||||
transform: rotateZ(-90deg) translateX(-58%) translateY(-105%)
|
||||
}
|
||||
.ulsb-container .ulsb-icon {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
margin: 20px auto;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
.ulsb-container.ulsb-responsive {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 10px 0 30px;
|
||||
padding: 0
|
||||
}
|
||||
.ulsb-container.ulsb-responsive .ulsb-strip {
|
||||
position: relative;
|
||||
width: 130px;
|
||||
height: 400px;
|
||||
float: right;
|
||||
margin: 0 0 15px 15px;
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0;
|
||||
-webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container.ulsb-responsive .ulsb-strip:last-child:after {
|
||||
content: none
|
||||
}
|
||||
@@ -0,0 +1,186 @@
|
||||
.ulsb-container {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 400px;
|
||||
margin: 30px auto 0 auto
|
||||
}
|
||||
.ulsb-container .ulsb-strip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 130px;
|
||||
background: #fff;
|
||||
height: 400px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
background-image: url('../images/fabric.png');
|
||||
-webkit-transform-origin: 25% 90%;
|
||||
-ms-transform-origin: 25% 90%;
|
||||
transform-origin: 25% 90%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 11px 11px 18px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 11px 11px 18px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(1) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(2) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 2px 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 2px 2px 1px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(3) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 3px 3px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 3px 3px 2px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(4) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(5) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 5px 5px 6px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 5px 5px 6px rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(6) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 6px 6px 8px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 6px 6px 8px rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(7) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 7px 7px 10px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 7px 7px 10px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(8) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 8px 8px 12px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 8px 8px 12px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(9) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 9px 9px 14px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 9px 9px 14px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(10) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 10px 10px 16px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 10px 10px 16px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:nth-child(11) {
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 11px 11px 18px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 11px 11px 18px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child {
|
||||
background: #645b5c url('../images/cover.jpg') repeat center center;
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2), 12px 12px 20px rgba(0, 0, 0, 0.6), inset 2px 2px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2), 12px 12px 20px rgba(0, 0, 0, 0.6), inset 2px 2px 0 rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background: #ddd;
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ddd), color-stop(48%, #58535e), color-stop(100%, #889396));
|
||||
background: -webkit-linear-gradient(-45deg, #ddd 0, #58535e 48%, #889396 100%);
|
||||
background: -webkit-linear-gradient(315deg, #ddd 0, #58535e 48%, #889396 100%);
|
||||
background: linear-gradient(135deg, #ddd 0, #58535e 48%, #889396 100%);
|
||||
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#889396', GradientType=1);
|
||||
-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip h4 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1.3em;
|
||||
border-top: 1px dashed rgba(0, 0, 0, 0.1);
|
||||
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child h4 {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1)
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child h5 {
|
||||
font-size: 35px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
line-height: 1.3em;
|
||||
width: 100%;
|
||||
height: -webkit-calc(100% - 75px);
|
||||
height: calc(100% - 75px);
|
||||
color: #111;
|
||||
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1);
|
||||
text-transform: uppercase
|
||||
}
|
||||
.ulsb-container .ulsb-strip:last-child h5 span {
|
||||
-webkit-transform: rotate(-90deg) translateX(0) translateY(-50%);
|
||||
-ms-transform: rotate(-90deg) translateX(0) translateY(-50%);
|
||||
transform: rotate(-90deg) translateX(0) translateY(-50%);
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: right;
|
||||
display: block
|
||||
}
|
||||
.ulsb-container.ulsb-style-2 .ulsb-strip:last-child h5 {
|
||||
-webkit-transform: rotateZ(90deg) translateX(58%) translateY(-105%);
|
||||
-ms-transform: rotateZ(90deg) translateX(58%) translateY(-105%);
|
||||
transform: rotateZ(90deg) translateX(58%) translateY(-105%)
|
||||
}
|
||||
.ulsb-container .ulsb-icon {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
margin: 20px auto;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
.ulsb-container.ulsb-responsive {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 10px 0 30px;
|
||||
padding: 0
|
||||
}
|
||||
.ulsb-container.ulsb-responsive .ulsb-strip {
|
||||
position: relative;
|
||||
width: 130px;
|
||||
height: 400px;
|
||||
float: left;
|
||||
margin: 0 15px 15px 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 2px 2px 5px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.1), 2px 2px 5px rgba(0, 0, 0, 0.4)
|
||||
}
|
||||
.ulsb-container.ulsb-responsive .ulsb-strip:last-child:after {
|
||||
content: none
|
||||
}
|
||||
@@ -0,0 +1,218 @@
|
||||
.ult-tabto-accordion {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
position: relative
|
||||
}
|
||||
.ult-tabto-accordion dd,
|
||||
.ult-tabto-accordion dl {
|
||||
margin: 0!important;
|
||||
padding: 0
|
||||
}
|
||||
.ult-tabto-accordion .extraborder {
|
||||
display: block;
|
||||
height: 1em;
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
background-color: #CCC
|
||||
}
|
||||
.ult-tabto-accordion dt>a {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
-webkit-transition: background-color .5s ease-in-out;
|
||||
transition: background-color .5s ease-in-out
|
||||
}
|
||||
.ult-tabto-accordion dt>a:visited {
|
||||
color: #fff
|
||||
}
|
||||
.ult-tabto-accordion dt>a:focus {
|
||||
outline: 0
|
||||
}
|
||||
.ult-tabto-accordion dd {
|
||||
background-color: none;
|
||||
height: auto;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult-tabto-accordion dd>.ult-tabto-acontent {
|
||||
font-size: 1em;
|
||||
padding: 1em 2em
|
||||
}
|
||||
.ult-tabto-accordion dd p {
|
||||
padding: 0;
|
||||
margin: 8px 0
|
||||
}
|
||||
.ult-tabto-actitle {
|
||||
background-color: #EFEFEF;
|
||||
background-repeat: repeat
|
||||
}
|
||||
.ult-tabto-actitle.withBorder {
|
||||
border-bottom: inherit
|
||||
}
|
||||
.ult-tabto-actitle:hover {
|
||||
color: #fff;
|
||||
background-color: #999
|
||||
}
|
||||
i.accordion-icon {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
height: 1.5em;
|
||||
display: inline-block;
|
||||
margin-top: -4px;
|
||||
float: right;
|
||||
-webkit-transition: -webkit-transform .75s ease-in-out;
|
||||
transition: -webkit-transform .75s ease-in-out;
|
||||
transition: transform .75s ease-in-out;
|
||||
transition: transform .75s ease-in-out, -webkit-transform .75s ease-in-out
|
||||
}
|
||||
.ult-tabto-actitle.ult-tabto-actitleActive i.accordion-icon:before {
|
||||
content: '-';
|
||||
padding-right: 0.20em;
|
||||
padding-left: 0.10em;
|
||||
}
|
||||
.ult-tabto-actitle i.accordion-icon:before {
|
||||
content: '+';
|
||||
}
|
||||
.ult-tabto-actitleActive {
|
||||
color: #fff;
|
||||
background-color: #999
|
||||
}
|
||||
.ult-tabto-accordion .ult-tabto-accordionItem {
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
.ult_acordian-text {
|
||||
line-height: 1em!important;
|
||||
font-size: 15px;
|
||||
margin: 10px;
|
||||
}
|
||||
span.ult_tab_main.ult_ac_mainIcon {
|
||||
display: inline-table
|
||||
}
|
||||
span.ult_tab_main.ult_ac_main.ult_top.Icon {
|
||||
display: inline-block
|
||||
}
|
||||
span.ult_tab_main.ult_ac_main.ult_noacordicnIcon {
|
||||
display: inline-table
|
||||
}
|
||||
.ult-tabto-accordion .ult-tabto-accordionItem {
|
||||
max-height: 80em;
|
||||
-webkit-transition: max-height .5s;
|
||||
transition: max-height .5s
|
||||
}
|
||||
.ult-tabto-accordion .ult-tabto-accolapsed {
|
||||
max-height: 0
|
||||
}
|
||||
.cq-animateIn {
|
||||
-webkit-animation-name: accordionIn;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
-webkit-animation-direction: normal;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-webkit-animation-delay: 0s;
|
||||
-moz-animation-name: normal;
|
||||
-moz-animation-duration: 1s;
|
||||
-moz-animation-iteration-count: 1;
|
||||
-moz-animation-direction: alternate;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-moz-animation-fill-mode: both;
|
||||
-moz-animation-delay: 0s;
|
||||
animation-name: accordionIn;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
animation-direction: normal;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: 0s
|
||||
}
|
||||
.cq-animateOut {
|
||||
-webkit-animation-name: accordionOut;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
-webkit-animation-direction: alternate;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-webkit-animation-delay: 0s;
|
||||
-moz-animation-name: accordionOut;
|
||||
-moz-animation-duration: 1s;
|
||||
-moz-animation-iteration-count: 1;
|
||||
-moz-animation-direction: alternate;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-moz-animation-fill-mode: both;
|
||||
-moz-animation-delay: 0s;
|
||||
animation-name: accordionOut;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
animation-direction: alternate;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: 0s
|
||||
}
|
||||
@-webkit-keyframes accordionIn {
|
||||
0% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes accordionIn {
|
||||
0% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes accordionOut {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
@keyframes accordionOut {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
.ult-ac-slideup {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: max-height 1s;
|
||||
transition: max-height 1s;
|
||||
}
|
||||
.ult-ac-slidedown {
|
||||
-webkit-transition: max-height 1s;
|
||||
transition: max-height 1s;
|
||||
max-height: 100%
|
||||
}
|
||||
.fadeout {
|
||||
-webkit-transition: opacity 1s ease-in-out;
|
||||
transition: opacity 1s ease-in-out;
|
||||
opacity: 0
|
||||
}
|
||||
.fadein {
|
||||
opacity: 1
|
||||
}
|
||||
a.ult-tabto-actitle.withBorder.ult_a span.ult_tab_main {
|
||||
display: inline-table
|
||||
}
|
||||
a.ult-tabto-actitle.withBorder.ult_a .ult_tab_icon,
|
||||
a.ult-tabto-actitle.withBorder.ult_a span.ult_tab_main .ult_tab_icon {
|
||||
vertical-align: middle;
|
||||
font-size: 20px;
|
||||
}
|
||||
a.ult-tabto-actitle.withBorder.ult_a .aio-icon.none.icon-top {
|
||||
display: table-row
|
||||
}
|
||||
@@ -0,0 +1,218 @@
|
||||
.ult-tabto-accordion {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
position: relative
|
||||
}
|
||||
.ult-tabto-accordion dd,
|
||||
.ult-tabto-accordion dl {
|
||||
margin: 0!important;
|
||||
padding: 0
|
||||
}
|
||||
.ult-tabto-accordion .extraborder {
|
||||
display: block;
|
||||
height: 1em;
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
background-color: #CCC
|
||||
}
|
||||
.ult-tabto-accordion dt>a {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
-webkit-transition: background-color .5s ease-in-out;
|
||||
transition: background-color .5s ease-in-out
|
||||
}
|
||||
.ult-tabto-accordion dt>a:visited {
|
||||
color: #fff
|
||||
}
|
||||
.ult-tabto-accordion dt>a:focus {
|
||||
outline: 0
|
||||
}
|
||||
.ult-tabto-accordion dd {
|
||||
background-color: none;
|
||||
height: auto;
|
||||
line-height: 1.5em
|
||||
}
|
||||
.ult-tabto-accordion dd>.ult-tabto-acontent {
|
||||
font-size: 1em;
|
||||
padding: 1em 2em
|
||||
}
|
||||
.ult-tabto-accordion dd p {
|
||||
padding: 0;
|
||||
margin: 8px 0
|
||||
}
|
||||
.ult-tabto-actitle {
|
||||
background-color: #EFEFEF;
|
||||
background-repeat: repeat
|
||||
}
|
||||
.ult-tabto-actitle.withBorder {
|
||||
border-bottom: inherit
|
||||
}
|
||||
.ult-tabto-actitle:hover {
|
||||
color: #fff;
|
||||
background-color: #999
|
||||
}
|
||||
i.accordion-icon {
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
height: 1.5em;
|
||||
display: inline-block;
|
||||
margin-top: -4px;
|
||||
float: left;
|
||||
-webkit-transition: -webkit-transform .75s ease-in-out;
|
||||
transition: -webkit-transform .75s ease-in-out;
|
||||
transition: transform .75s ease-in-out;
|
||||
transition: transform .75s ease-in-out, -webkit-transform .75s ease-in-out
|
||||
}
|
||||
.ult-tabto-actitle.ult-tabto-actitleActive i.accordion-icon:before {
|
||||
content: '-';
|
||||
padding-left: 0.20em;
|
||||
padding-right: 0.10em;
|
||||
}
|
||||
.ult-tabto-actitle i.accordion-icon:before {
|
||||
content: '+';
|
||||
}
|
||||
.ult-tabto-actitleActive {
|
||||
color: #fff;
|
||||
background-color: #999
|
||||
}
|
||||
.ult-tabto-accordion .ult-tabto-accordionItem {
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
.ult_acordian-text {
|
||||
line-height: 1em!important;
|
||||
font-size: 15px;
|
||||
margin: 10px;
|
||||
}
|
||||
span.ult_tab_main.ult_ac_mainIcon {
|
||||
display: inline-table
|
||||
}
|
||||
span.ult_tab_main.ult_ac_main.ult_top.Icon {
|
||||
display: inline-block
|
||||
}
|
||||
span.ult_tab_main.ult_ac_main.ult_noacordicnIcon {
|
||||
display: inline-table
|
||||
}
|
||||
.ult-tabto-accordion .ult-tabto-accordionItem {
|
||||
max-height: 80em;
|
||||
-webkit-transition: max-height .5s;
|
||||
transition: max-height .5s
|
||||
}
|
||||
.ult-tabto-accordion .ult-tabto-accolapsed {
|
||||
max-height: 0
|
||||
}
|
||||
.cq-animateIn {
|
||||
-webkit-animation-name: accordionIn;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
-webkit-animation-direction: normal;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-webkit-animation-delay: 0s;
|
||||
-moz-animation-name: normal;
|
||||
-moz-animation-duration: 1s;
|
||||
-moz-animation-iteration-count: 1;
|
||||
-moz-animation-direction: alternate;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-moz-animation-fill-mode: both;
|
||||
-moz-animation-delay: 0s;
|
||||
animation-name: accordionIn;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
animation-direction: normal;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: 0s
|
||||
}
|
||||
.cq-animateOut {
|
||||
-webkit-animation-name: accordionOut;
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
-webkit-animation-direction: alternate;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-webkit-animation-delay: 0s;
|
||||
-moz-animation-name: accordionOut;
|
||||
-moz-animation-duration: 1s;
|
||||
-moz-animation-iteration-count: 1;
|
||||
-moz-animation-direction: alternate;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-moz-animation-fill-mode: both;
|
||||
-moz-animation-delay: 0s;
|
||||
animation-name: accordionOut;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
animation-direction: alternate;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-fill-mode: both;
|
||||
animation-delay: 0s
|
||||
}
|
||||
@-webkit-keyframes accordionIn {
|
||||
0% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes accordionIn {
|
||||
0% {
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes accordionOut {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
@keyframes accordionOut {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
.ult-ac-slideup {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: max-height 1s;
|
||||
transition: max-height 1s;
|
||||
}
|
||||
.ult-ac-slidedown {
|
||||
-webkit-transition: max-height 1s;
|
||||
transition: max-height 1s;
|
||||
max-height: 100%
|
||||
}
|
||||
.fadeout {
|
||||
-webkit-transition: opacity 1s ease-in-out;
|
||||
transition: opacity 1s ease-in-out;
|
||||
opacity: 0
|
||||
}
|
||||
.fadein {
|
||||
opacity: 1
|
||||
}
|
||||
a.ult-tabto-actitle.withBorder.ult_a span.ult_tab_main {
|
||||
display: inline-table
|
||||
}
|
||||
a.ult-tabto-actitle.withBorder.ult_a .ult_tab_icon,
|
||||
a.ult-tabto-actitle.withBorder.ult_a span.ult_tab_main .ult_tab_icon {
|
||||
vertical-align: middle;
|
||||
font-size: 20px;
|
||||
}
|
||||
a.ult-tabto-actitle.withBorder.ult_a .aio-icon.none.icon-top {
|
||||
display: table-row
|
||||
}
|
||||
@@ -0,0 +1,883 @@
|
||||
.ult_tabs,
|
||||
.ult_tabs *,
|
||||
.ult_tabs .aio-icon {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult_tabs {
|
||||
clear: both;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: auto auto 35px auto
|
||||
}
|
||||
a.ult_a {
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
outline: 0
|
||||
}
|
||||
.ult_tabitemname {
|
||||
position: relative;
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 12px 15px;
|
||||
color: inherit;
|
||||
overflow: hidden
|
||||
}
|
||||
/*.ult_tabitemname:first-child {
|
||||
display: block
|
||||
}*/
|
||||
.ult_tabmenu.style1,
|
||||
.ult_tabmenu.style2 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: left;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: left;
|
||||
-moz-box-pack: left;
|
||||
-ms-flex-pack: left;
|
||||
justify-content: left
|
||||
}
|
||||
span.ult_tab_section {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_tabmenu.style1 li.ult_tab_li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
float: right;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style1 li.ult_tab_li:not(:first-child) {
|
||||
border-right: none!important
|
||||
}
|
||||
.ult_tabmenu.style1 a.ult_a {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
font-weight: inherit;
|
||||
float: right;
|
||||
display: block;
|
||||
outline: 0;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
/*---------------style 2---------------*/
|
||||
|
||||
.ult_tabmenu.style2 li.ult_tab_li {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 40px;
|
||||
padding: 8px 20px 6px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
-webkit-box-shadow: -4px 8px 16px 2px rgba(0, 0, 0, .2);
|
||||
box-shadow: -4px 8px 16px 2px rgba(0, 0, 0, .2);
|
||||
border: 0 solid #000;
|
||||
-webkit-transition: padding .3s ease, margin .3s ease, background-color .3s, box-shadow 3s;
|
||||
-webkit-transition: padding .3s ease, margin .3s ease, background-color .3s, -webkit-box-shadow 3s;
|
||||
transition: padding .3s ease, margin .3s ease, background-color .3s, -webkit-box-shadow 3s;
|
||||
transition: padding .3s ease, margin .3s ease, background-color .3s, box-shadow 3s;
|
||||
transition: padding .3s ease, margin .3s ease, background-color .3s, box-shadow 3s, -webkit-box-shadow 3s;
|
||||
-webkit-box-sizing: content-box!important;
|
||||
-moz-box-sizing: content-box!important;
|
||||
box-sizing: content-box!important
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li:first-child a {
|
||||
z-index: 3;
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li:nth-child(2) a {
|
||||
z-index: 2
|
||||
}
|
||||
ul.ult_tabmenu.style2 span.ult-span-text {
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu.style2 liult_tab_li:last-child a {
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: -2px 8px 16px -2px rgba(0, 0, 0, .2);
|
||||
box-shadow: -2px 8px 16px -2px rgba(0, 0, 0, .2);
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a:hover {
|
||||
margin-top: 32px;
|
||||
padding: 12px 20px 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.current a {
|
||||
margin-top: 32px;
|
||||
padding: 12px 20px 10px;
|
||||
background: #545f60;
|
||||
z-index: 4;
|
||||
outline: 0
|
||||
}
|
||||
.ult_tabcontent.style2 {
|
||||
margin: 0;
|
||||
padding: 10px 8px
|
||||
}
|
||||
/*---------------style 3---------------*/
|
||||
|
||||
.ult_tabmenu.style3 {
|
||||
text-align: center;
|
||||
font-weight: inherit;
|
||||
line-height: 100%;
|
||||
position: relative;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
||||
z-index: 1;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li {
|
||||
display: inline-block;
|
||||
background: inherit;
|
||||
position: relative;
|
||||
line-height: inherit;
|
||||
margin: 0
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a {
|
||||
display: inline-block;
|
||||
background: 100% 0;
|
||||
color: #fff;
|
||||
font-size: inherit;
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
.ult_tabmenu.style3>li.current {
|
||||
background: #4FC1E9
|
||||
}
|
||||
.ult_tabmenu.style3 li.ult_tab_li:first-child {
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style3 li.ult_tab_li:last-child {
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style3>li.current:after,
|
||||
.ult_tabmenu.style3>li.current:before {
|
||||
opacity: 1
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
|
||||
top: 50%;
|
||||
bottom: 0;
|
||||
right: 5px;
|
||||
left: 5px;
|
||||
-webkit-border-radius: 100px/10px;
|
||||
border-radius: 100px/10px
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a:focus,
|
||||
.ult_tabmenu.style3>li.ult_tab_li:focus {
|
||||
outline: 0
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a span {
|
||||
position: relative
|
||||
}
|
||||
.ult_tab_main {
|
||||
display: table
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
vertical-align: middle;
|
||||
margin: 10px
|
||||
}
|
||||
span.ult-span-text {
|
||||
vertical-align: middle;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu .icon-top {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
.ult_tabmenu>li.ult_tab_li .ult_tab_icon,
|
||||
.ult_tabmenu>li.ult_tab_li span.ult-span-text {
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
.ult_tabmenu.style3 li.ult_tab_li:not(:first-child) {
|
||||
border-right: none!important
|
||||
}
|
||||
/*---------------style 4---------------*/
|
||||
|
||||
ul.ult_tabmenu.style1.Style_4 {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_4 a.ult_a {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_4 {
|
||||
display: block;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: auto;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto
|
||||
}
|
||||
li.ult_tab_style_4 {
|
||||
border: inherit
|
||||
}
|
||||
.ult_tabmenu .style_4_top {
|
||||
padding-bottom: 10px
|
||||
}
|
||||
li.ult_tab_style_4:not(:first-child) {
|
||||
border-right: none!important
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_4 span.ult_tab_main {
|
||||
right: 50%;
|
||||
position: relative;
|
||||
transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
-webkit-transform: translateX(50%);
|
||||
}
|
||||
/*---------------style 5---------------*/
|
||||
|
||||
ul.ult_tabmenu.style1.Style_5 {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_5 a.ult_a {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-right: 1px solid rgba(188, 188, 188, .33)!important;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_5 .ult-span-text,
|
||||
ul.ult_tabmenu.style1.Style_5 .ult_tab_icon {
|
||||
-webkit-transition: -webkit-transform .3s, all .3s ease-in-out;
|
||||
-webkit-transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: transform .3s, all .3s ease-in-out;
|
||||
transition: transform .3s, all .3s ease-in-out, -webkit-transform .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_5:last-child {
|
||||
border-left: 1px solid rgba(188, 188, 188, .33)
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_5 {
|
||||
display: block;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: auto;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_5 span.ult_tab_main {
|
||||
right: 50%;
|
||||
position: relative;
|
||||
transform: translateX(50%);
|
||||
-ms-transform:translateX(50%);
|
||||
-webkit-transform:translateX(50%);
|
||||
height: 100%
|
||||
}
|
||||
.ult_tab_style_5 .ult_top span.ult-span-text {
|
||||
padding-bottom: 15px
|
||||
}
|
||||
li.ult_tab_style_5 a.ult_a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: -5px;
|
||||
width: 115%;
|
||||
border-color: inherit;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
-webkit-transition: -webkit-transform .5s;
|
||||
transition: -webkit-transform .5s;
|
||||
transition: transform .5s;
|
||||
transition: transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translate3d(0, 150%, 0);
|
||||
transform: translate3d(0, 150%, 0)
|
||||
}
|
||||
li.ult_tab_style_5.current a.ult_a:after {
|
||||
display: block;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
/*---------------style 6---------------*/
|
||||
|
||||
ul.ult_tabmenu.style1.Style_6 {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_6 a.ult_a {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-right: 1px solid rgba(188, 188, 188, .33)!important;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_6 .ult-span-text,
|
||||
ul.ult_tabmenu.style1.Style_6 .ult_tab_icon {
|
||||
-webkit-transition: -webkit-transform .3s, all .3s ease-in-out;
|
||||
-webkit-transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: transform .3s, all .3s ease-in-out;
|
||||
transition: transform .3s, all .3s ease-in-out, -webkit-transform .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_6:last-child {
|
||||
border-left: 1px solid rgba(188, 188, 188, .33)
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_6 {
|
||||
display: block;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: auto;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_6 span.ult_tab_main {
|
||||
right: 50%;
|
||||
position: relative;
|
||||
transform: translateX(50%);
|
||||
-ms-transform:translateX(50%);
|
||||
-webkit-transform:translateX(50%);
|
||||
height: 100%
|
||||
}
|
||||
.ult_tab_style_6 .ult_top span.ult-span-text {
|
||||
padding-bottom: 15px
|
||||
}
|
||||
li.ult_tab_style_6 a.ult_a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -5px;
|
||||
width: 115%;
|
||||
border-color: inherit;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
-webkit-transition: -webkit-transform .5s;
|
||||
transition: -webkit-transform .5s;
|
||||
transition: transform .5s;
|
||||
transition: transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translate3d(0, 150%, 0);
|
||||
transform: translate3d(0, 150%, 0);
|
||||
display: none;
|
||||
}
|
||||
li.ult_tab_style_6.current a.ult_a:after {
|
||||
display: block;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult_acord {
|
||||
display: none
|
||||
}
|
||||
span.aio-icon.none.icon-top.ult_tab_iconTop {
|
||||
margin-top: 0
|
||||
}
|
||||
@media screen and (min-width: 300px) and (max-width: 450px) {
|
||||
span.ult-span-text {
|
||||
line-height: 2.5em;
|
||||
font-size: 1em!important;
|
||||
margin: 5px
|
||||
}
|
||||
.ult_tabs .ult_tabcontent {
|
||||
font-size: .85em
|
||||
}
|
||||
.ult_resptop_icon {
|
||||
top: 50%!important
|
||||
}
|
||||
span.ult_tab_main.Icon .icon-top {
|
||||
display: table-cell!important
|
||||
}
|
||||
span.ult_tab_main.Icon .ult-span-text {
|
||||
display: none
|
||||
}
|
||||
span.ult_tab_main.Title .aio-icon {
|
||||
display: none!important
|
||||
}
|
||||
.ult_tabmenu.style3 {
|
||||
text-align: right
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li {
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style1 a.ult_a {
|
||||
padding: 5px
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a {
|
||||
padding: 5px;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu .icon_top_link {
|
||||
padding: 5px!important
|
||||
}
|
||||
span.ult_tab_main.ult_top {
|
||||
position: relative!important
|
||||
}
|
||||
span.ult-span-text.no_icon.ult_tab_display_text {
|
||||
display: inline-block
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_4 .aio-icon.none {
|
||||
padding-right: 0
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_5 a.ult_a {
|
||||
padding: 5px 0
|
||||
}
|
||||
span.ult_tab_main.Both .aio-icon.none {
|
||||
margin: 5px
|
||||
}
|
||||
span.ult_tab_main.Both span.ult-span-text {
|
||||
margin-left: 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a {
|
||||
padding: 6px 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.current a {
|
||||
padding: 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a:hover {
|
||||
margin-top: 32px;
|
||||
padding: 10px
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
font-size: 15px!important
|
||||
}
|
||||
.ult_tab_resp_ult_top span.ult-span-text {
|
||||
font-size: 12px!important
|
||||
}
|
||||
.Icon .aio-icon.none.ult_tab_iconleft,
|
||||
.Icon .aio-icon.none.ult_tab_iconright {
|
||||
margin: 10px
|
||||
}
|
||||
span.aio-icon.none.icon-top.ult_tab_iconTop {
|
||||
margin: 10px auto 0
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 450px) and (max-width: 650px) {
|
||||
span.ult-span-text {
|
||||
line-height: 2.5em;
|
||||
font-size: 1em ;
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
padding-right: 5px;
|
||||
padding-left: 5px
|
||||
}
|
||||
.ult_tabs .ult_tabcontent {
|
||||
font-size: .85em
|
||||
}
|
||||
.ult_resptop_icon {
|
||||
top: 50%!important
|
||||
}
|
||||
span.ult_tab_main.Icon .icon-top {
|
||||
display: table-cell!important
|
||||
}
|
||||
span.ult_tab_main.Icon .ult-span-text {
|
||||
display: none
|
||||
}
|
||||
span.ult_tab_main.Title .aio-icon {
|
||||
display: none!important
|
||||
}
|
||||
.ult_tabmenu.style3 {
|
||||
text-align: right
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li {
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style1 a.ult_a {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.ult_tabmenu.style2 a.ult_a {
|
||||
padding: 8px 5px 0
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a {
|
||||
padding: 8px;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu .icon_top_link {
|
||||
padding: 5px!important
|
||||
}
|
||||
span.ult_tab_main.ult_top {
|
||||
top: 0!important;
|
||||
position: relative!important
|
||||
}
|
||||
span.ult-span-text.no_icon.ult_tab_display_text {
|
||||
display: inline-block
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_4 .aio-icon.none {
|
||||
padding-right: 0
|
||||
}
|
||||
span.ult_tab_main.Both .aio-icon.none {
|
||||
margin: 5px
|
||||
}
|
||||
span.ult_tab_main.Both span.ult-span-text {
|
||||
margin-left: 10px
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
font-size: 15px!important
|
||||
}
|
||||
.ult_tab_resp_ult_top span.ult-span-text {
|
||||
font-size: 12px!important
|
||||
}
|
||||
.Icon .aio-icon.none.ult_tab_iconleft,
|
||||
.Icon .aio-icon.none.ult_tab_iconright {
|
||||
margin: 10px
|
||||
}
|
||||
span.aio-icon.none.icon-top.ult_tab_iconTop {
|
||||
margin: 10px auto 0
|
||||
}
|
||||
}
|
||||
span.ult_tab_main.ult_top span.ult-span-text {
|
||||
display: table-row
|
||||
}
|
||||
ul.ult_tabmenu.style2 .ult_top span.ult-span-text {
|
||||
line-height: 1.85em
|
||||
}
|
||||
.aio-icon.none.ult_tab_iconright {
|
||||
margin: 0 10px 0 0
|
||||
}
|
||||
.aio-icon.none.ult_tab_iconleft {
|
||||
margin: 0 0 0 10px
|
||||
}
|
||||
.ult_tabmenu .icon_bottom_link {
|
||||
padding: 10px 25px 3px!important
|
||||
}
|
||||
a.ult_a:focus {
|
||||
outline: none;
|
||||
}
|
||||
/*---------for scale effect-----------*/
|
||||
/*.ult_tabitemname.scaleTabname {
|
||||
|
||||
-webkit-transition: all 1000ms linear;
|
||||
-moz-transition: all 1000ms linear;
|
||||
-ms-transition: all 1000ms linear;
|
||||
-o-transition: all 1000ms linear;
|
||||
transition: all 1000ms linear;
|
||||
}*/
|
||||
|
||||
.scaleTabname {
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
-moz-opacity: 0;
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.05);
|
||||
-ms-transform: scale(0.05);
|
||||
transform: scale(0.05);
|
||||
}
|
||||
.scaleTabname2 {
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
-moz-opacity: 1;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1.00);
|
||||
-ms-transform: scale(1.00);
|
||||
transform: scale(1.00);
|
||||
}
|
||||
.ult_owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult_tabs .ult_tab_min_contain.tabanimate {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
right: 0;
|
||||
display: block;
|
||||
transition: all 0ms ease;
|
||||
-webkit-transition: all 0ms ease;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transform-origin: 590px 50% 0;
|
||||
-webkit-perspective-origin: 590px 50%;
|
||||
perspective-origin: 590px 50%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult_owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x: 50%;
|
||||
-webkit-perspective-origin-y: 50%;
|
||||
-moz-perspective: 1200px;
|
||||
-moz-perspective-origin-x: 50%;
|
||||
-moz-perspective-origin-y: 50%;
|
||||
perspective: 1200px
|
||||
}
|
||||
.ult_owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease
|
||||
}
|
||||
.ult_owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease
|
||||
}
|
||||
.ult_owl-backSlideright-out {
|
||||
-webkit-animation: backSlideOutRight 1s both ease;
|
||||
animation: backSlideOutRight 1s both ease
|
||||
}
|
||||
.ult_owl-backSlideright-in {
|
||||
-webkit-animation: backSlideInRight 1s both ease;
|
||||
animation: backSlideInRight 1s both ease
|
||||
}
|
||||
@-webkit-keyframes empty {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%);
|
||||
transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%);
|
||||
transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0);
|
||||
transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideOutRight {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideOutRight {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%);
|
||||
transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideInRight {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideInRight {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%);
|
||||
transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0);
|
||||
transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,883 @@
|
||||
.ult_tabs,
|
||||
.ult_tabs *,
|
||||
.ult_tabs .aio-icon {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult_tabs {
|
||||
clear: both;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: auto auto 35px auto
|
||||
}
|
||||
a.ult_a {
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
outline: 0
|
||||
}
|
||||
.ult_tabitemname {
|
||||
position: relative;
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 12px 15px;
|
||||
color: inherit;
|
||||
overflow: hidden
|
||||
}
|
||||
/*.ult_tabitemname:first-child {
|
||||
display: block
|
||||
}*/
|
||||
.ult_tabmenu.style1,
|
||||
.ult_tabmenu.style2 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: left;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: left;
|
||||
-moz-box-pack: left;
|
||||
-ms-flex-pack: left;
|
||||
justify-content: left
|
||||
}
|
||||
span.ult_tab_section {
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.ult_tabmenu.style1 li.ult_tab_li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
float: left;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style1 li.ult_tab_li:not(:first-child) {
|
||||
border-left: none!important
|
||||
}
|
||||
.ult_tabmenu.style1 a.ult_a {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
font-weight: inherit;
|
||||
float: left;
|
||||
display: block;
|
||||
outline: 0;
|
||||
padding: 10px;
|
||||
text-decoration: none;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
/*---------------style 2---------------*/
|
||||
|
||||
.ult_tabmenu.style2 li.ult_tab_li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 40px;
|
||||
padding: 8px 20px 6px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
background: inherit;
|
||||
-webkit-box-shadow: 4px 8px 16px 2px rgba(0, 0, 0, .2);
|
||||
box-shadow: 4px 8px 16px 2px rgba(0, 0, 0, .2);
|
||||
border: 0 solid #000;
|
||||
-webkit-transition: padding .3s ease, margin .3s ease, background-color .3s, box-shadow 3s;
|
||||
-webkit-transition: padding .3s ease, margin .3s ease, background-color .3s, -webkit-box-shadow 3s;
|
||||
transition: padding .3s ease, margin .3s ease, background-color .3s, -webkit-box-shadow 3s;
|
||||
transition: padding .3s ease, margin .3s ease, background-color .3s, box-shadow 3s;
|
||||
transition: padding .3s ease, margin .3s ease, background-color .3s, box-shadow 3s, -webkit-box-shadow 3s;
|
||||
-webkit-box-sizing: content-box!important;
|
||||
-moz-box-sizing: content-box!important;
|
||||
box-sizing: content-box!important
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li:first-child a {
|
||||
z-index: 3;
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li:nth-child(2) a {
|
||||
z-index: 2
|
||||
}
|
||||
ul.ult_tabmenu.style2 span.ult-span-text {
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu.style2 liult_tab_li:last-child a {
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 2px 8px 16px -2px rgba(0, 0, 0, .2);
|
||||
box-shadow: 2px 8px 16px -2px rgba(0, 0, 0, .2);
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a:hover {
|
||||
margin-top: 32px;
|
||||
padding: 12px 20px 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.current a {
|
||||
margin-top: 32px;
|
||||
padding: 12px 20px 10px;
|
||||
background: #545f60;
|
||||
z-index: 4;
|
||||
outline: 0
|
||||
}
|
||||
.ult_tabcontent.style2 {
|
||||
margin: 0;
|
||||
padding: 10px 8px
|
||||
}
|
||||
/*---------------style 3---------------*/
|
||||
|
||||
.ult_tabmenu.style3 {
|
||||
text-align: center;
|
||||
font-weight: inherit;
|
||||
line-height: 100%;
|
||||
position: relative;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .2);
|
||||
z-index: 1;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li {
|
||||
display: inline-block;
|
||||
background: inherit;
|
||||
position: relative;
|
||||
line-height: inherit;
|
||||
margin: 0
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a {
|
||||
display: inline-block;
|
||||
background: 0 0;
|
||||
color: #fff;
|
||||
font-size: inherit;
|
||||
text-decoration: none;
|
||||
padding: 10px;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
.ult_tabmenu.style3>li.current {
|
||||
background: #4FC1E9
|
||||
}
|
||||
.ult_tabmenu.style3 li.ult_tab_li:first-child {
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style3 li.ult_tab_li:last-child {
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit
|
||||
}
|
||||
.ult_tabmenu.style3>li.current:after,
|
||||
.ult_tabmenu.style3>li.current:before {
|
||||
opacity: 1
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
|
||||
top: 50%;
|
||||
bottom: 0;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
-webkit-border-radius: 100px/10px;
|
||||
border-radius: 100px/10px
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a:focus,
|
||||
.ult_tabmenu.style3>li.ult_tab_li:focus {
|
||||
outline: 0
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a span {
|
||||
position: relative
|
||||
}
|
||||
.ult_tab_main {
|
||||
display: table
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
vertical-align: middle;
|
||||
margin: 10px
|
||||
}
|
||||
span.ult-span-text {
|
||||
vertical-align: middle;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu .icon-top {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto
|
||||
}
|
||||
.ult_tabmenu>li.ult_tab_li .ult_tab_icon,
|
||||
.ult_tabmenu>li.ult_tab_li span.ult-span-text {
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
.ult_tabmenu.style3 li.ult_tab_li:not(:first-child) {
|
||||
border-left: none!important
|
||||
}
|
||||
/*---------------style 4---------------*/
|
||||
|
||||
ul.ult_tabmenu.style1.Style_4 {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_4 a.ult_a {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_4 {
|
||||
display: block;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: auto;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto
|
||||
}
|
||||
li.ult_tab_style_4 {
|
||||
border: inherit
|
||||
}
|
||||
.ult_tabmenu .style_4_top {
|
||||
padding-bottom: 10px
|
||||
}
|
||||
li.ult_tab_style_4:not(:first-child) {
|
||||
border-left: none!important
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_4 span.ult_tab_main {
|
||||
left: 50%;
|
||||
position: relative;
|
||||
transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
/*---------------style 5---------------*/
|
||||
|
||||
ul.ult_tabmenu.style1.Style_5 {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_5 a.ult_a {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-left: 1px solid rgba(188, 188, 188, .33)!important;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_5 .ult-span-text,
|
||||
ul.ult_tabmenu.style1.Style_5 .ult_tab_icon {
|
||||
-webkit-transition: -webkit-transform .3s, all .3s ease-in-out;
|
||||
-webkit-transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: transform .3s, all .3s ease-in-out;
|
||||
transition: transform .3s, all .3s ease-in-out, -webkit-transform .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_5:last-child {
|
||||
border-right: 1px solid rgba(188, 188, 188, .33)
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_5 {
|
||||
display: block;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: auto;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_5 span.ult_tab_main {
|
||||
left: 50%;
|
||||
position: relative;
|
||||
transform: translateX(-50%);
|
||||
-ms-transform:translateX(-50%);
|
||||
-webkit-transform:translateX(-50%);
|
||||
height: 100%
|
||||
}
|
||||
.ult_tab_style_5 .ult_top span.ult-span-text {
|
||||
padding-bottom: 15px
|
||||
}
|
||||
li.ult_tab_style_5 a.ult_a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: -5px;
|
||||
width: 115%;
|
||||
border-color: inherit;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
-webkit-transition: -webkit-transform .5s;
|
||||
transition: -webkit-transform .5s;
|
||||
transition: transform .5s;
|
||||
transition: transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translate3d(0, 150%, 0);
|
||||
transform: translate3d(0, 150%, 0)
|
||||
}
|
||||
li.ult_tab_style_5.current a.ult_a:after {
|
||||
display: block;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
/*---------------style 6---------------*/
|
||||
|
||||
ul.ult_tabmenu.style1.Style_6 {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flex;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
max-width: 1200px;
|
||||
list-style: none;
|
||||
-ms-box-orient: horizontal;
|
||||
-ms-box-pack: center;
|
||||
-webkit-flex-flow: wrap;
|
||||
-moz-flex-flow: wrap;
|
||||
-ms-flex-flow: wrap;
|
||||
flex-flow: wrap;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
-ms-justify-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_6 a.ult_a {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-left: 1px solid rgba(188, 188, 188, .33)!important;
|
||||
-webkit-transition: background-color .3s;
|
||||
transition: background-color .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_6 .ult-span-text,
|
||||
ul.ult_tabmenu.style1.Style_6 .ult_tab_icon {
|
||||
-webkit-transition: -webkit-transform .3s, all .3s ease-in-out;
|
||||
-webkit-transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: all .3s ease-in-out, -webkit-transform .3s;
|
||||
transition: transform .3s, all .3s ease-in-out;
|
||||
transition: transform .3s, all .3s ease-in-out, -webkit-transform .3s
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_6:last-child {
|
||||
border-right: 1px solid rgba(188, 188, 188, .33)
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_6 {
|
||||
display: block;
|
||||
-webkit-flex: 1;
|
||||
-moz-flex: 1;
|
||||
-ms-flex: 1;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: auto;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_6 span.ult_tab_main {
|
||||
left: 50%;
|
||||
position: relative;
|
||||
transform: translateX(-50%);
|
||||
-ms-transform:translateX(-50%);
|
||||
-webkit-transform:translateX(-50%);
|
||||
height: 100%
|
||||
}
|
||||
.ult_tab_style_6 .ult_top span.ult-span-text {
|
||||
padding-bottom: 15px
|
||||
}
|
||||
li.ult_tab_style_6 a.ult_a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -5px;
|
||||
width: 115%;
|
||||
border-color: inherit;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
-webkit-transition: -webkit-transform .5s;
|
||||
transition: -webkit-transform .5s;
|
||||
transition: transform .5s;
|
||||
transition: transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translate3d(0, 150%, 0);
|
||||
transform: translate3d(0, 150%, 0);
|
||||
display: none;
|
||||
}
|
||||
li.ult_tab_style_6.current a.ult_a:after {
|
||||
display: block;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult_acord {
|
||||
display: none
|
||||
}
|
||||
span.aio-icon.none.icon-top.ult_tab_iconTop {
|
||||
margin-top: 0
|
||||
}
|
||||
@media screen and (min-width: 300px) and (max-width: 450px) {
|
||||
span.ult-span-text {
|
||||
line-height: 2.5em;
|
||||
font-size: 1em!important;
|
||||
margin: 5px
|
||||
}
|
||||
.ult_tabs .ult_tabcontent {
|
||||
font-size: .85em
|
||||
}
|
||||
.ult_resptop_icon {
|
||||
top: 50%!important
|
||||
}
|
||||
span.ult_tab_main.Icon .icon-top {
|
||||
display: table-cell!important
|
||||
}
|
||||
span.ult_tab_main.Icon .ult-span-text {
|
||||
display: none
|
||||
}
|
||||
span.ult_tab_main.Title .aio-icon {
|
||||
display: none!important
|
||||
}
|
||||
.ult_tabmenu.style3 {
|
||||
text-align: left
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li {
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style1 a.ult_a {
|
||||
padding: 5px
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a {
|
||||
padding: 5px;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu .icon_top_link {
|
||||
padding: 5px!important
|
||||
}
|
||||
span.ult_tab_main.ult_top {
|
||||
position: relative!important
|
||||
}
|
||||
span.ult-span-text.no_icon.ult_tab_display_text {
|
||||
display: inline-block
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_4 .aio-icon.none {
|
||||
padding-left: 0
|
||||
}
|
||||
ul.ult_tabmenu.style1.Style_5 a.ult_a {
|
||||
padding: 5px 0
|
||||
}
|
||||
span.ult_tab_main.Both .aio-icon.none {
|
||||
margin: 5px
|
||||
}
|
||||
span.ult_tab_main.Both span.ult-span-text {
|
||||
margin-right: 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a {
|
||||
padding: 6px 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.current a {
|
||||
padding: 10px
|
||||
}
|
||||
.ult_tabmenu.style2 li.ult_tab_li a:hover {
|
||||
margin-top: 32px;
|
||||
padding: 10px
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
font-size: 15px!important
|
||||
}
|
||||
.ult_tab_resp_ult_top span.ult-span-text {
|
||||
font-size: 12px!important
|
||||
}
|
||||
.Icon .aio-icon.none.ult_tab_iconleft,
|
||||
.Icon .aio-icon.none.ult_tab_iconright {
|
||||
margin: 10px
|
||||
}
|
||||
span.aio-icon.none.icon-top.ult_tab_iconTop {
|
||||
margin: 10px auto 0
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 450px) and (max-width: 650px) {
|
||||
span.ult-span-text {
|
||||
line-height: 2.5em;
|
||||
font-size: 1em ;
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px
|
||||
}
|
||||
.ult_tabs .ult_tabcontent {
|
||||
font-size: .85em
|
||||
}
|
||||
.ult_resptop_icon {
|
||||
top: 50%!important
|
||||
}
|
||||
span.ult_tab_main.Icon .icon-top {
|
||||
display: table-cell!important
|
||||
}
|
||||
span.ult_tab_main.Icon .ult-span-text {
|
||||
display: none
|
||||
}
|
||||
span.ult_tab_main.Title .aio-icon {
|
||||
display: none!important
|
||||
}
|
||||
.ult_tabmenu.style3 {
|
||||
text-align: left
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li {
|
||||
padding: 0
|
||||
}
|
||||
.ult_tabmenu.style1 a.ult_a {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.ult_tabmenu.style2 a.ult_a {
|
||||
padding: 8px 5px 0
|
||||
}
|
||||
.ult_tabmenu.style3>li.ult_tab_li a {
|
||||
padding: 8px;
|
||||
line-height: 1em
|
||||
}
|
||||
.ult_tabmenu .icon_top_link {
|
||||
padding: 5px!important
|
||||
}
|
||||
span.ult_tab_main.ult_top {
|
||||
top: 0!important;
|
||||
position: relative!important
|
||||
}
|
||||
span.ult-span-text.no_icon.ult_tab_display_text {
|
||||
display: inline-block
|
||||
}
|
||||
li.ult_tab_li.ult_tab_style_4 .aio-icon.none {
|
||||
padding-left: 0
|
||||
}
|
||||
span.ult_tab_main.Both .aio-icon.none {
|
||||
margin: 5px
|
||||
}
|
||||
span.ult_tab_main.Both span.ult-span-text {
|
||||
margin-right: 10px
|
||||
}
|
||||
.ult_tabmenu .aio-icon {
|
||||
font-size: 15px!important
|
||||
}
|
||||
.ult_tab_resp_ult_top span.ult-span-text {
|
||||
font-size: 12px!important
|
||||
}
|
||||
.Icon .aio-icon.none.ult_tab_iconleft,
|
||||
.Icon .aio-icon.none.ult_tab_iconright {
|
||||
margin: 10px
|
||||
}
|
||||
span.aio-icon.none.icon-top.ult_tab_iconTop {
|
||||
margin: 10px auto 0
|
||||
}
|
||||
}
|
||||
span.ult_tab_main.ult_top span.ult-span-text {
|
||||
display: table-row
|
||||
}
|
||||
ul.ult_tabmenu.style2 .ult_top span.ult-span-text {
|
||||
line-height: 1.85em
|
||||
}
|
||||
.aio-icon.none.ult_tab_iconright {
|
||||
margin: 0 0 0 10px
|
||||
}
|
||||
.aio-icon.none.ult_tab_iconleft {
|
||||
margin: 0 10px 0 0
|
||||
}
|
||||
.ult_tabmenu .icon_bottom_link {
|
||||
padding: 10px 25px 3px!important
|
||||
}
|
||||
a.ult_a:focus {
|
||||
outline: none;
|
||||
}
|
||||
/*---------for scale effect-----------*/
|
||||
/*.ult_tabitemname.scaleTabname {
|
||||
|
||||
-webkit-transition: all 1000ms linear;
|
||||
-moz-transition: all 1000ms linear;
|
||||
-ms-transition: all 1000ms linear;
|
||||
-o-transition: all 1000ms linear;
|
||||
transition: all 1000ms linear;
|
||||
}*/
|
||||
|
||||
.scaleTabname {
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
-moz-opacity: 0;
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.05);
|
||||
-ms-transform: scale(0.05);
|
||||
transform: scale(0.05);
|
||||
}
|
||||
.scaleTabname2 {
|
||||
-webkit-transition: all 300ms linear;
|
||||
transition: all 300ms linear;
|
||||
-moz-opacity: 1;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1.00);
|
||||
-ms-transform: scale(1.00);
|
||||
transform: scale(1.00);
|
||||
}
|
||||
.ult_owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult_tabs .ult_tab_min_contain.tabanimate {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
display: block;
|
||||
transition: all 0ms ease;
|
||||
-webkit-transition: all 0ms ease;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transform-origin: 590px 50% 0;
|
||||
-webkit-perspective-origin: 590px 50%;
|
||||
perspective-origin: 590px 50%;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult_owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x: 50%;
|
||||
-webkit-perspective-origin-y: 50%;
|
||||
-moz-perspective: 1200px;
|
||||
-moz-perspective-origin-x: 50%;
|
||||
-moz-perspective-origin-y: 50%;
|
||||
perspective: 1200px
|
||||
}
|
||||
.ult_owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease
|
||||
}
|
||||
.ult_owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease
|
||||
}
|
||||
.ult_owl-backSlideright-out {
|
||||
-webkit-animation: backSlideOutRight 1s both ease;
|
||||
animation: backSlideOutRight 1s both ease
|
||||
}
|
||||
.ult_owl-backSlideright-in {
|
||||
-webkit-animation: backSlideInRight 1s both ease;
|
||||
animation: backSlideInRight 1s both ease
|
||||
}
|
||||
@-webkit-keyframes empty {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%);
|
||||
transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%);
|
||||
transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0);
|
||||
transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideOutRight {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideOutRight {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100%,
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%);
|
||||
transform: translateZ(-500px) translateX(200%)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes backSlideInRight {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@keyframes backSlideInRight {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%);
|
||||
transform: translateZ(-500px) translateX(-200%)
|
||||
}
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
transform: translateZ(-500px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0);
|
||||
transform: translateZ(0) translateX(0)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,382 @@
|
||||
/*iMedica Team Members*/
|
||||
|
||||
.ult-team-member-image {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit;
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-team-member-image img {
|
||||
width: 100%;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
vertical-align: middle;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.ult-team-member-bio-wrap {
|
||||
text-align: center;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-team-member-image-overlay.ult-team_img_hover {
|
||||
position: absolute;
|
||||
background-image: url("../img/ov-plus.png");
|
||||
width: 83px;
|
||||
height: 83px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-color: rgba(100,100,100,0.6); /* should be theme color*/
|
||||
font-family: fontAwesome;
|
||||
font-size: 60px;
|
||||
color: #373737;
|
||||
font-weight: 300;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
z-index: 9999;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
.ult-team-member-wrap:hover .ult-team-member-image .ult-team-member-image-overlay.ult-team_img_hover{
|
||||
width: 101%;
|
||||
height: 101%;
|
||||
z-index: 9;
|
||||
-webkit-box-shadow: inset -10px 10px 160px 20px inherit;
|
||||
box-shadow: inset -10px 10px 160px 20px inherit;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.ult-team-member-image.ult-team_img_hover:before {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
content: "";
|
||||
z-index: 999;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-box-shadow: inset -10px 10px 160px 20px inherit;
|
||||
box-shadow: inset -10px 10px 160px 20px inherit;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-team-member-wrap:hover > .ult-team-member-image.ult-team_img_hover:before {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.ult-team-member-wrap:hover > .ult-team-member-image.ult-team_img_hover:after {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.ult-social-icon {
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/* iMedica Team Members style-1 */
|
||||
.ult-style-1.ult-team-member-bio-wrap,
|
||||
.ult-style-2.ult-team-member-bio-wrap,
|
||||
.ult-style-3.ult-team-member-bio-wrap {
|
||||
padding: 25px 10px;
|
||||
margin: 0px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-name-wrap,
|
||||
.ult-style-2 .ult-team-member-name-wrap,
|
||||
.ult-style-3 .ult-team-member-name-wrap {
|
||||
width:100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-name-wrap .ult-team-member-name,
|
||||
.ult-style-2 .ult-team-member-name-wrap .ult-team-member-name,
|
||||
.ult-style-3 .ult-team-member-name-wrap .ult-team-member-name {
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
margin: 25px 0 5px 0;
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-position,
|
||||
.ult-style-2 .ult-team-member-position,
|
||||
.ult-style-3 .ult-team-member-position {
|
||||
padding-bottom: 0px;
|
||||
font-size: 12px;
|
||||
color: #777777;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 hr,
|
||||
.ult-style-2 hr,
|
||||
.ult-style-3 hr {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-divider,
|
||||
.ult-style-2 .ult-team-divider,
|
||||
.ult-style-3 .ult-team-divider {
|
||||
padding-top: 2px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-description,
|
||||
.ult-style-2 .ult-team-member-description {
|
||||
margin: 20px 0 10px 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-description p,
|
||||
.ult-style-2 .ult-team-member-description p,
|
||||
.ult-style-3 .ult-team-member-description p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-description p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ult-style-3 .ult-team-member-description {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
margin: 20px 0 10px 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #303030;
|
||||
width: 100%;
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
.ult-style-3:hover .ult-team-member-description {
|
||||
opacity: 1;
|
||||
}
|
||||
.ult-style-3 .ult-team-member-image img {
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-style-3:hover .ult-team-member-image img {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-social-buttons a.ult-team.ult-social-icon,
|
||||
.ult-style-2 .ult-social-buttons a.ult-team.ult-social-icon,
|
||||
.ult-style-3 .ult-social-buttons a.ult-team.ult-social-icon {
|
||||
margin-left: .5em;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ult-team-member-wrap .ult-social-buttons a.ult-team{
|
||||
color: #aaaaaa;
|
||||
}
|
||||
.ult-team-member-wrap .ult-social-buttons a.ult-team:hover{
|
||||
color: #797979;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-social-buttons a.ult-team.ult-social-icon:first-child,
|
||||
.ult-style-2 .ult-social-buttons a.ult-team.ult-social-icon:first-child,
|
||||
.ult-style-3 .ult-social-buttons a.ult-team.ult-social-icon:first-child {
|
||||
margin-right:0px !important;
|
||||
}
|
||||
.ult-style-1 .ult-social-buttons a.ult-team.ult-social-icon:last-child,
|
||||
.ult-style-2 .ult-social-buttons a.ult-team.ult-social-icon:last-child,
|
||||
.ult-style-3 .ult-social-buttons a.ult-team.ult-social-icon:last-child {
|
||||
margin-left:0px !important;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-image img.ult-team-grayscale,
|
||||
.ult-style-3 .ult-team-member-image img.ult-team-grayscale {
|
||||
-moz-filter: grayscale(100%);
|
||||
-ms-filter: grayscale(100%);
|
||||
-o-filter: grayscale(100%);
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray;
|
||||
-webkit-filter: grayscale(1);
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
ms-backface-visibility: hidden;
|
||||
}
|
||||
.ult-style-3 .ult-team-member-image {
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ult-style-1:hover .ult-team-member-image img.ult-team-grayscale,
|
||||
.ult-style-3:hover .ult-team-member-image img.ult-team-grayscale {
|
||||
-moz-filter: grayscale(0);
|
||||
-ms-filter: grayscale(0);
|
||||
-o-filter: grayscale(0);
|
||||
-webkit-filter: normal;
|
||||
filter: normal;
|
||||
filter: grayscale(0);
|
||||
-webkit-filter: grayscale(0);
|
||||
}
|
||||
/* iMedica Team Members style-1 Closed*/
|
||||
|
||||
.ult-style-2 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-image {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-image img{
|
||||
opacity: 0.65;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.ult-style-2:hover .ult-team-member-image img{
|
||||
opacity: 1;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-bio-wrap {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-bio-wrap .ult-team-member-name-wrap{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
text-align: center;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-style-2 .ult-team-member-bio-wrap .ult-team_description_slide {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
top: 100%;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-2:hover .ult-team-member-bio-wrap .ult-team-member-name-wrap{
|
||||
top: -100%;
|
||||
}
|
||||
.ult-style-2:hover .ult-team-member-bio-wrap .ult-team_description_slide{
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.ult-style-2:hover .ult-team-member-bio-wrap .ult-team_description_slide.ult-desc-set-top{
|
||||
top: 0px;
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
}
|
||||
|
||||
.ult-style-3:hover .ult-team-member-image .ult-team-member-description{
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.ult-style-3:hover .ult-team-member-image .ult-team-member-description.ult-desc-set-top{
|
||||
top: 0px;
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
}
|
||||
|
||||
.ult-team-member-wrap,
|
||||
.wpb_column>.wpb_wrapper .ult-team-member-wrap {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.ult-team-member-wrap .ult-team-member-image a,
|
||||
.ult-team-member-wrap a {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-style-2 .ult-team-member-description {
|
||||
margin: 10px 0 10px;
|
||||
}
|
||||
@@ -0,0 +1,382 @@
|
||||
/*iMedica Team Members*/
|
||||
|
||||
.ult-team-member-image {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-border-top-left-radius: inherit;
|
||||
border-top-left-radius: inherit;
|
||||
-webkit-border-top-right-radius: inherit;
|
||||
border-top-right-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-team-member-image img {
|
||||
width: 100%;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
vertical-align: middle;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.ult-team-member-bio-wrap {
|
||||
text-align: center;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-team-member-image-overlay.ult-team_img_hover {
|
||||
position: absolute;
|
||||
background-image: url("../img/ov-plus.png");
|
||||
width: 83px;
|
||||
height: 83px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-color: rgba(100,100,100,0.6); /* should be theme color*/
|
||||
font-family: fontAwesome;
|
||||
font-size: 60px;
|
||||
color: #373737;
|
||||
font-weight: 300;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
z-index: 9999;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
.ult-team-member-wrap:hover .ult-team-member-image .ult-team-member-image-overlay.ult-team_img_hover{
|
||||
width: 101%;
|
||||
height: 101%;
|
||||
z-index: 9;
|
||||
-webkit-box-shadow: inset 10px 10px 160px 20px inherit;
|
||||
box-shadow: inset 10px 10px 160px 20px inherit;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.ult-team-member-image.ult-team_img_hover:before {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
content: "";
|
||||
z-index: 999;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-box-shadow: inset 10px 10px 160px 20px inherit;
|
||||
box-shadow: inset 10px 10px 160px 20px inherit;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-team-member-wrap:hover > .ult-team-member-image.ult-team_img_hover:before {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.ult-team-member-wrap:hover > .ult-team-member-image.ult-team_img_hover:after {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.ult-social-icon {
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/* iMedica Team Members style-1 */
|
||||
.ult-style-1.ult-team-member-bio-wrap,
|
||||
.ult-style-2.ult-team-member-bio-wrap,
|
||||
.ult-style-3.ult-team-member-bio-wrap {
|
||||
padding: 25px 10px;
|
||||
margin: 0px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-name-wrap,
|
||||
.ult-style-2 .ult-team-member-name-wrap,
|
||||
.ult-style-3 .ult-team-member-name-wrap {
|
||||
width:100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-name-wrap .ult-team-member-name,
|
||||
.ult-style-2 .ult-team-member-name-wrap .ult-team-member-name,
|
||||
.ult-style-3 .ult-team-member-name-wrap .ult-team-member-name {
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
margin: 25px 0 5px 0;
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-position,
|
||||
.ult-style-2 .ult-team-member-position,
|
||||
.ult-style-3 .ult-team-member-position {
|
||||
padding-bottom: 0px;
|
||||
font-size: 12px;
|
||||
color: #777777;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 hr,
|
||||
.ult-style-2 hr,
|
||||
.ult-style-3 hr {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-divider,
|
||||
.ult-style-2 .ult-team-divider,
|
||||
.ult-style-3 .ult-team-divider {
|
||||
padding-top: 2px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-description,
|
||||
.ult-style-2 .ult-team-member-description {
|
||||
margin: 20px 0 10px 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-description p,
|
||||
.ult-style-2 .ult-team-member-description p,
|
||||
.ult-style-3 .ult-team-member-description p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-description p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ult-style-3 .ult-team-member-description {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
margin: 20px 0 10px 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #303030;
|
||||
width: 100%;
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
}
|
||||
.ult-style-3:hover .ult-team-member-description {
|
||||
opacity: 1;
|
||||
}
|
||||
.ult-style-3 .ult-team-member-image img {
|
||||
-webkit-transition: opacity .3s ease-in-out;
|
||||
transition: opacity .3s ease-in-out;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-style-3:hover .ult-team-member-image img {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-social-buttons a.ult-team.ult-social-icon,
|
||||
.ult-style-2 .ult-social-buttons a.ult-team.ult-social-icon,
|
||||
.ult-style-3 .ult-social-buttons a.ult-team.ult-social-icon {
|
||||
margin-right: .5em;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ult-team-member-wrap .ult-social-buttons a.ult-team{
|
||||
color: #aaaaaa;
|
||||
}
|
||||
.ult-team-member-wrap .ult-social-buttons a.ult-team:hover{
|
||||
color: #797979;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-social-buttons a.ult-team.ult-social-icon:first-child,
|
||||
.ult-style-2 .ult-social-buttons a.ult-team.ult-social-icon:first-child,
|
||||
.ult-style-3 .ult-social-buttons a.ult-team.ult-social-icon:first-child {
|
||||
margin-left:0px !important;
|
||||
}
|
||||
.ult-style-1 .ult-social-buttons a.ult-team.ult-social-icon:last-child,
|
||||
.ult-style-2 .ult-social-buttons a.ult-team.ult-social-icon:last-child,
|
||||
.ult-style-3 .ult-social-buttons a.ult-team.ult-social-icon:last-child {
|
||||
margin-right:0px !important;
|
||||
}
|
||||
|
||||
.ult-style-1 .ult-team-member-image img.ult-team-grayscale,
|
||||
.ult-style-3 .ult-team-member-image img.ult-team-grayscale {
|
||||
-moz-filter: grayscale(100%);
|
||||
-ms-filter: grayscale(100%);
|
||||
-o-filter: grayscale(100%);
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray;
|
||||
-webkit-filter: grayscale(1);
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
ms-backface-visibility: hidden;
|
||||
}
|
||||
.ult-style-3 .ult-team-member-image {
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ult-style-1:hover .ult-team-member-image img.ult-team-grayscale,
|
||||
.ult-style-3:hover .ult-team-member-image img.ult-team-grayscale {
|
||||
-moz-filter: grayscale(0);
|
||||
-ms-filter: grayscale(0);
|
||||
-o-filter: grayscale(0);
|
||||
-webkit-filter: normal;
|
||||
filter: normal;
|
||||
filter: grayscale(0);
|
||||
-webkit-filter: grayscale(0);
|
||||
}
|
||||
/* iMedica Team Members style-1 Closed*/
|
||||
|
||||
.ult-style-2 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-image {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-image img{
|
||||
opacity: 0.65;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.ult-style-2:hover .ult-team-member-image img{
|
||||
opacity: 1;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-bio-wrap {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.ult-style-2 .ult-team-member-bio-wrap .ult-team-member-name-wrap{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
text-align: center;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-style-2 .ult-team-member-bio-wrap .ult-team_description_slide {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
top: 100%;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ult-style-2:hover .ult-team-member-bio-wrap .ult-team-member-name-wrap{
|
||||
top: -100%;
|
||||
}
|
||||
.ult-style-2:hover .ult-team-member-bio-wrap .ult-team_description_slide{
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.ult-style-2:hover .ult-team-member-bio-wrap .ult-team_description_slide.ult-desc-set-top{
|
||||
top: 0px;
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
}
|
||||
|
||||
.ult-style-3:hover .ult-team-member-image .ult-team-member-description{
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.ult-style-3:hover .ult-team-member-image .ult-team-member-description.ult-desc-set-top{
|
||||
top: 0px;
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
}
|
||||
|
||||
.ult-team-member-wrap,
|
||||
.wpb_column>.wpb_wrapper .ult-team-member-wrap {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.ult-team-member-wrap .ult-team-member-image a,
|
||||
.ult-team-member-wrap a {
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.ult-style-2 .ult-team-member-description {
|
||||
margin: 10px 0 10px;
|
||||
}
|
||||
@@ -0,0 +1,476 @@
|
||||
.smile-icon-timeline-wrap {
|
||||
margin-bottom: 35px;
|
||||
margin-top: 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
max-width: 100%
|
||||
}
|
||||
.timeline-wrapper {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
.timeline-wrapper:last-child {
|
||||
padding-bottom: 0
|
||||
}
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
margin-right: 0;
|
||||
height: 100%;
|
||||
border-left: 1px solid #d0d0d0;
|
||||
z-index: -1
|
||||
}
|
||||
.timeline-line span:first-child {
|
||||
content: "";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
background-color: #de5034;
|
||||
position: absolute;
|
||||
right: -4px
|
||||
}
|
||||
.timeline-line span:last-child {
|
||||
content: "";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
background-color: #de5034;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: -4px
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-separator-text {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px
|
||||
}
|
||||
.timeline-separator-text .sep-text {
|
||||
display: inline-block;
|
||||
padding: 2px 7px;
|
||||
line-height: 1.5em;
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #de5034;
|
||||
color: #fff
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-feature-item {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
border: 1px solid #d0d0d0;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fcfcfc
|
||||
}
|
||||
.timeline-wrapper .timeline-feature-item.feat-item {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-feature-item.feat-top {
|
||||
margin-bottom: 40px
|
||||
}
|
||||
.timeline-wrapper .timeline-block {
|
||||
width: -webkit-calc(50% - 19px);
|
||||
width: calc(50% - 19px);
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
display: block;
|
||||
table-layout: fixed;
|
||||
border: 1px solid #d0d0d0;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fcfcfc
|
||||
}
|
||||
.jstime .timeline-block.timeline-post-right {
|
||||
margin-right: 40px !important
|
||||
}
|
||||
.timeline-wrapper .timeline-block.timeline-post-right:not(:first-child) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.timeline-wrapper .timeline-block.timeline-post-right:last-child {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.wpb_column .wpb_wrapper .smile-icon-timeline-wrap .timeline-wrapper .timeline-block {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
.timeline-block .timeline-icon-block,
|
||||
.timeline-block .timeline-header-block {
|
||||
display: block;
|
||||
position: relative;
|
||||
vertical-align: middle
|
||||
}
|
||||
.timeline-block .timeline-header-block {
|
||||
width: 100%
|
||||
}
|
||||
.timeline-block .timeline-header {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.timeline-header-block .timeline-header h3,
|
||||
.timeline-block .timeline-header h3 {
|
||||
font-size: 15px;
|
||||
line-height: 1.5em;
|
||||
margin: 0 0 7px;
|
||||
display: block
|
||||
}
|
||||
.timeline-block .timeline-header-block .timeline-header,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header {
|
||||
font-size: 13px;
|
||||
display: inline-block
|
||||
}
|
||||
.timeline-block .timeline-header-block .timeline-header p,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header p {
|
||||
margin-bottom: 5px
|
||||
}
|
||||
.timeline-block .timeline-header-block .timeline-header img,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header img,
|
||||
.timeline-block .timeline-header-block .timeline-header iframe,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header iframe,
|
||||
.timeline-block .timeline-header-block .timeline-header object,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header object {
|
||||
line-height: 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
max-width: 100%
|
||||
}
|
||||
.timeline-clear {
|
||||
clear: both
|
||||
}
|
||||
.timeline-wrapper .timeline-dot,
|
||||
.timeline-feature-item .timeline-dot {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
background-color: #de5034;
|
||||
border: 4px solid #fff;
|
||||
-webkit-border-radius: 500px;
|
||||
border-radius: 500px;
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
display: block;
|
||||
padding: 3px
|
||||
}
|
||||
.timeline-post-left .timeline-dot {
|
||||
left: -28px
|
||||
}
|
||||
.timeline-post-right .timeline-dot {
|
||||
right: -26px
|
||||
}
|
||||
.feat-item .feat-dot {
|
||||
top: -30px;
|
||||
right: 50%;
|
||||
position: absolute
|
||||
}
|
||||
.feat-item .feat-dot.feat-top {
|
||||
top: auto;
|
||||
bottom: -25px
|
||||
}
|
||||
.feat-item .timeline-dot {
|
||||
right: -6px;
|
||||
position: relative;
|
||||
top: 0
|
||||
}
|
||||
.ult-timeline-arrow {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: 1px
|
||||
}
|
||||
.ult-timeline-arrow s,
|
||||
.ult-timeline-arrow l {
|
||||
border-color: rgba(255, 255, 255, 0) #d0d0d0;
|
||||
border-style: solid;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0
|
||||
}
|
||||
.ult-timeline-arrow l {
|
||||
top: -16.5px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow {
|
||||
top: 30px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow {
|
||||
right: -10px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow s,
|
||||
.timeline-post-right .ult-timeline-arrow l {
|
||||
border-width: 9px 0 9px 10px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow l {
|
||||
border-left-color: #fcfcfc;
|
||||
right: 1px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow {
|
||||
top: 30px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow {
|
||||
left: -1px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow s,
|
||||
.timeline-post-left .ult-timeline-arrow l {
|
||||
border-width: 9px 10px 9px 0
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow l {
|
||||
border-right-color: #fcfcfc;
|
||||
left: 1px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: 1px;
|
||||
top: -9px;
|
||||
right: 50%
|
||||
}
|
||||
.feat-item .ult-timeline-arrow.feat-top {
|
||||
top: auto;
|
||||
bottom: 0
|
||||
}
|
||||
.feat-item .ult-timeline-arrow s,
|
||||
.feat-item .ult-timeline-arrow l {
|
||||
border-width: 0 10px 9px 10px;
|
||||
border-color: #d0d0d0 rgba(255, 255, 255, 0);
|
||||
border-style: solid;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0;
|
||||
right: -9px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow.feat-top s,
|
||||
.feat-item .ult-timeline-arrow.feat-top l {
|
||||
border-width: 8px 10px 0 10px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow.feat-top s {
|
||||
top: 1px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow l {
|
||||
border-bottom-color: #FFF;
|
||||
top: -8px;
|
||||
left: 0
|
||||
}
|
||||
.timeline-post-left .timeline-header {
|
||||
text-align: left
|
||||
}
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon {
|
||||
position: relative
|
||||
}
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon-img {
|
||||
position: relative
|
||||
}
|
||||
.timeline-post-right .timeline-header {
|
||||
text-align: right
|
||||
}
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon {
|
||||
position: relative
|
||||
}
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon-img {
|
||||
position: relative
|
||||
}
|
||||
.timeline-feature-item.feat-item .timeline-header {
|
||||
display: block;
|
||||
padding: 15px
|
||||
}
|
||||
.timeline-feature-item.feat-item .timeline-icon-block {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon {
|
||||
margin: 0 auto
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img {
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon,
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img {
|
||||
margin-top: 15px
|
||||
}
|
||||
.smile-icon-timeline-wrap.timeline-custom-width {
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
.timeline-custom-width .timeline-block .timeline-header {
|
||||
width: 100%
|
||||
}
|
||||
.timeline-custom-width .timeline-left .timeline-post-left {
|
||||
float: left
|
||||
}
|
||||
.timeline-custom-width .timeline-right .timeline-post-right {
|
||||
float: right
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-right,
|
||||
.tl-animation-slide-out .timeline-post-left,
|
||||
.tl-animation-slide-out .timeline-dot {
|
||||
-webkit-transition: -webkit-transform 150ms linear;
|
||||
transition: -webkit-transform 150ms linear;
|
||||
transition: transform 150ms linear;
|
||||
transition: transform 150ms linear, -webkit-transform 150ms linear
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-right:hover {
|
||||
-webkit-transform: translateX(-3px);
|
||||
-ms-transform: translateX(-3px);
|
||||
transform: translateX(-3px)
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-right:hover .timeline-dot {
|
||||
-webkit-transform: translateX(3px);
|
||||
-ms-transform: translateX(3px);
|
||||
transform: translateX(3px)
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-left:hover {
|
||||
-webkit-transform: translateX(3px);
|
||||
-ms-transform: translateX(3px);
|
||||
transform: translateX(3px)
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-left:hover .timeline-dot {
|
||||
-webkit-transform: translateX(-3px);
|
||||
-ms-transform: translateX(-3px);
|
||||
transform: translateX(-3px)
|
||||
}
|
||||
.tl-animation-slide-up .timeline-block,
|
||||
.tl-animation-slide-up .feat-item {
|
||||
-webkit-transition: -webkit-transform 150ms linear;
|
||||
transition: -webkit-transform 150ms linear;
|
||||
transition: transform 150ms linear;
|
||||
transition: transform 150ms linear, -webkit-transform 150ms linear
|
||||
}
|
||||
.tl-animation-slide-up .timeline-block:hover,
|
||||
.tl-animation-slide-up .feat-item:hover {
|
||||
-webkit-transform: translateY(-3px);
|
||||
-ms-transform: translateY(-3px);
|
||||
transform: translateY(-3px)
|
||||
}
|
||||
.tl-animation-slide-down .timeline-block,
|
||||
.tl-animation-slide-down .feat-item {
|
||||
-webkit-transition: -webkit-transform 150ms linear;
|
||||
transition: -webkit-transform 150ms linear;
|
||||
transition: transform 150ms linear;
|
||||
transition: transform 150ms linear, -webkit-transform 150ms linear
|
||||
}
|
||||
.tl-animation-slide-down .timeline-block:hover,
|
||||
.tl-animation-slide-down .feat-item:hover {
|
||||
-webkit-transform: translateY(3px);
|
||||
-ms-transform: translateY(3px);
|
||||
transform: translateY(3px)
|
||||
}
|
||||
.tl-animation-shadow .timeline-block,
|
||||
.tl-animation-shadow .feat-item {
|
||||
-webkit-transition: box-shadow 300ms linear;
|
||||
-webkit-transition: -webkit-box-shadow 300ms linear;
|
||||
transition: -webkit-box-shadow 300ms linear;
|
||||
transition: box-shadow 300ms linear;
|
||||
transition: box-shadow 300ms linear, -webkit-box-shadow 300ms linear
|
||||
}
|
||||
.tl-animation-shadow .timeline-block,
|
||||
.tl-animation-shadow .feat-item {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none
|
||||
}
|
||||
.tl-animation-shadow .timeline-block:hover,
|
||||
.tl-animation-shadow .feat-item:hover {
|
||||
-webkit-box-shadow: 0 0 3px #626262;
|
||||
box-shadow: 0 0 3px #626262
|
||||
}
|
||||
.timeline-block a,
|
||||
a .timeline-block {
|
||||
text-decoration: none
|
||||
}
|
||||
/*.timeline-block .timeline-header a {
|
||||
display: block;
|
||||
margin-top: 10px
|
||||
}*/
|
||||
.time-clash-right,
|
||||
.time-clash-left {
|
||||
margin-top: 17px
|
||||
}
|
||||
.timeline-block input,
|
||||
.timeline-block select,
|
||||
.timeline-block button,
|
||||
.timeline-block textarea,
|
||||
.timeline-block input.wpcf7-form-control {
|
||||
max-width: 100% !important
|
||||
}
|
||||
.tl-desc-a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.ult-link-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.smile-icon-timeline-wrap {
|
||||
max-width: 100%
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-feature-item {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-line {
|
||||
right: 50% !important;
|
||||
margin-right: 0 !important
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-block,
|
||||
.smile-icon-timeline-wrap .timeline-separator-text {
|
||||
width: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.jstime .timeline-block.timeline-post-right {
|
||||
margin-right: 0 !important
|
||||
}
|
||||
.smile-icon-timeline-wrap .ult-timeline-arrow,
|
||||
.smile-icon-timeline-wrap .timeline-dot {
|
||||
display: none
|
||||
}
|
||||
.timeline-block .timeline-header {
|
||||
display: block;
|
||||
text-align: right
|
||||
}
|
||||
.timeline-block.timeline-post-left .timeline-icon-block {
|
||||
padding: 5px 15px 5px 0
|
||||
}
|
||||
.timeline-block.timeline-post-right .timeline-icon-block {
|
||||
padding: 5px 0 5px 15px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon,
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon-img {
|
||||
right: 0
|
||||
}
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon,
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon-img {
|
||||
left: 0
|
||||
}
|
||||
}
|
||||
.smile-icon-timeline-wrap.csstime .timeline-wrapper .timeline-block {
|
||||
width: -webkit-calc(50% - 19px);
|
||||
width: calc(50% - 19px)
|
||||
}
|
||||
.csstime .timeline-line {
|
||||
margin-right: 0
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.smile-icon-timeline-wrap.csstime .timeline-wrapper .timeline-block {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,476 @@
|
||||
.smile-icon-timeline-wrap {
|
||||
margin-bottom: 35px;
|
||||
margin-top: 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
max-width: 100%
|
||||
}
|
||||
.timeline-wrapper {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
.timeline-wrapper:last-child {
|
||||
padding-bottom: 0
|
||||
}
|
||||
.timeline-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: 0;
|
||||
height: 100%;
|
||||
border-right: 1px solid #d0d0d0;
|
||||
z-index: -1
|
||||
}
|
||||
.timeline-line span:first-child {
|
||||
content: "";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
background-color: #de5034;
|
||||
position: absolute;
|
||||
left: -4px
|
||||
}
|
||||
.timeline-line span:last-child {
|
||||
content: "";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
background-color: #de5034;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: -4px
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-separator-text {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px
|
||||
}
|
||||
.timeline-separator-text .sep-text {
|
||||
display: inline-block;
|
||||
padding: 2px 7px;
|
||||
line-height: 1.5em;
|
||||
z-index: 99;
|
||||
position: relative;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #de5034;
|
||||
color: #fff
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-feature-item {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
border: 1px solid #d0d0d0;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fcfcfc
|
||||
}
|
||||
.timeline-wrapper .timeline-feature-item.feat-item {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-feature-item.feat-top {
|
||||
margin-bottom: 40px
|
||||
}
|
||||
.timeline-wrapper .timeline-block {
|
||||
width: -webkit-calc(50% - 19px);
|
||||
width: calc(50% - 19px);
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
display: block;
|
||||
table-layout: fixed;
|
||||
border: 1px solid #d0d0d0;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fcfcfc
|
||||
}
|
||||
.jstime .timeline-block.timeline-post-right {
|
||||
margin-left: 40px !important
|
||||
}
|
||||
.timeline-wrapper .timeline-block.timeline-post-right:not(:first-child) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.timeline-wrapper .timeline-block.timeline-post-right:last-child {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.wpb_column .wpb_wrapper .smile-icon-timeline-wrap .timeline-wrapper .timeline-block {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
.timeline-block .timeline-icon-block,
|
||||
.timeline-block .timeline-header-block {
|
||||
display: block;
|
||||
position: relative;
|
||||
vertical-align: middle
|
||||
}
|
||||
.timeline-block .timeline-header-block {
|
||||
width: 100%
|
||||
}
|
||||
.timeline-block .timeline-header {
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.timeline-header-block .timeline-header h3,
|
||||
.timeline-block .timeline-header h3 {
|
||||
font-size: 15px;
|
||||
line-height: 1.5em;
|
||||
margin: 0 0 7px;
|
||||
display: block
|
||||
}
|
||||
.timeline-block .timeline-header-block .timeline-header,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header {
|
||||
font-size: 13px;
|
||||
display: inline-block
|
||||
}
|
||||
.timeline-block .timeline-header-block .timeline-header p,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header p {
|
||||
margin-bottom: 5px
|
||||
}
|
||||
.timeline-block .timeline-header-block .timeline-header img,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header img,
|
||||
.timeline-block .timeline-header-block .timeline-header iframe,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header iframe,
|
||||
.timeline-block .timeline-header-block .timeline-header object,
|
||||
.timeline-feature-item .timeline-header-block .timeline-header object {
|
||||
line-height: 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
max-width: 100%
|
||||
}
|
||||
.timeline-clear {
|
||||
clear: both
|
||||
}
|
||||
.timeline-wrapper .timeline-dot,
|
||||
.timeline-feature-item .timeline-dot {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
background-color: #de5034;
|
||||
border: 4px solid #fff;
|
||||
-webkit-border-radius: 500px;
|
||||
border-radius: 500px;
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
display: block;
|
||||
padding: 3px
|
||||
}
|
||||
.timeline-post-left .timeline-dot {
|
||||
right: -28px
|
||||
}
|
||||
.timeline-post-right .timeline-dot {
|
||||
left: -26px
|
||||
}
|
||||
.feat-item .feat-dot {
|
||||
top: -30px;
|
||||
left: 50%;
|
||||
position: absolute
|
||||
}
|
||||
.feat-item .feat-dot.feat-top {
|
||||
top: auto;
|
||||
bottom: -25px
|
||||
}
|
||||
.feat-item .timeline-dot {
|
||||
left: -6px;
|
||||
position: relative;
|
||||
top: 0
|
||||
}
|
||||
.ult-timeline-arrow {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: 1px
|
||||
}
|
||||
.ult-timeline-arrow s,
|
||||
.ult-timeline-arrow l {
|
||||
border-color: rgba(255, 255, 255, 0) #d0d0d0;
|
||||
border-style: solid;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0
|
||||
}
|
||||
.ult-timeline-arrow l {
|
||||
top: -16.5px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow {
|
||||
top: 30px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow {
|
||||
left: -10px
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow s,
|
||||
.timeline-post-right .ult-timeline-arrow l {
|
||||
border-width: 9px 10px 9px 0
|
||||
}
|
||||
.timeline-post-right .ult-timeline-arrow l {
|
||||
border-right-color: #fcfcfc;
|
||||
left: 1px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow {
|
||||
top: 30px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow {
|
||||
right: -1px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow s,
|
||||
.timeline-post-left .ult-timeline-arrow l {
|
||||
border-width: 9px 0 9px 10px
|
||||
}
|
||||
.timeline-post-left .ult-timeline-arrow l {
|
||||
border-left-color: #fcfcfc;
|
||||
right: 1px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: 1px;
|
||||
top: -9px;
|
||||
left: 50%
|
||||
}
|
||||
.feat-item .ult-timeline-arrow.feat-top {
|
||||
top: auto;
|
||||
bottom: 0
|
||||
}
|
||||
.feat-item .ult-timeline-arrow s,
|
||||
.feat-item .ult-timeline-arrow l {
|
||||
border-width: 0 10px 9px 10px;
|
||||
border-color: #d0d0d0 rgba(255, 255, 255, 0);
|
||||
border-style: solid;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: -9px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow.feat-top s,
|
||||
.feat-item .ult-timeline-arrow.feat-top l {
|
||||
border-width: 8px 10px 0 10px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow.feat-top s {
|
||||
top: 1px
|
||||
}
|
||||
.feat-item .ult-timeline-arrow l {
|
||||
border-bottom-color: #FFF;
|
||||
top: -8px;
|
||||
right: 0
|
||||
}
|
||||
.timeline-post-left .timeline-header {
|
||||
text-align: right
|
||||
}
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon {
|
||||
position: relative
|
||||
}
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon-img {
|
||||
position: relative
|
||||
}
|
||||
.timeline-post-right .timeline-header {
|
||||
text-align: left
|
||||
}
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon {
|
||||
position: relative
|
||||
}
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon-img {
|
||||
position: relative
|
||||
}
|
||||
.timeline-feature-item.feat-item .timeline-header {
|
||||
display: block;
|
||||
padding: 15px
|
||||
}
|
||||
.timeline-feature-item.feat-item .timeline-icon-block {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon {
|
||||
margin: 0 auto
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img {
|
||||
margin-left: auto;
|
||||
margin-right: auto
|
||||
}
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon,
|
||||
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img {
|
||||
margin-top: 15px
|
||||
}
|
||||
.smile-icon-timeline-wrap.timeline-custom-width {
|
||||
margin-left: auto;
|
||||
margin-right: auto
|
||||
}
|
||||
.timeline-custom-width .timeline-block .timeline-header {
|
||||
width: 100%
|
||||
}
|
||||
.timeline-custom-width .timeline-left .timeline-post-left {
|
||||
float: right
|
||||
}
|
||||
.timeline-custom-width .timeline-right .timeline-post-right {
|
||||
float: left
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-right,
|
||||
.tl-animation-slide-out .timeline-post-left,
|
||||
.tl-animation-slide-out .timeline-dot {
|
||||
-webkit-transition: -webkit-transform 150ms linear;
|
||||
transition: -webkit-transform 150ms linear;
|
||||
transition: transform 150ms linear;
|
||||
transition: transform 150ms linear, -webkit-transform 150ms linear
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-right:hover {
|
||||
-webkit-transform: translateX(3px);
|
||||
-ms-transform: translateX(3px);
|
||||
transform: translateX(3px)
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-right:hover .timeline-dot {
|
||||
-webkit-transform: translateX(-3px);
|
||||
-ms-transform: translateX(-3px);
|
||||
transform: translateX(-3px)
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-left:hover {
|
||||
-webkit-transform: translateX(-3px);
|
||||
-ms-transform: translateX(-3px);
|
||||
transform: translateX(-3px)
|
||||
}
|
||||
.tl-animation-slide-out .timeline-post-left:hover .timeline-dot {
|
||||
-webkit-transform: translateX(3px);
|
||||
-ms-transform: translateX(3px);
|
||||
transform: translateX(3px)
|
||||
}
|
||||
.tl-animation-slide-up .timeline-block,
|
||||
.tl-animation-slide-up .feat-item {
|
||||
-webkit-transition: -webkit-transform 150ms linear;
|
||||
transition: -webkit-transform 150ms linear;
|
||||
transition: transform 150ms linear;
|
||||
transition: transform 150ms linear, -webkit-transform 150ms linear
|
||||
}
|
||||
.tl-animation-slide-up .timeline-block:hover,
|
||||
.tl-animation-slide-up .feat-item:hover {
|
||||
-webkit-transform: translateY(-3px);
|
||||
-ms-transform: translateY(-3px);
|
||||
transform: translateY(-3px)
|
||||
}
|
||||
.tl-animation-slide-down .timeline-block,
|
||||
.tl-animation-slide-down .feat-item {
|
||||
-webkit-transition: -webkit-transform 150ms linear;
|
||||
transition: -webkit-transform 150ms linear;
|
||||
transition: transform 150ms linear;
|
||||
transition: transform 150ms linear, -webkit-transform 150ms linear
|
||||
}
|
||||
.tl-animation-slide-down .timeline-block:hover,
|
||||
.tl-animation-slide-down .feat-item:hover {
|
||||
-webkit-transform: translateY(3px);
|
||||
-ms-transform: translateY(3px);
|
||||
transform: translateY(3px)
|
||||
}
|
||||
.tl-animation-shadow .timeline-block,
|
||||
.tl-animation-shadow .feat-item {
|
||||
-webkit-transition: box-shadow 300ms linear;
|
||||
-webkit-transition: -webkit-box-shadow 300ms linear;
|
||||
transition: -webkit-box-shadow 300ms linear;
|
||||
transition: box-shadow 300ms linear;
|
||||
transition: box-shadow 300ms linear, -webkit-box-shadow 300ms linear
|
||||
}
|
||||
.tl-animation-shadow .timeline-block,
|
||||
.tl-animation-shadow .feat-item {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none
|
||||
}
|
||||
.tl-animation-shadow .timeline-block:hover,
|
||||
.tl-animation-shadow .feat-item:hover {
|
||||
-webkit-box-shadow: 0 0 3px #626262;
|
||||
box-shadow: 0 0 3px #626262
|
||||
}
|
||||
.timeline-block a,
|
||||
a .timeline-block {
|
||||
text-decoration: none
|
||||
}
|
||||
/*.timeline-block .timeline-header a {
|
||||
display: block;
|
||||
margin-top: 10px
|
||||
}*/
|
||||
.time-clash-right,
|
||||
.time-clash-left {
|
||||
margin-top: 17px
|
||||
}
|
||||
.timeline-block input,
|
||||
.timeline-block select,
|
||||
.timeline-block button,
|
||||
.timeline-block textarea,
|
||||
.timeline-block input.wpcf7-form-control {
|
||||
max-width: 100% !important
|
||||
}
|
||||
.tl-desc-a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.ult-link-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.smile-icon-timeline-wrap {
|
||||
max-width: 100%
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-feature-item {
|
||||
margin-right: 0 !important
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-line {
|
||||
left: 50% !important;
|
||||
margin-left: 0 !important
|
||||
}
|
||||
.smile-icon-timeline-wrap .timeline-block,
|
||||
.smile-icon-timeline-wrap .timeline-separator-text {
|
||||
width: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.jstime .timeline-block.timeline-post-right {
|
||||
margin-left: 0 !important
|
||||
}
|
||||
.smile-icon-timeline-wrap .ult-timeline-arrow,
|
||||
.smile-icon-timeline-wrap .timeline-dot {
|
||||
display: none
|
||||
}
|
||||
.timeline-block .timeline-header {
|
||||
display: block;
|
||||
text-align: left
|
||||
}
|
||||
.timeline-block.timeline-post-left .timeline-icon-block {
|
||||
padding: 5px 0 5px 15px
|
||||
}
|
||||
.timeline-block.timeline-post-right .timeline-icon-block {
|
||||
padding: 5px 15px 5px 0
|
||||
}
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon,
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-left .ult-timeline-icon .aio-icon-img {
|
||||
left: 0
|
||||
}
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon,
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon.none,
|
||||
.timeline-post-right .ult-timeline-icon .aio-icon-img {
|
||||
right: 0
|
||||
}
|
||||
}
|
||||
.smile-icon-timeline-wrap.csstime .timeline-wrapper .timeline-block {
|
||||
width: -webkit-calc(50% - 19px);
|
||||
width: calc(50% - 19px)
|
||||
}
|
||||
.csstime .timeline-line {
|
||||
margin-left: 0
|
||||
}
|
||||
@media(max-width:767px) {
|
||||
.smile-icon-timeline-wrap.csstime .timeline-wrapper .timeline-block {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
.bsf_tooltip {
|
||||
position: absolute;
|
||||
z-index: 1030;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
visibility: visible;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0
|
||||
}
|
||||
.bsf_tooltip.in {
|
||||
filter: alpha(opacity=90);
|
||||
opacity: .9
|
||||
}
|
||||
.bsf_tooltip.top {
|
||||
padding: 5px 0;
|
||||
margin-top: -3px
|
||||
}
|
||||
.bsf_tooltip.right {
|
||||
padding: 0 5px;
|
||||
margin-right: 3px
|
||||
}
|
||||
.bsf_tooltip.bottom {
|
||||
padding: 5px 0;
|
||||
margin-top: 3px
|
||||
}
|
||||
.bsf_tooltip.left {
|
||||
padding: 0 5px;
|
||||
margin-right: -3px
|
||||
}
|
||||
.bsf_tooltip-inner {
|
||||
max-width: 200px;
|
||||
padding: 5px 8px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: #3b3b3b;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0
|
||||
}
|
||||
.bsf_tooltip-arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid
|
||||
}
|
||||
.bsf_tooltip.top .bsf_tooltip-arrow {
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-right: -5px;
|
||||
border-width: 5px 5px 0;
|
||||
border-top-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.top-left .bsf_tooltip-arrow {
|
||||
bottom: 0;
|
||||
right: 5px;
|
||||
border-width: 5px 5px 0;
|
||||
border-top-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.top-right .bsf_tooltip-arrow {
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
border-width: 5px 5px 0;
|
||||
border-top-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.right .bsf_tooltip-arrow {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -5px;
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-left-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.left .bsf_tooltip-arrow {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -5px;
|
||||
border-width: 5px 5px 5px 0;
|
||||
border-right-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.bottom .bsf_tooltip-arrow {
|
||||
top: 0;
|
||||
right: 50%;
|
||||
margin-right: -5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.bottom-left .bsf_tooltip-arrow {
|
||||
top: 0;
|
||||
right: 5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.bottom-right .bsf_tooltip-arrow {
|
||||
top: 0;
|
||||
left: 5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 300ms linear;
|
||||
transition: opacity 300ms linear
|
||||
}
|
||||
.bsf_tooltip.fade.in {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 300ms linear;
|
||||
transition: opacity 300ms linear
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
.bsf_tooltip {
|
||||
position: absolute;
|
||||
z-index: 1030;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
visibility: visible;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0
|
||||
}
|
||||
.bsf_tooltip.in {
|
||||
filter: alpha(opacity=90);
|
||||
opacity: .9
|
||||
}
|
||||
.bsf_tooltip.top {
|
||||
padding: 5px 0;
|
||||
margin-top: -3px
|
||||
}
|
||||
.bsf_tooltip.right {
|
||||
padding: 0 5px;
|
||||
margin-left: 3px
|
||||
}
|
||||
.bsf_tooltip.bottom {
|
||||
padding: 5px 0;
|
||||
margin-top: 3px
|
||||
}
|
||||
.bsf_tooltip.left {
|
||||
padding: 0 5px;
|
||||
margin-left: -3px
|
||||
}
|
||||
.bsf_tooltip-inner {
|
||||
max-width: 200px;
|
||||
padding: 5px 8px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: #3b3b3b;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0
|
||||
}
|
||||
.bsf_tooltip-arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid
|
||||
}
|
||||
.bsf_tooltip.top .bsf_tooltip-arrow {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px 5px 0;
|
||||
border-top-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.top-left .bsf_tooltip-arrow {
|
||||
bottom: 0;
|
||||
left: 5px;
|
||||
border-width: 5px 5px 0;
|
||||
border-top-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.top-right .bsf_tooltip-arrow {
|
||||
right: 5px;
|
||||
bottom: 0;
|
||||
border-width: 5px 5px 0;
|
||||
border-top-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.right .bsf_tooltip-arrow {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -5px;
|
||||
border-width: 5px 5px 5px 0;
|
||||
border-right-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.left .bsf_tooltip-arrow {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -5px;
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-left-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.bottom .bsf_tooltip-arrow {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.bottom-left .bsf_tooltip-arrow {
|
||||
top: 0;
|
||||
left: 5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.bottom-right .bsf_tooltip-arrow {
|
||||
top: 0;
|
||||
right: 5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #3b3b3b
|
||||
}
|
||||
.bsf_tooltip.fade {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 300ms linear;
|
||||
transition: opacity 300ms linear
|
||||
}
|
||||
.bsf_tooltip.fade.in {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 300ms linear;
|
||||
transition: opacity 300ms linear
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.smile_icon_list div:last-child>li .icon_list_connector {
|
||||
display: none
|
||||
}
|
||||
.aio-icon-description {
|
||||
word-break: break-all
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.smile_icon_list div:last-child>li .icon_list_connector {
|
||||
display: none
|
||||
}
|
||||
.aio-icon-description {
|
||||
word-break: break-all
|
||||
}
|
||||
@@ -0,0 +1,629 @@
|
||||
.ult-video-banner,
|
||||
.wpb_column > .wpb_wrapper > .ult-video-banner {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 35px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
max-width: 100%;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult-video-banner video,
|
||||
.entry-content .ult-video-banner video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: block
|
||||
}
|
||||
.ult-video-banner .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
padding: 15px;
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
-webkit-backface-visvdoility: hidden;
|
||||
backface-visvdoility: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: auto;
|
||||
min-height: 25%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
text-align: right;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vdo-effect h2 {
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect.ult-vb-touch-start h2,
|
||||
.ult-vdo-effect.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 30px, 0);
|
||||
transform: translate3d(0, 30px, 0)
|
||||
}
|
||||
.ult-video-banner h2,
|
||||
.ult-video-banner .ult-video-banner-content {
|
||||
letter-spacing: normal;
|
||||
padding: 0;
|
||||
margin: 0
|
||||
}
|
||||
.ult-video-banner h2 {
|
||||
font-size: 20px;
|
||||
line-height: 1.35em;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
font-weight: bold;
|
||||
color: #fff
|
||||
}
|
||||
.ult-vdo-effect .ult-video-banner-content {
|
||||
margin-top: 10px;
|
||||
opacity: 1;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, transform .35s;
|
||||
transition: opacity .2s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect h2,
|
||||
.ult-vdo-effect .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transition-delay: .05s;
|
||||
transition-delay: .05s;
|
||||
-webkit-transition-duration: .35s;
|
||||
transition-duration: .35s
|
||||
}
|
||||
.ult-vdo-effect.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0
|
||||
}
|
||||
.ult-video-banner-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all .6s ease;
|
||||
-moz-transition: all .6s ease;
|
||||
-o-transition: all .6s ease
|
||||
}
|
||||
.ult-video-banner .ult-video-banner-content {
|
||||
font-size: 13px;
|
||||
line-height: 1.6em
|
||||
}
|
||||
.ult-video-banner .ult-video-banner-content p,
|
||||
.ult-video-banner .ult-video-banner-content ul li {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit
|
||||
}
|
||||
.ult-vdo-effect-style1 .ult-video-banner-desc {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
min-height: 25%;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
text-align: right
|
||||
}
|
||||
.ult-vdo-effect-style1 h2 {
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start h2,
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 30px, 0);
|
||||
-ms-transform: translate3d(0, 30px, 0);
|
||||
transform: translate3d(0, 30px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style1 .ult-video-banner-content {
|
||||
margin-top: 10px;
|
||||
opacity: 1;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, transform .35s;
|
||||
transition: opacity .2s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style1 h2,
|
||||
.ult-vdo-effect-style1 .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transition-delay: .05s;
|
||||
transition-delay: .05s;
|
||||
-webkit-transition-duration: .35s;
|
||||
transition-duration: .35s
|
||||
}
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0
|
||||
}
|
||||
.ult-vdo-effect-style2 h2:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2.ult-vb-touch-start h2:after {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
-ms-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
-ms-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style3.ult-vb-touch-start .ult-video-banner-desc::before,
|
||||
.ult-vdo-effect-style3.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0)
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style3 .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
border: 1px solid #fff
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(0, 1);
|
||||
-ms-transform: scale(0, 1);
|
||||
transform: scale(0, 1)
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start .ult-video-banner-desc:after {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1, 0);
|
||||
-ms-transform: scale(1, 0);
|
||||
transform: scale(1, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc::before {
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc:after {
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #fff;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc::before,
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc::after {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
content: '';
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style4 h2 {
|
||||
padding: 45px 35px 30px;
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start h2 {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-content {
|
||||
padding: 20px 45px;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc {
|
||||
text-align: center
|
||||
}
|
||||
.ult-vdo-effect-style5.ult-vb-touch-start h2:after,
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, 40px, 0);
|
||||
transform: translate3d(0, 40px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style5 h2:after {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
content: '';
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style5 h2 {
|
||||
overflow: visible
|
||||
}
|
||||
.ult-vdo-effect-style5 .ult-video-banner-desc {
|
||||
top: 0;
|
||||
text-align: left
|
||||
}
|
||||
.ult-vdo-effect-style5 .ult-video-banner-content {
|
||||
margin-top: 30px
|
||||
}
|
||||
.ult-vdo-effect-style5 .ult-video-banner-desc {
|
||||
height: auto;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style6 .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
border: 1px solid #fff;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style6 h2 {
|
||||
padding: 10px 0 15px 0
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.50);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-content {
|
||||
margin: 0 auto;
|
||||
max-width: 90%;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
opacity: 1
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-content {
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style7 .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
border: 1px solid #fff;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-content {
|
||||
margin: 0 auto;
|
||||
max-width: 90%;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
opacity: 1
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-content {
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style8.ult-vb-touch-start video {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style8 video {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
.ult-vdo-effect-style8 video {
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, -60px, 0);
|
||||
transform: translate3d(0, -60px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style8 video {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-vdo-effect-style8 .ult-video-banner-desc {
|
||||
padding: 0;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vdo-effect-style8 .ult-video-banner-desc h2 {
|
||||
padding: 15px 15px 0 15px
|
||||
}
|
||||
.ult-vdo-effect-style8 .ult-video-banner-desc .ult-video-banner-content {
|
||||
padding: 25px 15px 15px 15px;
|
||||
background: rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ult-vdo-effect-style9 video {
|
||||
-webkit-transform: scale3d(0.95, 0.92, 1);
|
||||
transform: scale3d(0.95, 0.92, 1);
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
z-index: 1;
|
||||
position: inherit;
|
||||
background: rgba(0, 0, 0, 0.8)
|
||||
}
|
||||
.ult-vdo-effect-style9.ult-vb-touch-start video {
|
||||
opacity: .95;
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1)
|
||||
}
|
||||
.ult-vdo-effect-style9 .ult-video-banner-desc {
|
||||
text-align: center;
|
||||
top: 0
|
||||
}
|
||||
.ult-vdo-effect-style9.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 30px, 0);
|
||||
transform: translate3d(0, 30px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style9.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style10 .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
border: 1px solid #fff;
|
||||
opacity: 1;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style10 h2 {
|
||||
padding: 10px 0 15px 0;
|
||||
-webkit-transform: scale(0.9);
|
||||
-ms-transform: scale(0.9);
|
||||
transform: scale(0.9)
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.50);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-content {
|
||||
margin: 0 auto;
|
||||
max-width: 90%;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
opacity: 1
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-content {
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
@@ -0,0 +1,629 @@
|
||||
.ult-video-banner,
|
||||
.wpb_column > .wpb_wrapper > .ult-video-banner {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 35px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
max-width: 100%;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.ult-video-banner video,
|
||||
.entry-content .ult-video-banner video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: block
|
||||
}
|
||||
.ult-video-banner .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
padding: 15px;
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
-webkit-backface-visvdoility: hidden;
|
||||
backface-visvdoility: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
top: auto;
|
||||
min-height: 25%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
text-align: left;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vdo-effect h2 {
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect.ult-vb-touch-start h2,
|
||||
.ult-vdo-effect.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 30px, 0);
|
||||
transform: translate3d(0, 30px, 0)
|
||||
}
|
||||
.ult-video-banner h2,
|
||||
.ult-video-banner .ult-video-banner-content {
|
||||
letter-spacing: normal;
|
||||
padding: 0;
|
||||
margin: 0
|
||||
}
|
||||
.ult-video-banner h2 {
|
||||
font-size: 20px;
|
||||
line-height: 1.35em;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
font-weight: bold;
|
||||
color: #fff
|
||||
}
|
||||
.ult-vdo-effect .ult-video-banner-content {
|
||||
margin-top: 10px;
|
||||
opacity: 1;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, transform .35s;
|
||||
transition: opacity .2s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect h2,
|
||||
.ult-vdo-effect .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transition-delay: .05s;
|
||||
transition-delay: .05s;
|
||||
-webkit-transition-duration: .35s;
|
||||
transition-duration: .35s
|
||||
}
|
||||
.ult-vdo-effect.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0
|
||||
}
|
||||
.ult-video-banner-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all .6s ease;
|
||||
-moz-transition: all .6s ease;
|
||||
-o-transition: all .6s ease
|
||||
}
|
||||
.ult-video-banner .ult-video-banner-content {
|
||||
font-size: 13px;
|
||||
line-height: 1.6em
|
||||
}
|
||||
.ult-video-banner .ult-video-banner-content p,
|
||||
.ult-video-banner .ult-video-banner-content ul li {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit
|
||||
}
|
||||
.ult-vdo-effect-style1 .ult-video-banner-desc {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
min-height: 25%;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
text-align: left
|
||||
}
|
||||
.ult-vdo-effect-style1 h2 {
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start h2,
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 30px, 0);
|
||||
-ms-transform: translate3d(0, 30px, 0);
|
||||
transform: translate3d(0, 30px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style1 .ult-video-banner-content {
|
||||
margin-top: 10px;
|
||||
opacity: 1;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, -webkit-transform .35s;
|
||||
transition: opacity .2s, transform .35s;
|
||||
transition: opacity .2s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style1 h2,
|
||||
.ult-vdo-effect-style1 .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transition-delay: .05s;
|
||||
transition-delay: .05s;
|
||||
-webkit-transition-duration: .35s;
|
||||
transition-duration: .35s
|
||||
}
|
||||
.ult-vdo-effect-style1.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0
|
||||
}
|
||||
.ult-vdo-effect-style2 h2:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2.ult-vb-touch-start h2:after {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
-ms-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
-ms-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style2 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: left;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style3.ult-vb-touch-start .ult-video-banner-desc::before,
|
||||
.ult-vdo-effect-style3.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0)
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style3 .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
border: 1px solid #fff
|
||||
}
|
||||
.ult-vdo-effect-style3 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(0, 1);
|
||||
-ms-transform: scale(0, 1);
|
||||
transform: scale(0, 1)
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start .ult-video-banner-desc:after {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1, 0);
|
||||
-ms-transform: scale(1, 0);
|
||||
transform: scale(1, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc::before {
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc:after {
|
||||
border-right: 1px solid #fff;
|
||||
border-left: 1px solid #fff;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc::before,
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc::after {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
content: '';
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style4 h2 {
|
||||
padding: 45px 35px 30px;
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start h2 {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-content {
|
||||
padding: 20px 45px;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style4 .ult-video-banner-desc {
|
||||
text-align: center
|
||||
}
|
||||
.ult-vdo-effect-style5.ult-vb-touch-start h2:after,
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, 40px, 0);
|
||||
transform: translate3d(0, 40px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style5 h2:after {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
content: '';
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style5 h2 {
|
||||
overflow: visible
|
||||
}
|
||||
.ult-vdo-effect-style5 .ult-video-banner-desc {
|
||||
top: 0;
|
||||
text-align: right
|
||||
}
|
||||
.ult-vdo-effect-style5 .ult-video-banner-content {
|
||||
margin-top: 30px
|
||||
}
|
||||
.ult-vdo-effect-style5 .ult-video-banner-desc {
|
||||
height: auto;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style6 .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
border: 1px solid #fff;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style6 h2 {
|
||||
padding: 10px 0 15px 0
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style6.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.50);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-content {
|
||||
margin: 0 auto;
|
||||
max-width: 90%;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
opacity: 1
|
||||
}
|
||||
.ult-vdo-effect-style6 .ult-video-banner-content {
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style7 .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
border: 1px solid #fff;
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.ult-vdo-effect-style7.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-content {
|
||||
margin: 0 auto;
|
||||
max-width: 90%;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
opacity: 1
|
||||
}
|
||||
.ult-vdo-effect-style7 .ult-video-banner-content {
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style8.ult-vb-touch-start video {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style8 video {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
.ult-vdo-effect-style8 video {
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: translate3d(0, -60px, 0);
|
||||
transform: translate3d(0, -60px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style8 video {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 100%;
|
||||
max-width: 100%
|
||||
}
|
||||
.ult-vdo-effect-style8 .ult-video-banner-desc {
|
||||
padding: 0;
|
||||
width: 100%
|
||||
}
|
||||
.ult-vdo-effect-style8 .ult-video-banner-desc h2 {
|
||||
padding: 15px 15px 0 15px
|
||||
}
|
||||
.ult-vdo-effect-style8 .ult-video-banner-desc .ult-video-banner-content {
|
||||
padding: 25px 15px 15px 15px;
|
||||
background: rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
.ult-vdo-effect-style9 video {
|
||||
-webkit-transform: scale3d(0.95, 0.92, 1);
|
||||
transform: scale3d(0.95, 0.92, 1);
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
z-index: 1;
|
||||
position: inherit;
|
||||
background: rgba(0, 0, 0, 0.8)
|
||||
}
|
||||
.ult-vdo-effect-style9.ult-vb-touch-start video {
|
||||
opacity: .95;
|
||||
-webkit-transition: -webkit-transform .35s;
|
||||
transition: -webkit-transform .35s;
|
||||
transition: transform .35s;
|
||||
transition: transform .35s, -webkit-transform .35s;
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1)
|
||||
}
|
||||
.ult-vdo-effect-style9 .ult-video-banner-desc {
|
||||
text-align: center;
|
||||
top: 0
|
||||
}
|
||||
.ult-vdo-effect-style9.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 30px, 0);
|
||||
transform: translate3d(0, 30px, 0)
|
||||
}
|
||||
.ult-vdo-effect-style9.ult-vb-touch-start .ult-video-banner-content {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc {
|
||||
padding: 45px
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc:before,
|
||||
.ult-vdo-effect-style10 .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
border: 1px solid #fff;
|
||||
opacity: 1;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-desc {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden
|
||||
}
|
||||
.ult-vdo-effect-style10 h2 {
|
||||
padding: 10px 0 15px 0;
|
||||
-webkit-transform: scale(0.9);
|
||||
-ms-transform: scale(0.9);
|
||||
transform: scale(0.9)
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start h2 {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-desc:before {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style10.ult-vb-touch-start .ult-video-banner-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.50);
|
||||
-ms-transform: scale(1.5);
|
||||
transform: scale(1.5)
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-content {
|
||||
margin: 0 auto;
|
||||
max-width: 90%;
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
opacity: 1
|
||||
}
|
||||
.ult-vdo-effect-style10 .ult-video-banner-content {
|
||||
-webkit-transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, -webkit-transform .35s;
|
||||
transition: opacity .35s, transform .35s;
|
||||
transition: opacity .35s, transform .35s, -webkit-transform .35s
|
||||
}
|
||||
@@ -0,0 +1,328 @@
|
||||
.ult-video{
|
||||
margin: 20px;
|
||||
}
|
||||
.ultv-aspect-ratio-4_3 .ultv-video__outer-wrap {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
|
||||
.ultv-aspect-ratio-16_9 .ultv-video__outer-wrap {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
.ultv-aspect-ratio-3_2 .ultv-video__outer-wrap {
|
||||
padding-bottom: 66.6666%;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
background: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap img {
|
||||
bottom: 0;
|
||||
display: block;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
-webkit-transition: .2s all;
|
||||
transition: .2s all;
|
||||
}
|
||||
|
||||
.ultv-video__play-icon {
|
||||
right: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
-webkit-transform: translate(50%, -50%);
|
||||
-ms-transform: translate(50%, -50%);
|
||||
transform: translate(50%, -50%);
|
||||
text-align: center;
|
||||
-webkit-transition: text-shadow ease .2s, color ease .2s;
|
||||
transition: text-shadow ease .2s, color ease .2s;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ultv-vimeo-wrap {
|
||||
-js-display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
margin: 10px;
|
||||
-webkit-transition: opacity 200ms ease-out;
|
||||
transition: opacity 200ms ease-out;
|
||||
margin-left: 4.6em;
|
||||
}
|
||||
|
||||
.ultv-vimeo-portrait {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: rgba(23,35,34,.75);
|
||||
margin-left: 1px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 auto;
|
||||
-ms-flex: 1 0 auto;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ultv-vimeo-portrait img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 5px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.ultv-vimeo-headers {
|
||||
/*margin: 0 5px;*/
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.ultv-vimeo-byline {
|
||||
font-size: 1.2em!important;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
margin-top: .1em;
|
||||
padding: .2em .5em;
|
||||
background: rgba(23,35,34,.75);
|
||||
text-transform: none;
|
||||
line-height: normal;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.ultv-vimeo-title {
|
||||
max-width: 100%;
|
||||
font-size: 2em!important;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
padding: .1em .2em;
|
||||
background: rgba(23,35,34,.75);
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
line-height: normal;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:active .ubb-animation-sink,
|
||||
.ultv-video__outer-wrap:focus .ultv-animation-sink,
|
||||
.ultv-video__outer-wrap:hover .ultv-animation-sink {
|
||||
top: -webkit-calc( 50% + 8px );
|
||||
top: calc( 50% + 8px );
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap .ultv-animation-sink {
|
||||
-webkit-transition-duration: .2s;
|
||||
transition-duration: .2s;
|
||||
-webkit-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out
|
||||
}
|
||||
|
||||
|
||||
.ultv-video__outer-wrap .ultv-animation-float {
|
||||
-webkit-transition-duration: .2s;
|
||||
transition-duration: .2s;
|
||||
-webkit-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:before {
|
||||
content:'';
|
||||
z-index:2;
|
||||
height: 100%;
|
||||
width:100%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:active .ultv-animation-float,
|
||||
.ultv-video__outer-wrap:focus .ultv-animation-float,
|
||||
.ultv-video__outer-wrap:hover .ultv-animation-float {
|
||||
top: -webkit-calc( 50% - 8px );
|
||||
top: calc( 50% - 8px );
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:active .ultv-animation-wobble-vertical,
|
||||
.ultv-video__outer-wrap:focus .ultv-animation-wobble-vertical,
|
||||
.ultv-video__outer-wrap:hover .ultv-animation-wobble-vertical {
|
||||
-webkit-animation-name: uael-wobble-vertical;
|
||||
animation-name: ultv-wobble-vertical;
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
animation-iteration-count: 1
|
||||
}
|
||||
|
||||
@-webkit-keyframes ultv-wobble-vertical {
|
||||
16.65% {
|
||||
top: -webkit-calc( 50% + 8px );
|
||||
top: calc( 50% + 8px )
|
||||
}
|
||||
|
||||
33.3% {
|
||||
top: -webkit-calc( 50% - 6px );
|
||||
top: calc( 50% - 6px )
|
||||
}
|
||||
|
||||
49.95% {
|
||||
top: -webkit-calc( 50% + 4px );
|
||||
top: calc( 50% + 4px )
|
||||
}
|
||||
|
||||
66.6% {
|
||||
top: -webkit-calc( 50% - 2px );
|
||||
top: calc( 50% - 2px )
|
||||
}
|
||||
|
||||
83.25% {
|
||||
top: -webkit-calc( 50% + 1px );
|
||||
top: calc( 50% + 1px )
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 50%
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ultv-wobble-vertical {
|
||||
16.65% {
|
||||
top: -webkit-calc( 50% + 8px );
|
||||
top: calc( 50% + 8px )
|
||||
}
|
||||
|
||||
33.3% {
|
||||
top: -webkit-calc( 50% - 6px );
|
||||
top: calc( 50% - 6px )
|
||||
}
|
||||
|
||||
49.95% {
|
||||
top: -webkit-calc( 50% + 4px );
|
||||
top: calc( 50% + 4px )
|
||||
}
|
||||
|
||||
66.6% {
|
||||
top: -webkit-calc( 50% - 2px );
|
||||
top: calc( 50% - 2px )
|
||||
}
|
||||
|
||||
83.25% {
|
||||
top: -webkit-calc( 50% + 1px );
|
||||
top: calc( 50% + 1px )
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 50%
|
||||
}
|
||||
}
|
||||
.ultv-subscribe-bar {
|
||||
js-display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-moz-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.ultv-subscribe-bar-prefix {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ultv-subscribe-content {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ultv-video__outer-wrap:hover .ultv-video__play-icon .ultv-youtube-icon-bg{
|
||||
fill: #cc181e;
|
||||
}
|
||||
.ultv-video__outer-wrap:hover .ultv-video__play-icon .ultv-vimeo-icon-bg{
|
||||
|
||||
fill:rgba(0, 173, 239, 0.9);
|
||||
}
|
||||
|
||||
.ultv-subscribe-responsive-desktop .ultv-subscribe-bar {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ultv-subscribe-responsive-desktop .ultv-subscribe-bar-prefix {
|
||||
margin-left: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ultv-subscribe-responsive-desktop .ultv-subscribe-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.ultv-subscribe-responsive-tablet .ultv-subscribe-bar {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ultv-subscribe-responsive-tablet .ultv-subscribe-bar-prefix {
|
||||
margin-left: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ultv-subscribe-responsive-tablet .ultv-subscribe-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.ultv-subscribe-responsive-mobile .ultv-subscribe-bar {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ultv-subscribe-responsive-mobile .ultv-subscribe-bar-prefix {
|
||||
margin-left: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ultv-subscribe-responsive-mobile .ultv-subscribe-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,328 @@
|
||||
.ult-video{
|
||||
margin: 20px;
|
||||
}
|
||||
.ultv-aspect-ratio-4_3 .ultv-video__outer-wrap {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
|
||||
.ultv-aspect-ratio-16_9 .ultv-video__outer-wrap {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
|
||||
.ultv-aspect-ratio-3_2 .ultv-video__outer-wrap {
|
||||
padding-bottom: 66.6666%;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
background: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap img {
|
||||
bottom: 0;
|
||||
display: block;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
-webkit-transition: .2s all;
|
||||
transition: .2s all;
|
||||
}
|
||||
|
||||
.ultv-video__play-icon {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
-webkit-transition: text-shadow ease .2s, color ease .2s;
|
||||
transition: text-shadow ease .2s, color ease .2s;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ultv-vimeo-wrap {
|
||||
-js-display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
margin: 10px;
|
||||
-webkit-transition: opacity 200ms ease-out;
|
||||
transition: opacity 200ms ease-out;
|
||||
margin-right: 4.6em;
|
||||
}
|
||||
|
||||
.ultv-vimeo-portrait {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: rgba(23,35,34,.75);
|
||||
margin-right: 1px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 auto;
|
||||
-ms-flex: 1 0 auto;
|
||||
-moz-box-flex: 1;
|
||||
flex: 1 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ultv-vimeo-portrait img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 5px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.ultv-vimeo-headers {
|
||||
/*margin: 0 5px;*/
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.ultv-vimeo-byline {
|
||||
font-size: 1.2em!important;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
margin-top: .1em;
|
||||
padding: .2em .5em;
|
||||
background: rgba(23,35,34,.75);
|
||||
text-transform: none;
|
||||
line-height: normal;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.ultv-vimeo-title {
|
||||
max-width: 100%;
|
||||
font-size: 2em!important;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
padding: .1em .2em;
|
||||
background: rgba(23,35,34,.75);
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
line-height: normal;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:active .ubb-animation-sink,
|
||||
.ultv-video__outer-wrap:focus .ultv-animation-sink,
|
||||
.ultv-video__outer-wrap:hover .ultv-animation-sink {
|
||||
top: -webkit-calc( 50% + 8px );
|
||||
top: calc( 50% + 8px );
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap .ultv-animation-sink {
|
||||
-webkit-transition-duration: .2s;
|
||||
transition-duration: .2s;
|
||||
-webkit-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out
|
||||
}
|
||||
|
||||
|
||||
.ultv-video__outer-wrap .ultv-animation-float {
|
||||
-webkit-transition-duration: .2s;
|
||||
transition-duration: .2s;
|
||||
-webkit-transition-property: top;
|
||||
transition-property: top;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:before {
|
||||
content:'';
|
||||
z-index:2;
|
||||
height: 100%;
|
||||
width:100%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:active .ultv-animation-float,
|
||||
.ultv-video__outer-wrap:focus .ultv-animation-float,
|
||||
.ultv-video__outer-wrap:hover .ultv-animation-float {
|
||||
top: -webkit-calc( 50% - 8px );
|
||||
top: calc( 50% - 8px );
|
||||
}
|
||||
|
||||
.ultv-video__outer-wrap:active .ultv-animation-wobble-vertical,
|
||||
.ultv-video__outer-wrap:focus .ultv-animation-wobble-vertical,
|
||||
.ultv-video__outer-wrap:hover .ultv-animation-wobble-vertical {
|
||||
-webkit-animation-name: uael-wobble-vertical;
|
||||
animation-name: ultv-wobble-vertical;
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
animation-iteration-count: 1
|
||||
}
|
||||
|
||||
@-webkit-keyframes ultv-wobble-vertical {
|
||||
16.65% {
|
||||
top: -webkit-calc( 50% + 8px );
|
||||
top: calc( 50% + 8px )
|
||||
}
|
||||
|
||||
33.3% {
|
||||
top: -webkit-calc( 50% - 6px );
|
||||
top: calc( 50% - 6px )
|
||||
}
|
||||
|
||||
49.95% {
|
||||
top: -webkit-calc( 50% + 4px );
|
||||
top: calc( 50% + 4px )
|
||||
}
|
||||
|
||||
66.6% {
|
||||
top: -webkit-calc( 50% - 2px );
|
||||
top: calc( 50% - 2px )
|
||||
}
|
||||
|
||||
83.25% {
|
||||
top: -webkit-calc( 50% + 1px );
|
||||
top: calc( 50% + 1px )
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 50%
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ultv-wobble-vertical {
|
||||
16.65% {
|
||||
top: -webkit-calc( 50% + 8px );
|
||||
top: calc( 50% + 8px )
|
||||
}
|
||||
|
||||
33.3% {
|
||||
top: -webkit-calc( 50% - 6px );
|
||||
top: calc( 50% - 6px )
|
||||
}
|
||||
|
||||
49.95% {
|
||||
top: -webkit-calc( 50% + 4px );
|
||||
top: calc( 50% + 4px )
|
||||
}
|
||||
|
||||
66.6% {
|
||||
top: -webkit-calc( 50% - 2px );
|
||||
top: calc( 50% - 2px )
|
||||
}
|
||||
|
||||
83.25% {
|
||||
top: -webkit-calc( 50% + 1px );
|
||||
top: calc( 50% + 1px )
|
||||
}
|
||||
|
||||
100% {
|
||||
top: 50%
|
||||
}
|
||||
}
|
||||
.ultv-subscribe-bar {
|
||||
js-display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-moz-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
.ultv-subscribe-bar-prefix {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ultv-subscribe-content {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ultv-video__outer-wrap:hover .ultv-video__play-icon .ultv-youtube-icon-bg{
|
||||
fill: #cc181e;
|
||||
}
|
||||
.ultv-video__outer-wrap:hover .ultv-video__play-icon .ultv-vimeo-icon-bg{
|
||||
|
||||
fill:rgba(0, 173, 239, 0.9);
|
||||
}
|
||||
|
||||
.ultv-subscribe-responsive-desktop .ultv-subscribe-bar {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ultv-subscribe-responsive-desktop .ultv-subscribe-bar-prefix {
|
||||
margin-right: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ultv-subscribe-responsive-desktop .ultv-subscribe-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.ultv-subscribe-responsive-tablet .ultv-subscribe-bar {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ultv-subscribe-responsive-tablet .ultv-subscribe-bar-prefix {
|
||||
margin-right: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ultv-subscribe-responsive-tablet .ultv-subscribe-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.ultv-subscribe-responsive-mobile .ultv-subscribe-bar {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.ultv-subscribe-responsive-mobile .ultv-subscribe-bar-prefix {
|
||||
margin-right: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ultv-subscribe-responsive-mobile .ultv-subscribe-content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user