6729 lines
141 KiB
SCSS
6729 lines
141 KiB
SCSS
@charset "utf-8";
|
|
|
|
@import "../initial";
|
|
|
|
#sp-page-builder {
|
|
position: relative
|
|
}
|
|
|
|
#sp-page-builder .sp-pagebuilder-page-edit {
|
|
position: absolute;
|
|
font-size: 0.8125em;
|
|
line-height: 1;
|
|
top: 15px;
|
|
right: 15px;
|
|
color: #fff;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 8px 10px;
|
|
text-decoration: none;
|
|
font-style: normal;
|
|
background: rgba(0,0,0,.5);
|
|
border: 1px solid rgba(255,255,255,.2);
|
|
border-radius: 3px;
|
|
-webkit-transition: background-color .3s,color .3s,border-color .3s;
|
|
transition: background-color .3s,color .3s,border-color .3s;
|
|
z-index: 9995
|
|
}
|
|
|
|
#sp-page-builder .sp-pagebuilder-page-edit:active,#sp-page-builder .sp-pagebuilder-page-edit:focus,#sp-page-builder .sp-pagebuilder-page-edit:hover {
|
|
color: #000;
|
|
background: #fff;
|
|
border-color: rgba(0,0,0,.2)
|
|
}
|
|
|
|
#sp-page-builder .page-content .sppb-section,#sp-page-builder .sppb-section {
|
|
z-index: 1;
|
|
position: relative
|
|
}
|
|
|
|
#sp-page-builder .page-content .sppb-section,#sp-page-builder .sppb-section {
|
|
will-change: top
|
|
}
|
|
|
|
#sp-page-builder .page-content .sppb-section:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
#sp-page-builder .sppb-section-title {
|
|
margin-bottom: 50px;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
#sp-page-builder .sppb-section-title .sppb-title-heading {
|
|
margin-top: 0;
|
|
font-size: 2.25em;
|
|
line-height: 36px;
|
|
margin-bottom: 15px;
|
|
border: 0
|
|
}
|
|
|
|
#sp-page-builder .sppb-section-title .sppb-title-subheading {
|
|
font-size: 1em;
|
|
margin-top: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
|
|
display: inline-block;
|
|
max-width: 80%
|
|
}
|
|
|
|
.sppb-section-bacground-video {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
z-index: -1
|
|
}
|
|
|
|
.sppb-section-bacground-video::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: 0 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.sppb-section-bacground-video video {
|
|
object-fit: cover;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-youtube-video-bg.display-none {
|
|
display: none
|
|
}
|
|
|
|
.com-sppagebuilder.view-form.layout-edit.off-canvas-menu-init {
|
|
position: inherit
|
|
}
|
|
|
|
.sppb-addon-cta .sppb-cta-title {
|
|
margin-top: 0;
|
|
font-size: 36px;
|
|
line-height: 36px;
|
|
margin-bottom: 15px;
|
|
border: 0
|
|
}
|
|
|
|
.sppb-addon-cta .sppb-cta-subtitle {
|
|
font-size: 24px;
|
|
line-height: 24px;
|
|
margin-top: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sppb-addon-cta .sppb-cta-text {
|
|
margin-top: 15px;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.sppb-addon-cta .sppb-row {
|
|
display:table;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-addon-cta .sppb-row>div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
float: none
|
|
}
|
|
}
|
|
|
|
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
|
|
.sppb-carousel-inner>.sppb-item>a>img,.sppb-carousel-inner>.sppb-item>img,.sppb-img-responsive {
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-img-responsive.sppb-avatar {
|
|
width: auto!important
|
|
}
|
|
}
|
|
|
|
.sppb-addon-facebook-likebox * {
|
|
max-width: 100%!important
|
|
}
|
|
|
|
.sppb-gallery {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.sppb-gallery li {
|
|
display: inline-block;
|
|
float: left;
|
|
padding: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.sppb-gallery li a {
|
|
display: block
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-image,.sppb-addon-person .sppb-person-image {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-introtext,.sppb-addon-persion .sppb-person-social-icons,.sppb-addon-person .sppb-person-introtext,.sppb-addon-person .sppb-person-social-icons {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-information>span,.sppb-addon-person .sppb-person-information>span {
|
|
display: block
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-information>span.sppb-person-name,.sppb-addon-person .sppb-person-information>span.sppb-person-name {
|
|
font-size: 16px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-information>span.sppb-person-designation,.sppb-addon-persion .sppb-person-information>span.sppb-person-email,.sppb-addon-person .sppb-person-information>span.sppb-person-designation,.sppb-addon-person .sppb-person-information>span.sppb-person-email {
|
|
margin-top: 5px;
|
|
display: block;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: rgba(0,0,0,.4)
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-social,.sppb-addon-person .sppb-person-social {
|
|
list-style: none;
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0 -5px
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-social>li,.sppb-addon-person .sppb-person-social>li {
|
|
display: inline-block;
|
|
margin: 0 5px
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-social>li>a,.sppb-addon-person .sppb-person-social>li>a {
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
color: #999
|
|
}
|
|
|
|
.sppb-addon-persion .sppb-person-social>li>a:hover,.sppb-addon-person .sppb-person-social>li>a:hover {
|
|
color: #666
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {
|
|
margin-top: 0;
|
|
padding: 0;
|
|
font-size: 18px;
|
|
margin: 0 0 20px
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header>span.sppb-pricing-price {
|
|
font-size: 24px;
|
|
line-height: 24px
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header>span.sppb-pricing-duration {
|
|
font-size: 16px;
|
|
line-height: 16px
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-features,.sppb-pricing-box .sppb-pricing-price-container {
|
|
margin: 0 0 20px
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-features>ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-features>ul>li {
|
|
display: block;
|
|
padding: 0
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-features>ul>li:last-child {
|
|
margin-bottom: 0!important
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-features>ul>li .fa-check {
|
|
color: #03e16d
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-features>ul>li .fa-times {
|
|
color: #d0021b
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header>span.sppb-pricing-price {
|
|
font-size: 24px;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header>span.sppb-pricing-duration {
|
|
font-size: 16px;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header span.sppb-pricing-price-symbol {
|
|
line-height: 1.3;
|
|
vertical-align: super
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-price.after {
|
|
margin-bottom: 30px;
|
|
display: block
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header>span.sppb-pricing-price {
|
|
font-size: 24px;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header>span.sppb-pricing-duration {
|
|
font-size: 16px;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-pricing-box .sppb-pricing-header span.sppb-pricing-price-symbol {
|
|
line-height: 1.3;
|
|
vertical-align: super
|
|
}
|
|
|
|
.sppb-addon-animated-number .sppb-addon-content {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-addon-animated-number .sppb-addon-content .sppb-animated-number-title {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.sppb-addon-animated-number.sppb-hasbg .sppb-addon-content {
|
|
padding: 20px
|
|
}
|
|
|
|
.sppb-pie-chart {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-pie-chart canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0
|
|
}
|
|
|
|
.sppb-pie-chart .sppb-chart-percent {
|
|
font-size: 24px
|
|
}
|
|
|
|
.sppb-pie-chart .sppb-chart-icon,.sppb-pie-chart .sppb-chart-percent {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: table
|
|
}
|
|
|
|
.sppb-pie-chart .sppb-chart-icon span,.sppb-pie-chart .sppb-chart-percent span {
|
|
display: table-cell;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.sppb-addon-single-image-container {
|
|
display: inline-block;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-addon-image-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
-webkit-transition: opacity .4s;
|
|
transition: opacity .4s
|
|
}
|
|
|
|
.sppb-addon-single-image-container:hover .sppb-addon-image-overlay {
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-addon-image-overlay-icon {
|
|
position: absolute;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
display: block;
|
|
width: 36px;
|
|
font-size: 28px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
background: 0 0;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -18px;
|
|
margin-top: -18px;
|
|
background: rgba(0,0,0,.8);
|
|
border-radius: 40px;
|
|
-webkit-transition: background-color .3s;
|
|
transition: background-color .3s;
|
|
display: none
|
|
}
|
|
|
|
.sppb-addon-image-overlay-icon:active,.sppb-addon-image-overlay-icon:focus,.sppb-addon-image-overlay-icon:hover {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: #000;
|
|
outline: 0
|
|
}
|
|
|
|
.sppb-addon-single-image-container:hover .sppb-addon-image-overlay-icon {
|
|
display: block;
|
|
-webkit-animation: zoomIn .2s;
|
|
animation: zoomIn .2s
|
|
}
|
|
|
|
.sppb-addon-image-content {
|
|
position: relative
|
|
}
|
|
|
|
.sppb-addon-image-content .sppb-image-holder {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 50%;
|
|
height: 100%;
|
|
background-position: 50%;
|
|
background-size: cover
|
|
}
|
|
|
|
.sppb-addon-image-content.aligment-left .sppb-image-holder {
|
|
left: 0
|
|
}
|
|
|
|
.sppb-addon-image-content.aligment-left .sppb-content-holder {
|
|
padding: 120px 0 120px 50px
|
|
}
|
|
|
|
.sppb-addon-image-content.aligment-right .sppb-image-holder {
|
|
right: 0
|
|
}
|
|
|
|
.sppb-addon-image-content.aligment-right .sppb-content-holder {
|
|
padding: 120px 50px 120px 0
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.sppb-addon-image-content .sppb-image-holder {
|
|
position:inherit;
|
|
width: 100%!important;
|
|
height: 300px
|
|
}
|
|
}
|
|
|
|
.sppb-addon-articles {
|
|
margin-bottom: -30px
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-addon-article {
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-carousel .sppb-carousel-inner>.sppb-item {
|
|
padding: 0
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-carousel .sppb-carousel-control {
|
|
position: absolute;
|
|
top: 50%;
|
|
border: 1px solid #fff;
|
|
color: #fff;
|
|
border-radius: 100px;
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 34px;
|
|
font-size: 18px;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
opacity: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-carousel .sppb-carousel-control.left {
|
|
left: 10px
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-carousel .sppb-carousel-control.right {
|
|
right: 10px
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-carousel .sppb-carousel-control:hover {
|
|
background-color: #333;
|
|
border-color: #333
|
|
}
|
|
|
|
.sppb-addon-articles:hover .sppb-carousel-control {
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-article-meta {
|
|
margin: -5px -5px 5px
|
|
}
|
|
|
|
.sppb-addon-articles .sppb-article-meta>span {
|
|
display: inline-block;
|
|
margin: 5px;
|
|
color: #888;
|
|
font-size: 13px
|
|
}
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
:after,:before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
button,input,select,textarea {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.sppb-carousel-inner>.sppb-item>a>img,.sppb-carousel-inner>.sppb-item>img,.sppb-img-responsive {
|
|
display: block;
|
|
width: 100%\9;
|
|
max-width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
.sppb-img-rounded {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.sppb-img-thumbnail {
|
|
padding: 4px;
|
|
line-height: 1.42857143;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out;
|
|
display: inline-block;
|
|
width: 100%\9;
|
|
max-width: 100%;
|
|
height: auto
|
|
}
|
|
|
|
.sppb-img-circle {
|
|
border-radius: 50%
|
|
}
|
|
|
|
hr {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
border: 0;
|
|
border-top: 1px solid #eee
|
|
}
|
|
|
|
.sppb-lead {
|
|
margin-bottom: 20px;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-lead {
|
|
font-size:21px
|
|
}
|
|
}
|
|
|
|
.sppb-text-left {
|
|
text-align: left
|
|
}
|
|
|
|
.sppb-text-right {
|
|
text-align: right
|
|
}
|
|
|
|
.sppb-text-center {
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-text-center .sppb-img-responsive,.sppb-text-left .sppb-img-responsive,.sppb-text-right .sppb-img-responsive {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-text-justify {
|
|
text-align: justify
|
|
}
|
|
|
|
.sppb-text-nowrap {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.sppb-text-lowercase {
|
|
text-transform: lowercase
|
|
}
|
|
|
|
.sppb-text-uppercase {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.sppb-text-capitalize {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.sppb-text-muted {
|
|
color: #777
|
|
}
|
|
|
|
.sppb-text-primary {
|
|
color: #428bca
|
|
}
|
|
|
|
a.sppb-text-primary:hover {
|
|
color: #3071a9
|
|
}
|
|
|
|
.sppb-text-success {
|
|
color: #3c763d
|
|
}
|
|
|
|
a.sppb-text-success:hover {
|
|
color: #2b542c
|
|
}
|
|
|
|
.sppb-text-info {
|
|
color: #31708f
|
|
}
|
|
|
|
a.sppb-text-info:hover {
|
|
color: #245269
|
|
}
|
|
|
|
.sppb-text-warning {
|
|
color: #8a6d3b
|
|
}
|
|
|
|
a.sppb-text-warning:hover {
|
|
color: #66512c
|
|
}
|
|
|
|
.sppb-text-danger {
|
|
color: #a94442
|
|
}
|
|
|
|
a.sppb-text-danger:hover {
|
|
color: #843534
|
|
}
|
|
|
|
.sppb-blockquote {
|
|
position: relative;
|
|
font-size: 18px;
|
|
font-style: italic
|
|
}
|
|
|
|
.sppb-blockquote ol:last-child,.sppb-blockquote p:last-child,.sppb-blockquote ul:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sppb-blockquote .small,.sppb-blockquote footer,.sppb-blockquote small {
|
|
font-style: normal;
|
|
display: block;
|
|
margin-top: 15px;
|
|
font-size: 80%;
|
|
line-height: 1.42857143;
|
|
color: #989898
|
|
}
|
|
|
|
.sppb-blockquote .small:before,.sppb-blockquote footer:before,.sppb-blockquote small:before {
|
|
content: '\2014 \00A0'
|
|
}
|
|
|
|
.sppb-blockquote.pull-right {
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
border-right: 5px solid #eee;
|
|
border-left: 0;
|
|
text-align: right
|
|
}
|
|
|
|
.sppb-blockquote.pull-right .small:before,.sppb-blockquote.pull-right footer:before,.sppb-blockquote.pull-right small:before {
|
|
content: ''
|
|
}
|
|
|
|
.sppb-blockquote.pull-right .small:after,.sppb-blockquote.pull-right footer:after,.sppb-blockquote.pull-right small:after {
|
|
content: '\00A0 \2014'
|
|
}
|
|
|
|
.sppb-blockquote:after {
|
|
content: ""
|
|
}
|
|
|
|
.sppb-blockquote:before {
|
|
content: "\f10d";
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-size: 28px;
|
|
line-height: 28px;
|
|
color: rgba(152,152,152,.3);
|
|
display: block;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.sppb-address {
|
|
margin-bottom: 20px;
|
|
font-style: normal;
|
|
line-height: 1.42857143
|
|
}
|
|
|
|
.sppb-addon-blocknumber .sppb-blocknumber-number {
|
|
display: inline-block;
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-addon-blocknumber .sppb-media-body.sppb-text-center {
|
|
margin-top: 15px
|
|
}
|
|
|
|
.sppb-addon-blocknumber .sppb-media-body h1,.sppb-addon-blocknumber .sppb-media-body h2,.sppb-addon-blocknumber .sppb-media-body h3,.sppb-addon-blocknumber .sppb-media-body h4,.sppb-addon-blocknumber .sppb-media-body h5,.sppb-addon-blocknumber .sppb-media-body h6 {
|
|
margin-top: 0
|
|
}
|
|
|
|
.sppb-dropcap .sppb-addon-content:first-letter {
|
|
display: block;
|
|
float: left;
|
|
font-size: 50px;
|
|
line-height: 40px;
|
|
padding: 4px 8px 0 0
|
|
}
|
|
|
|
.sppb-code,.sppb-pre {
|
|
font-family: Menlo,Monaco,Consolas,"Courier New",monospace
|
|
}
|
|
|
|
.sppb-code {
|
|
padding: 2px 4px;
|
|
font-size: 90%;
|
|
color: #c7254e;
|
|
background-color: #f9f2f4;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
color: #333;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-pre .sppb-code {
|
|
padding: 0;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border-radius: 0
|
|
}
|
|
|
|
.pre-scrollable {
|
|
max-height: 340px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.sppb-container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
width: 100%
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.sppb-container {
|
|
max-width:540px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-container {
|
|
max-width:720px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.sppb-container {
|
|
max-width:960px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-container {
|
|
max-width:1140px
|
|
}
|
|
}
|
|
|
|
.sppb-container-fluid {
|
|
width: 100%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
width: 100%
|
|
}
|
|
|
|
.sp-pagebuilder-row,.sppb-row {
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin-right: -15px;
|
|
margin-left: -15px
|
|
}
|
|
|
|
.sppb-no-gutter {
|
|
margin-right: 0;
|
|
margin-left: 0
|
|
}
|
|
|
|
.sppb-no-gutter>.sppb-col,.sppb-no-gutter>[class*=sppb-col-] {
|
|
padding-right: 0;
|
|
padding-left: 0
|
|
}
|
|
|
|
.sppb-col,.sppb-col-auto,.sppb-col-lg,.sppb-col-lg-1,.sppb-col-lg-10,.sppb-col-lg-11,.sppb-col-lg-12,.sppb-col-lg-2,.sppb-col-lg-3,.sppb-col-lg-4,.sppb-col-lg-5,.sppb-col-lg-6,.sppb-col-lg-7,.sppb-col-lg-8,.sppb-col-lg-9,.sppb-col-lg-auto,.sppb-col-md,.sppb-col-md-1,.sppb-col-md-10,.sppb-col-md-11,.sppb-col-md-12,.sppb-col-md-2,.sppb-col-md-3,.sppb-col-md-4,.sppb-col-md-5,.sppb-col-md-6,.sppb-col-md-7,.sppb-col-md-8,.sppb-col-md-9,.sppb-col-md-auto,.sppb-col-sm,.sppb-col-sm-1,.sppb-col-sm-10,.sppb-col-sm-11,.sppb-col-sm-12,.sppb-col-sm-2,.sppb-col-sm-3,.sppb-col-sm-4,.sppb-col-sm-5,.sppb-col-sm-6,.sppb-col-sm-7,.sppb-col-sm-8,.sppb-col-sm-9,.sppb-col-sm-auto,.sppb-col-xl,.sppb-col-xl-1,.sppb-col-xl-10,.sppb-col-xl-11,.sppb-col-xl-12,.sppb-col-xl-2,.sppb-col-xl-3,.sppb-col-xl-4,.sppb-col-xl-5,.sppb-col-xl-6,.sppb-col-xl-7,.sppb-col-xl-8,.sppb-col-xl-9,.sppb-col-xl-auto,.sppb-col-xs-1,.sppb-col-xs-10,.sppb-col-xs-11,.sppb-col-xs-12,.sppb-col-xs-2,.sppb-col-xs-3,.sppb-col-xs-4,.sppb-col-xs-5,.sppb-col-xs-6,.sppb-col-xs-7,.sppb-col-xs-8,.sppb-col-xs-9 {
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 1px;
|
|
padding-right: 15px;
|
|
padding-left: 15px
|
|
}
|
|
|
|
.sppb-col {
|
|
-ms-flex-preferred-size: 0;
|
|
flex-basis: 0;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-col-auto {
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
max-width: none
|
|
}
|
|
|
|
.sppb-col-1 {
|
|
-ms-flex: 0 0 8.333333%;
|
|
flex: 0 0 8.333333%;
|
|
max-width: 8.333333%
|
|
}
|
|
|
|
.sppb-col-2 {
|
|
-ms-flex: 0 0 16.666667%;
|
|
flex: 0 0 16.666667%;
|
|
max-width: 16.666667%
|
|
}
|
|
|
|
.sppb-col-3 {
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
max-width: 25%
|
|
}
|
|
|
|
.sppb-col-4 {
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%
|
|
}
|
|
|
|
.sppb-col-5 {
|
|
-ms-flex: 0 0 41.666667%;
|
|
flex: 0 0 41.666667%;
|
|
max-width: 41.666667%
|
|
}
|
|
|
|
.sppb-col-6 {
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
max-width: 50%
|
|
}
|
|
|
|
.sppb-col-7 {
|
|
-ms-flex: 0 0 58.333333%;
|
|
flex: 0 0 58.333333%;
|
|
max-width: 58.333333%
|
|
}
|
|
|
|
.sppb-col-8 {
|
|
-ms-flex: 0 0 66.666667%;
|
|
flex: 0 0 66.666667%;
|
|
max-width: 66.666667%
|
|
}
|
|
|
|
.sppb-col-9 {
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
max-width: 75%
|
|
}
|
|
|
|
.sppb-col-10 {
|
|
-ms-flex: 0 0 83.333333%;
|
|
flex: 0 0 83.333333%;
|
|
max-width: 83.333333%
|
|
}
|
|
|
|
.sppb-col-11 {
|
|
-ms-flex: 0 0 91.666667%;
|
|
flex: 0 0 91.666667%;
|
|
max-width: 91.666667%
|
|
}
|
|
|
|
.sppb-col-12 {
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-order-1 {
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.sppb-order-2 {
|
|
-ms-flex-order: 2;
|
|
order: 2
|
|
}
|
|
|
|
.sppb-order-3 {
|
|
-ms-flex-order: 3;
|
|
order: 3
|
|
}
|
|
|
|
.sppb-order-4 {
|
|
-ms-flex-order: 4;
|
|
order: 4
|
|
}
|
|
|
|
.sppb-order-5 {
|
|
-ms-flex-order: 5;
|
|
order: 5
|
|
}
|
|
|
|
.sppb-order-6 {
|
|
-ms-flex-order: 6;
|
|
order: 6
|
|
}
|
|
|
|
.sppb-order-7 {
|
|
-ms-flex-order: 7;
|
|
order: 7
|
|
}
|
|
|
|
.sppb-order-8 {
|
|
-ms-flex-order: 8;
|
|
order: 8
|
|
}
|
|
|
|
.sppb-order-9 {
|
|
-ms-flex-order: 9;
|
|
order: 9
|
|
}
|
|
|
|
.sppb-order-10 {
|
|
-ms-flex-order: 10;
|
|
order: 10
|
|
}
|
|
|
|
.sppb-order-11 {
|
|
-ms-flex-order: 11;
|
|
order: 11
|
|
}
|
|
|
|
.sppb-order-12 {
|
|
-ms-flex-order: 12;
|
|
order: 12
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sppb-col-xs {
|
|
-ms-flex-preferred-size:0;
|
|
flex-basis: 0;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-col-xs-auto {
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
max-width: none
|
|
}
|
|
|
|
.sppb-col-xs-1 {
|
|
-ms-flex: 0 0 8.333333%;
|
|
flex: 0 0 8.333333%;
|
|
max-width: 8.333333%
|
|
}
|
|
|
|
.sppb-col-xs-2 {
|
|
-ms-flex: 0 0 16.666667%;
|
|
flex: 0 0 16.666667%;
|
|
max-width: 16.666667%
|
|
}
|
|
|
|
.sppb-col-xs-3 {
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
max-width: 25%
|
|
}
|
|
|
|
.sppb-col-xs-4 {
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%
|
|
}
|
|
|
|
.sppb-col-xs-5 {
|
|
-ms-flex: 0 0 41.666667%;
|
|
flex: 0 0 41.666667%;
|
|
max-width: 41.666667%
|
|
}
|
|
|
|
.sppb-col-xs-6 {
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
max-width: 50%
|
|
}
|
|
|
|
.sppb-col-xs-7 {
|
|
-ms-flex: 0 0 58.333333%;
|
|
flex: 0 0 58.333333%;
|
|
max-width: 58.333333%
|
|
}
|
|
|
|
.sppb-col-xs-8 {
|
|
-ms-flex: 0 0 66.666667%;
|
|
flex: 0 0 66.666667%;
|
|
max-width: 66.666667%
|
|
}
|
|
|
|
.sppb-col-xs-9 {
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
max-width: 75%
|
|
}
|
|
|
|
.sppb-col-xs-10 {
|
|
-ms-flex: 0 0 83.333333%;
|
|
flex: 0 0 83.333333%;
|
|
max-width: 83.333333%
|
|
}
|
|
|
|
.sppb-col-xs-11 {
|
|
-ms-flex: 0 0 91.666667%;
|
|
flex: 0 0 91.666667%;
|
|
max-width: 91.666667%
|
|
}
|
|
|
|
.sppb-col-xs-12 {
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-order-xs-1 {
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.sppb-order-xs-2 {
|
|
-ms-flex-order: 2;
|
|
order: 2
|
|
}
|
|
|
|
.sppb-order-xs-3 {
|
|
-ms-flex-order: 3;
|
|
order: 3
|
|
}
|
|
|
|
.sppb-order-xs-4 {
|
|
-ms-flex-order: 4;
|
|
order: 4
|
|
}
|
|
|
|
.sppb-order-xs-5 {
|
|
-ms-flex-order: 5;
|
|
order: 5
|
|
}
|
|
|
|
.sppb-order-xs-6 {
|
|
-ms-flex-order: 6;
|
|
order: 6
|
|
}
|
|
|
|
.sppb-order-xs-7 {
|
|
-ms-flex-order: 7;
|
|
order: 7
|
|
}
|
|
|
|
.sppb-order-xs-8 {
|
|
-ms-flex-order: 8;
|
|
order: 8
|
|
}
|
|
|
|
.sppb-order-xs-9 {
|
|
-ms-flex-order: 9;
|
|
order: 9
|
|
}
|
|
|
|
.sppb-order-xs-10 {
|
|
-ms-flex-order: 10;
|
|
order: 10
|
|
}
|
|
|
|
.sppb-order-xs-11 {
|
|
-ms-flex-order: 11;
|
|
order: 11
|
|
}
|
|
|
|
.sppb-order-xs-12 {
|
|
-ms-flex-order: 12;
|
|
order: 12
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-col-sm {
|
|
-ms-flex-preferred-size:0;
|
|
flex-basis: 0;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-col-sm-auto {
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
max-width: none
|
|
}
|
|
|
|
.sppb-col-sm-1 {
|
|
-ms-flex: 0 0 8.333333%;
|
|
flex: 0 0 8.333333%;
|
|
max-width: 8.333333%
|
|
}
|
|
|
|
.sppb-col-sm-2 {
|
|
-ms-flex: 0 0 16.666667%;
|
|
flex: 0 0 16.666667%;
|
|
max-width: 16.666667%
|
|
}
|
|
|
|
.sppb-col-sm-3 {
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
max-width: 25%
|
|
}
|
|
|
|
.sppb-col-sm-4 {
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%
|
|
}
|
|
|
|
.sppb-col-sm-5 {
|
|
-ms-flex: 0 0 41.666667%;
|
|
flex: 0 0 41.666667%;
|
|
max-width: 41.666667%
|
|
}
|
|
|
|
.sppb-col-sm-6 {
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
max-width: 50%
|
|
}
|
|
|
|
.sppb-col-sm-7 {
|
|
-ms-flex: 0 0 58.333333%;
|
|
flex: 0 0 58.333333%;
|
|
max-width: 58.333333%
|
|
}
|
|
|
|
.sppb-col-sm-8 {
|
|
-ms-flex: 0 0 66.666667%;
|
|
flex: 0 0 66.666667%;
|
|
max-width: 66.666667%
|
|
}
|
|
|
|
.sppb-col-sm-9 {
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
max-width: 75%
|
|
}
|
|
|
|
.sppb-col-sm-10 {
|
|
-ms-flex: 0 0 83.333333%;
|
|
flex: 0 0 83.333333%;
|
|
max-width: 83.333333%
|
|
}
|
|
|
|
.sppb-col-sm-11 {
|
|
-ms-flex: 0 0 91.666667%;
|
|
flex: 0 0 91.666667%;
|
|
max-width: 91.666667%
|
|
}
|
|
|
|
.sppb-col-sm-12 {
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-order-sm-1 {
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.sppb-order-sm-2 {
|
|
-ms-flex-order: 2;
|
|
order: 2
|
|
}
|
|
|
|
.sppb-order-sm-3 {
|
|
-ms-flex-order: 3;
|
|
order: 3
|
|
}
|
|
|
|
.sppb-order-sm-4 {
|
|
-ms-flex-order: 4;
|
|
order: 4
|
|
}
|
|
|
|
.sppb-order-sm-5 {
|
|
-ms-flex-order: 5;
|
|
order: 5
|
|
}
|
|
|
|
.sppb-order-sm-6 {
|
|
-ms-flex-order: 6;
|
|
order: 6
|
|
}
|
|
|
|
.sppb-order-sm-7 {
|
|
-ms-flex-order: 7;
|
|
order: 7
|
|
}
|
|
|
|
.sppb-order-sm-8 {
|
|
-ms-flex-order: 8;
|
|
order: 8
|
|
}
|
|
|
|
.sppb-order-sm-9 {
|
|
-ms-flex-order: 9;
|
|
order: 9
|
|
}
|
|
|
|
.sppb-order-sm-10 {
|
|
-ms-flex-order: 10;
|
|
order: 10
|
|
}
|
|
|
|
.sppb-order-sm-11 {
|
|
-ms-flex-order: 11;
|
|
order: 11
|
|
}
|
|
|
|
.sppb-order-sm-12 {
|
|
-ms-flex-order: 12;
|
|
order: 12
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.sppb-col-md {
|
|
-ms-flex-preferred-size:0;
|
|
flex-basis: 0;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-col-md-auto {
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
max-width: none
|
|
}
|
|
|
|
.sppb-col-md-1 {
|
|
-ms-flex: 0 0 8.333333%;
|
|
flex: 0 0 8.333333%;
|
|
max-width: 8.333333%
|
|
}
|
|
|
|
.sppb-col-md-2 {
|
|
-ms-flex: 0 0 16.666667%;
|
|
flex: 0 0 16.666667%;
|
|
max-width: 16.666667%
|
|
}
|
|
|
|
.sppb-col-md-3 {
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
max-width: 25%
|
|
}
|
|
|
|
.sppb-col-md-4 {
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%
|
|
}
|
|
|
|
.sppb-col-md-5 {
|
|
-ms-flex: 0 0 41.666667%;
|
|
flex: 0 0 41.666667%;
|
|
max-width: 41.666667%
|
|
}
|
|
|
|
.sppb-col-md-6 {
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
max-width: 50%
|
|
}
|
|
|
|
.sppb-col-md-7 {
|
|
-ms-flex: 0 0 58.333333%;
|
|
flex: 0 0 58.333333%;
|
|
max-width: 58.333333%
|
|
}
|
|
|
|
.sppb-col-md-8 {
|
|
-ms-flex: 0 0 66.666667%;
|
|
flex: 0 0 66.666667%;
|
|
max-width: 66.666667%
|
|
}
|
|
|
|
.sppb-col-md-9 {
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
max-width: 75%
|
|
}
|
|
|
|
.sppb-col-md-10 {
|
|
-ms-flex: 0 0 83.333333%;
|
|
flex: 0 0 83.333333%;
|
|
max-width: 83.333333%
|
|
}
|
|
|
|
.sppb-col-md-11 {
|
|
-ms-flex: 0 0 91.666667%;
|
|
flex: 0 0 91.666667%;
|
|
max-width: 91.666667%
|
|
}
|
|
|
|
.sppb-col-md-12 {
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-order-md-1 {
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.sppb-order-md-2 {
|
|
-ms-flex-order: 2;
|
|
order: 2
|
|
}
|
|
|
|
.sppb-order-md-3 {
|
|
-ms-flex-order: 3;
|
|
order: 3
|
|
}
|
|
|
|
.sppb-order-md-4 {
|
|
-ms-flex-order: 4;
|
|
order: 4
|
|
}
|
|
|
|
.sppb-order-md-5 {
|
|
-ms-flex-order: 5;
|
|
order: 5
|
|
}
|
|
|
|
.sppb-order-md-6 {
|
|
-ms-flex-order: 6;
|
|
order: 6
|
|
}
|
|
|
|
.sppb-order-md-7 {
|
|
-ms-flex-order: 7;
|
|
order: 7
|
|
}
|
|
|
|
.sppb-order-md-8 {
|
|
-ms-flex-order: 8;
|
|
order: 8
|
|
}
|
|
|
|
.sppb-order-md-9 {
|
|
-ms-flex-order: 9;
|
|
order: 9
|
|
}
|
|
|
|
.sppb-order-md-10 {
|
|
-ms-flex-order: 10;
|
|
order: 10
|
|
}
|
|
|
|
.sppb-order-md-11 {
|
|
-ms-flex-order: 11;
|
|
order: 11
|
|
}
|
|
|
|
.sppb-order-md-12 {
|
|
-ms-flex-order: 12;
|
|
order: 12
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-col-lg {
|
|
-ms-flex-preferred-size:0;
|
|
flex-basis: 0;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-col-lg-auto {
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
max-width: none
|
|
}
|
|
|
|
.sppb-col-lg-1 {
|
|
-ms-flex: 0 0 8.333333%;
|
|
flex: 0 0 8.333333%;
|
|
max-width: 8.333333%
|
|
}
|
|
|
|
.sppb-col-lg-2 {
|
|
-ms-flex: 0 0 16.666667%;
|
|
flex: 0 0 16.666667%;
|
|
max-width: 16.666667%
|
|
}
|
|
|
|
.sppb-col-lg-3 {
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
max-width: 25%
|
|
}
|
|
|
|
.sppb-col-lg-4 {
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%
|
|
}
|
|
|
|
.sppb-col-lg-5 {
|
|
-ms-flex: 0 0 41.666667%;
|
|
flex: 0 0 41.666667%;
|
|
max-width: 41.666667%
|
|
}
|
|
|
|
.sppb-col-lg-6 {
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
max-width: 50%
|
|
}
|
|
|
|
.sppb-col-lg-7 {
|
|
-ms-flex: 0 0 58.333333%;
|
|
flex: 0 0 58.333333%;
|
|
max-width: 58.333333%
|
|
}
|
|
|
|
.sppb-col-lg-8 {
|
|
-ms-flex: 0 0 66.666667%;
|
|
flex: 0 0 66.666667%;
|
|
max-width: 66.666667%
|
|
}
|
|
|
|
.sppb-col-lg-9 {
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
max-width: 75%
|
|
}
|
|
|
|
.sppb-col-lg-10 {
|
|
-ms-flex: 0 0 83.333333%;
|
|
flex: 0 0 83.333333%;
|
|
max-width: 83.333333%
|
|
}
|
|
|
|
.sppb-col-lg-11 {
|
|
-ms-flex: 0 0 91.666667%;
|
|
flex: 0 0 91.666667%;
|
|
max-width: 91.666667%
|
|
}
|
|
|
|
.sppb-col-lg-12 {
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.sppb-order-lg-1 {
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.sppb-order-lg-2 {
|
|
-ms-flex-order: 2;
|
|
order: 2
|
|
}
|
|
|
|
.sppb-order-lg-3 {
|
|
-ms-flex-order: 3;
|
|
order: 3
|
|
}
|
|
|
|
.sppb-order-lg-4 {
|
|
-ms-flex-order: 4;
|
|
order: 4
|
|
}
|
|
|
|
.sppb-order-lg-5 {
|
|
-ms-flex-order: 5;
|
|
order: 5
|
|
}
|
|
|
|
.sppb-order-lg-6 {
|
|
-ms-flex-order: 6;
|
|
order: 6
|
|
}
|
|
|
|
.sppb-order-lg-7 {
|
|
-ms-flex-order: 7;
|
|
order: 7
|
|
}
|
|
|
|
.sppb-order-lg-8 {
|
|
-ms-flex-order: 8;
|
|
order: 8
|
|
}
|
|
|
|
.sppb-order-lg-9 {
|
|
-ms-flex-order: 9;
|
|
order: 9
|
|
}
|
|
|
|
.sppb-order-lg-10 {
|
|
-ms-flex-order: 10;
|
|
order: 10
|
|
}
|
|
|
|
.sppb-order-lg-11 {
|
|
-ms-flex-order: 11;
|
|
order: 11
|
|
}
|
|
|
|
.sppb-order-lg-12 {
|
|
-ms-flex-order: 12;
|
|
order: 12
|
|
}
|
|
}
|
|
|
|
.sppb-column,.sppb-column-addons {
|
|
position: relative;
|
|
z-index: 1;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-column {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.sppb-column.sppb-align-items-center {
|
|
-ms-flex-align: center!important;
|
|
align-items: center!important
|
|
}
|
|
|
|
.sppb-column-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 0
|
|
}
|
|
|
|
.sppb-row-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-position: center center;
|
|
background-repeat: repeat
|
|
}
|
|
|
|
.sppb-btn {
|
|
display: inline-block;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: pre-line;
|
|
vertical-align: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
border: 1px solid transparent;
|
|
padding: 8px 12px;
|
|
font-size: 16px;
|
|
line-height: 1.25;
|
|
border-radius: 4px;
|
|
transition: all .15s ease-in-out
|
|
}
|
|
|
|
.sppb-btn.sppb-btn-3d {
|
|
border-bottom-width: 3px;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px
|
|
}
|
|
|
|
.sppb-btn:focus,.sppb-btn:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.sppb-btn.focus,.sppb-btn:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 0 3px rgba(0,123,255,.25)
|
|
}
|
|
|
|
.sppb-btn.disabled,.sppb-btn:disabled {
|
|
opacity: .65
|
|
}
|
|
|
|
.sppb-btn.active,.sppb-btn:active {
|
|
background-image: none
|
|
}
|
|
|
|
a.sppb-btn.disabled,fieldset[disabled] a.sppb-btn {
|
|
pointer-events: none
|
|
}
|
|
|
|
.sppb-btn-default {
|
|
color: #010101;
|
|
background-color: #eff1f4;
|
|
border-color: #eff1f4
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-3d {
|
|
border-bottom-color: #d7dadd
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-gradient {
|
|
background-image: linear-gradient(-180deg,#eff1f2 0,#c2c3c3 100%);
|
|
color: #6a6a6a;
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-default:hover {
|
|
color: #010101;
|
|
background-color: #d7dadd;
|
|
border-color: #d7dadd
|
|
}
|
|
|
|
.sppb-btn-default.focus,.sppb-btn-default:focus {
|
|
color: #010101;
|
|
box-shadow: 0 0 0 3px rgba(239,241,244,.8)
|
|
}
|
|
|
|
.sppb-btn-default.disabled,.sppb-btn-default:disabled {
|
|
background-color: #eff1f4;
|
|
border-color: #eff1f4;
|
|
color: #010101
|
|
}
|
|
|
|
.show>.sppb-btn-default.dropdown-toggle,.sppb-btn-default.active,.sppb-btn-default:active {
|
|
background-color: #d7dadd;
|
|
background-image: none;
|
|
border-color: #d7dadd
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-outline {
|
|
color: #d7dadd;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-outline:hover {
|
|
color: #010101;
|
|
background-color: #eff1f4;
|
|
border-color: #eff1f4
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-outline.focus:hover,.sppb-btn-default.sppb-btn-outline:focus:hover {
|
|
color: #010101;
|
|
background-color: #eff1f4;
|
|
border-color: #eff1f4
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-outline.focus,.sppb-btn-default.sppb-btn-outline:focus {
|
|
color: #d7dadd;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-default.sppb-btn-outline.disabled,.sppb-btn-default.sppb-btn-outline:disabled {
|
|
color: #010101;
|
|
background-color: transparent;
|
|
border-color: #eff1f4
|
|
}
|
|
|
|
.show>.sppb-btn-default.sppb-btn-outline.dropdown-toggle,.sppb-btn-default.sppb-btn-outline.active,.sppb-btn-default.sppb-btn-outline:active {
|
|
color: #010101;
|
|
background-color: #eff1f4;
|
|
border-color: #eff1f4
|
|
}
|
|
|
|
.sppb-btn-primary {
|
|
color: #fff;
|
|
background-color: #3071ff;
|
|
border-color: #3071ff
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-3d {
|
|
border-bottom-color: #1e58d6
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-gradient {
|
|
background-image: linear-gradient(0deg,#2858c2 0,#5186f9 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #1e58d6;
|
|
border-color: #1e58d6
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-gradient:hover {
|
|
background-image: -webkit-linear-gradient(-180deg,#004cf4 0,#2567f5 100%);
|
|
background-image: linear-gradient(-180deg,#004cf4 0,#2567f5 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-primary.focus,.sppb-btn-primary:focus {
|
|
color: #fff;
|
|
box-shadow: 0 0 0 3px rgba(48,113,255,.5)
|
|
}
|
|
|
|
.sppb-btn-primary.disabled,.sppb-btn-primary:disabled {
|
|
background-color: #3071ff;
|
|
border-color: #3071ff;
|
|
color: #fff
|
|
}
|
|
|
|
.show>.sppb-btn-primary.dropdown-toggle,.sppb-btn-primary.active,.sppb-btn-primary:active {
|
|
background-color: #1e58d6;
|
|
background-image: none;
|
|
border-color: #1e58d6
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-outline {
|
|
color: #3071ff;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #3071ff;
|
|
border-color: #3071ff
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-outline.focus:hover,.sppb-btn-primary.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #3071ff;
|
|
border-color: #3071ff
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-outline.focus,.sppb-btn-primary.sppb-btn-outline:focus {
|
|
color: #3071ff;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-primary.sppb-btn-outline.disabled,.sppb-btn-primary.sppb-btn-outline:disabled {
|
|
color: #3071ff;
|
|
background-color: transparent;
|
|
border-color: #3071ff
|
|
}
|
|
|
|
.show>.sppb-btn-primary.sppb-btn-outline.dropdown-toggle,.sppb-btn-primary.sppb-btn-outline.active,.sppb-btn-primary.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #3071ff;
|
|
border-color: #3071ff
|
|
}
|
|
|
|
.sppb-btn-secondary {
|
|
color: #fff;
|
|
background-color: #98a7b5;
|
|
border-color: #98a7b5
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-3d {
|
|
border-bottom-color: #7a8793
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-gradient {
|
|
background-image: linear-gradient(0deg,#6a757f 0,#a7b8c7 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-secondary:hover {
|
|
color: #fff;
|
|
background-color: #7a8793;
|
|
border-color: #7a8793
|
|
}
|
|
|
|
.sppb-btn-secondary.focus,.sppb-btn-secondary:focus {
|
|
color: #fff;
|
|
box-shadow: 0 0 0 3px rgba(152,167,181,.5)
|
|
}
|
|
|
|
.sppb-btn-secondary.disabled,.sppb-btn-secondary:disabled {
|
|
background-color: #98a7b5;
|
|
border-color: #98a7b5;
|
|
color: #fff
|
|
}
|
|
|
|
.show>.sppb-btn-secondary.dropdown-toggle,.sppb-btn-secondary.active,.sppb-btn-secondary:active {
|
|
background-color: #7a8793;
|
|
background-image: none;
|
|
border-color: #7a8793
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-outline {
|
|
color: #98a7b5;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #98a7b5;
|
|
border-color: #98a7b5
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-outline.focus:hover,.sppb-btn-secondary.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #98a7b5;
|
|
border-color: #98a7b5
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-outline.focus,.sppb-btn-secondary.sppb-btn-outline:focus {
|
|
color: #98a7b5;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-secondary.sppb-btn-outline.disabled,.sppb-btn-secondary.sppb-btn-outline:disabled {
|
|
color: #98a7b5;
|
|
background-color: transparent;
|
|
border-color: #98a7b5
|
|
}
|
|
|
|
.show>.sppb-btn-secondary.sppb-btn-outline.dropdown-toggle,.sppb-btn-secondary.sppb-btn-outline.active,.sppb-btn-secondary.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #98a7b5;
|
|
border-color: #98a7b5
|
|
}
|
|
|
|
.sppb-btn-success {
|
|
color: #fff;
|
|
background-color: #23cf5f;
|
|
border-color: #23cf5f
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-3d {
|
|
border-bottom-color: #1fae51
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-gradient {
|
|
background-image: linear-gradient(-180deg,#27da65 0,#1d9d4a 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-success:hover {
|
|
color: #fff;
|
|
background-color: #1fae51;
|
|
border-color: #1fae51
|
|
}
|
|
|
|
.sppb-btn-success.focus,.sppb-btn-success:focus {
|
|
color: #fff;
|
|
box-shadow: 0 0 0 3px rgba(35,207,97,.5)
|
|
}
|
|
|
|
.sppb-btn-success.disabled,.sppb-btn-success:disabled {
|
|
background-color: #23cf5f;
|
|
border-color: #23cf5f;
|
|
color: #fff
|
|
}
|
|
|
|
.show>.sppb-btn-success.dropdown-toggle,.sppb-btn-success.active,.sppb-btn-success:active {
|
|
background-color: #1fae51;
|
|
background-image: none;
|
|
border-color: #1fae51
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-outline {
|
|
color: #23cf5f;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #23cf5f;
|
|
border-color: #23cf5f
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-outline.focus:hover,.sppb-btn-success.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #23cf5f;
|
|
border-color: #23cf5f
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-outline.focus,.sppb-btn-success.sppb-btn-outline:focus {
|
|
color: #23cf5f;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-success.sppb-btn-outline.disabled,.sppb-btn-success.sppb-btn-outline:disabled {
|
|
color: #23cf5f;
|
|
background-color: transparent;
|
|
border-color: #23cf5f
|
|
}
|
|
|
|
.show>.sppb-btn-success.sppb-btn-outline.dropdown-toggle,.sppb-btn-success.sppb-btn-outline.active,.sppb-btn-success.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #23cf5f;
|
|
border-color: #23cf5f
|
|
}
|
|
|
|
.sppb-btn-info {
|
|
color: #fff;
|
|
background-color: #0ac9c9;
|
|
border-color: #0ac9c9
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-3d {
|
|
border-bottom-color: #09aeae
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-gradient {
|
|
background-image: linear-gradient(-180deg,#0ddada 0,#0aa9a9 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-info:hover {
|
|
color: #fff;
|
|
background-color: #09aeae;
|
|
border-color: #09aeae
|
|
}
|
|
|
|
.sppb-btn-info.focus,.sppb-btn-info:focus {
|
|
color: #fff;
|
|
box-shadow: 0 0 0 3px rgba(10,201,201,.5)
|
|
}
|
|
|
|
.sppb-btn-info.disabled,.sppb-btn-info:disabled {
|
|
background-color: #0ac9c9;
|
|
border-color: #0ac9c9;
|
|
color: #fff
|
|
}
|
|
|
|
.show>.sppb-btn-info.dropdown-toggle,.sppb-btn-info.active,.sppb-btn-info:active {
|
|
background-color: #09aeae;
|
|
background-image: none;
|
|
border-color: #09aeae
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-outline {
|
|
color: #0ac9c9;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #0ac9c9;
|
|
border-color: #0ac9c9
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-outline.focus:hover,.sppb-btn-info.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #0ac9c9;
|
|
border-color: #0ac9c9
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-outline.focus,.sppb-btn-info.sppb-btn-outline:focus {
|
|
color: #0ac9c9;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-info.sppb-btn-outline.disabled,.sppb-btn-info.sppb-btn-outline:disabled {
|
|
color: #0ac9c9;
|
|
background-color: transparent;
|
|
border-color: #0ac9c9
|
|
}
|
|
|
|
.show>.sppb-btn-info.sppb-btn-outline.dropdown-toggle,.sppb-btn-info.sppb-btn-outline.active,.sppb-btn-info.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #0ac9c9;
|
|
border-color: #0ac9c9
|
|
}
|
|
|
|
.sppb-btn-warning {
|
|
color: #fff;
|
|
background-color: #ffd012;
|
|
border-color: #ffd012
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-3d {
|
|
border-bottom-color: #e6bc15
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-gradient {
|
|
background-image: linear-gradient(0deg,#f29412 0,#ffd012 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-warning:hover {
|
|
color: #fff;
|
|
background-color: #e6bc15;
|
|
border-color: #e6bc15
|
|
}
|
|
|
|
.sppb-btn-warning.focus,.sppb-btn-warning:focus {
|
|
color: #fff;
|
|
box-shadow: 0 0 0 3px rgba(255,208,18,.5)
|
|
}
|
|
|
|
.sppb-btn-warning.disabled,.sppb-btn-warning:disabled {
|
|
background-color: #ffd012;
|
|
border-color: #ffd012;
|
|
color: #fff
|
|
}
|
|
|
|
.show>.sppb-btn-warning.dropdown-toggle,.sppb-btn-warning.active,.sppb-btn-warning:active {
|
|
background-color: #e6bc15;
|
|
background-image: none;
|
|
border-color: #e6bc15
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-outline {
|
|
color: #ffd012;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #ffd012;
|
|
border-color: #ffd012
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-outline.focus:hover,.sppb-btn-warning.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #ffd012;
|
|
border-color: #ffd012
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-outline.focus,.sppb-btn-warning.sppb-btn-outline:focus {
|
|
color: #ffd012;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-warning.sppb-btn-outline.disabled,.sppb-btn-warning.sppb-btn-outline:disabled {
|
|
color: #ffd012;
|
|
background-color: transparent;
|
|
border-color: #ffd012
|
|
}
|
|
|
|
.show>.sppb-btn-warning.sppb-btn-outline.dropdown-toggle,.sppb-btn-warning.sppb-btn-outline.active,.sppb-btn-warning.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #ffd012;
|
|
border-color: #ffd012
|
|
}
|
|
|
|
.sppb-btn-danger {
|
|
color: #fff;
|
|
background-color: #ff2b02;
|
|
border-color: #ff2b02
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-3d {
|
|
border-bottom-color: #d72503
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-gradient {
|
|
background-image: linear-gradient(-180deg,#ff5a3b 0,#db2300 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-danger:hover {
|
|
color: #fff;
|
|
background-color: #d72503;
|
|
border-color: #d72503
|
|
}
|
|
|
|
.sppb-btn-danger.focus,.sppb-btn-danger:focus {
|
|
color: #fff;
|
|
box-shadow: 0 0 0 3px rgba(255,43,2,.5)
|
|
}
|
|
|
|
.sppb-btn-danger.disabled,.sppb-btn-danger:disabled {
|
|
background-color: #ff2b02;
|
|
border-color: #ff2b02;
|
|
color: #fff
|
|
}
|
|
|
|
.show>.sppb-btn-danger.dropdown-toggle,.sppb-btn-danger.active,.sppb-btn-danger:active {
|
|
background-color: #d72503;
|
|
background-image: none;
|
|
border-color: #d72503
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-outline {
|
|
color: #ff2b02;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #ff2b02;
|
|
border-color: #ff2b02
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-outline.focus:hover,.sppb-btn-danger.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #ff2b02;
|
|
border-color: #ff2b02
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-outline.focus,.sppb-btn-danger.sppb-btn-outline:focus {
|
|
color: #ff2b02;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-danger.sppb-btn-outline.disabled,.sppb-btn-danger.sppb-btn-outline:disabled {
|
|
color: #ff2b02;
|
|
background-color: transparent;
|
|
border-color: #ff2b02
|
|
}
|
|
|
|
.show>.sppb-btn-danger.sppb-btn-outline.dropdown-toggle,.sppb-btn-danger.sppb-btn-outline.active,.sppb-btn-danger.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #ff2b02;
|
|
border-color: #ff2b02
|
|
}
|
|
|
|
.sppb-btn-dark {
|
|
color: #fff;
|
|
background-color: #343a40;
|
|
border-color: #343a40
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-3d {
|
|
border-bottom-color: #23272b
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-gradient {
|
|
background-image: linear-gradient(0deg,#202428 0,#6e7a86 100%);
|
|
border: none
|
|
}
|
|
|
|
.sppb-btn-dark:hover {
|
|
color: #fff;
|
|
background-color: #23272b;
|
|
border-color: #1d2124
|
|
}
|
|
|
|
.sppb-btn-dark.focus,.sppb-btn-dark:focus {
|
|
box-shadow: 0 0 0 3px rgba(52,58,64,.5)
|
|
}
|
|
|
|
.sppb-btn-dark.disabled,.sppb-btn-dark:disabled {
|
|
background-color: #343a40;
|
|
border-color: #343a40
|
|
}
|
|
|
|
.show>.sppb-btn-dark.dropdown-toggle,.sppb-btn-dark.active,.sppb-btn-dark:active {
|
|
background-color: #23272b;
|
|
background-image: none;
|
|
border-color: #1d2124
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-outline {
|
|
color: #343a40;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-outline:hover {
|
|
color: #fff;
|
|
background-color: #343a40;
|
|
border-color: #343a40
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-outline.focus:hover,.sppb-btn-dark.sppb-btn-outline:focus:hover {
|
|
color: #fff;
|
|
background-color: #343a40;
|
|
border-color: #343a40
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-outline.focus,.sppb-btn-dark.sppb-btn-outline:focus {
|
|
color: #343a40;
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-btn-dark.sppb-btn-outline.disabled,.sppb-btn-dark.sppb-btn-outline:disabled {
|
|
color: #343a40;
|
|
background-color: transparent;
|
|
border-color: #343a40
|
|
}
|
|
|
|
.show>.sppb-btn-dark.sppb-btn-outline.dropdown-toggle,.sppb-btn-dark.sppb-btn-outline.active,.sppb-btn-dark.sppb-btn-outline:active {
|
|
color: #fff;
|
|
background-color: #343a40;
|
|
border-color: #343a40
|
|
}
|
|
|
|
.sppb-btn-link {
|
|
font-weight: 400;
|
|
color: #3071ff;
|
|
border-radius: 0
|
|
}
|
|
|
|
.sppb-btn-link,.sppb-btn-link.active,.sppb-btn-link:active,.sppb-btn-link:disabled {
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-link,.sppb-btn-link:active,.sppb-btn-link:focus {
|
|
border-color: transparent;
|
|
box-shadow: none
|
|
}
|
|
|
|
.sppb-btn-link:hover {
|
|
border-color: transparent
|
|
}
|
|
|
|
.sppb-btn-link:focus,.sppb-btn-link:hover {
|
|
color: #0056b3;
|
|
text-decoration: underline;
|
|
background-color: transparent
|
|
}
|
|
|
|
.sppb-btn-link:disabled {
|
|
color: #868e96
|
|
}
|
|
|
|
.sppb-btn-link:disabled:focus,.sppb-btn-link:disabled:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.sppb-btn-xlg {
|
|
padding: 20px 50px;
|
|
font-size: 22px;
|
|
line-height: 1.6;
|
|
border-radius: 6px
|
|
}
|
|
|
|
.sppb-btn-xlg.sppb-btn.sppb-btn-3d {
|
|
border-bottom-width: 7px;
|
|
padding-top: 17px;
|
|
padding-bottom: 17px
|
|
}
|
|
|
|
.sppb-btn-lg {
|
|
padding: 8px 16px;
|
|
font-size: 20px;
|
|
line-height: 1.5;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.sppb-btn-lg.sppb-btn.sppb-btn-3d {
|
|
border-bottom-width: 5px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px
|
|
}
|
|
|
|
.sppb-btn-sm {
|
|
padding: 4px 8px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
border-radius: 3px
|
|
}
|
|
|
|
.sppb-btn-sm.sppb-btn.sppb-btn-3d {
|
|
padding-top: 3px;
|
|
padding-bottom: 3px
|
|
}
|
|
|
|
.sppb-btn-xs {
|
|
padding: 2px 5px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 2px
|
|
}
|
|
|
|
.sppb-btn-xs.sppb-btn.sppb-btn-3d {
|
|
border-bottom-width: 2px;
|
|
padding-top: 1.5px;
|
|
padding-bottom: 1.5px
|
|
}
|
|
|
|
.sppb-btn-block {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-btn-block+.sppb-btn-block {
|
|
margin-top: 5px
|
|
}
|
|
|
|
input[type=button].sppb-btn-block,input[type=reset].sppb-btn-block,input[type=submit].sppb-btn-block {
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-btn-round {
|
|
border-radius: 100px
|
|
}
|
|
|
|
.sppb-btn-square {
|
|
border-radius: 0
|
|
}
|
|
|
|
.sppb-fade {
|
|
opacity: 0;
|
|
-webkit-transition: opacity .15s linear;
|
|
transition: opacity .15s linear
|
|
}
|
|
|
|
.sppb-fade.in {
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-collapse {
|
|
display: none
|
|
}
|
|
|
|
.sppb-collapse.in {
|
|
display: block
|
|
}
|
|
|
|
tr.sppb-collapse.in {
|
|
display: table-row
|
|
}
|
|
|
|
tbody.sppb-collapse.in {
|
|
display: table-row-group
|
|
}
|
|
|
|
.sppb-collapsing {
|
|
position: relative;
|
|
height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: height .35s ease;
|
|
transition: height .35s ease
|
|
}
|
|
|
|
.sppb-label {
|
|
display: inline;
|
|
padding: .2em .6em .3em;
|
|
font-size: 75%;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
border-radius: .25em
|
|
}
|
|
|
|
a.sppb-label:focus,a.sppb-label:hover {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.sppb-label:empty {
|
|
display: none
|
|
}
|
|
|
|
.sppb-btn .sppb-label {
|
|
position: relative;
|
|
top: -1px
|
|
}
|
|
|
|
.sppb-label-default {
|
|
background-color: #777
|
|
}
|
|
|
|
.sppb-label-default[href]:focus,.sppb-label-default[href]:hover {
|
|
background-color: #5e5e5e
|
|
}
|
|
|
|
.sppb-label-primary {
|
|
background-color: #428bca
|
|
}
|
|
|
|
.sppb-label-primary[href]:focus,.sppb-label-primary[href]:hover {
|
|
background-color: #3071a9
|
|
}
|
|
|
|
.sppb-label-success {
|
|
background-color: #5cb85c
|
|
}
|
|
|
|
.sppb-label-success[href]:focus,.sppb-label-success[href]:hover {
|
|
background-color: #449d44
|
|
}
|
|
|
|
.sppb-label-info {
|
|
background-color: #5bc0de
|
|
}
|
|
|
|
.sppb-label-info[href]:focus,.sppb-label-info[href]:hover {
|
|
background-color: #31b0d5
|
|
}
|
|
|
|
.sppb-label-warning {
|
|
background-color: #f0ad4e
|
|
}
|
|
|
|
.sppb-label-warning[href]:focus,.sppb-label-warning[href]:hover {
|
|
background-color: #ec971f
|
|
}
|
|
|
|
.sppb-label-danger {
|
|
background-color: #d9534f
|
|
}
|
|
|
|
.sppb-label-danger[href]:focus,.sppb-label-danger[href]:hover {
|
|
background-color: #c9302c
|
|
}
|
|
|
|
.sppb-thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
margin-bottom: 20px;
|
|
line-height: 1.42857143;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
|
|
.sppb-thumbnail a>img,.sppb-thumbnail>img {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
a.sppb-thumbnail.active,a.sppb-thumbnail:focus,a.sppb-thumbnail:hover {
|
|
border-color: #428bca
|
|
}
|
|
|
|
.sppb-thumbnail .sppb-caption {
|
|
padding: 9px;
|
|
color: #333
|
|
}
|
|
|
|
.sppb-alert {
|
|
padding: 12px 20px;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-alert h4 {
|
|
margin-top: 0;
|
|
color: inherit
|
|
}
|
|
|
|
.sppb-alert hr {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.sppb-alert .sppb-alert-link {
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-dismissable,.sppb-alert-dismissible {
|
|
padding-right: 35px
|
|
}
|
|
|
|
.sppb-alert .sppb-close {
|
|
color: inherit
|
|
}
|
|
|
|
.sppb-alert-primary {
|
|
background: rgba(48,113,255,.1);
|
|
color: #3071ff
|
|
}
|
|
|
|
.sppb-alert-primary hr {
|
|
border-top-color: rgba(48,113,255,.4)
|
|
}
|
|
|
|
.sppb-alert-primary .alert-link,.sppb-alert-primary .alert-link:active,.sppb-alert-primary .alert-link:focus,.sppb-alert-primary .alert-link:hover,.sppb-alert-primary a,.sppb-alert-primary a:active,.sppb-alert-primary a:focus,.sppb-alert-primary a:hover {
|
|
color: #3071ff;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-primary .alert-link:hover,.sppb-alert-primary a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.sppb-alert-light {
|
|
background: #f5f5f5;
|
|
color: #848e97
|
|
}
|
|
|
|
.sppb-alert-light hr {
|
|
border-top-color: #e5e5e5
|
|
}
|
|
|
|
.sppb-alert-light .alert-link,.sppb-alert-light .alert-link:active,.sppb-alert-light .alert-link:focus,.sppb-alert-light .alert-link:hover,.sppb-alert-light a,.sppb-alert-light a:active,.sppb-alert-light a:focus,.sppb-alert-light a:hover {
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-light .alert-link:hover,.sppb-alert-light a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.sppb-alert-dark {
|
|
background: #333a41;
|
|
color: #fff
|
|
}
|
|
|
|
.sppb-alert-dark hr {
|
|
border-top-color: #3e464e
|
|
}
|
|
|
|
.sppb-alert-dark .alert-link,.sppb-alert-dark .alert-link:active,.sppb-alert-dark .alert-link:focus,.sppb-alert-dark .alert-link:hover,.sppb-alert-dark a,.sppb-alert-dark a:active,.sppb-alert-dark a:focus,.sppb-alert-dark a:hover {
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-dark .alert-link:hover,.sppb-alert-dark a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.sppb-alert-success {
|
|
background: rgba(35,207,95,.1);
|
|
color: #23cf5f
|
|
}
|
|
|
|
.sppb-alert-success hr {
|
|
border-top-color: rgba(35,207,95,.4)
|
|
}
|
|
|
|
.sppb-alert-success .alert-link,.sppb-alert-success .alert-link:active,.sppb-alert-success .alert-link:focus,.sppb-alert-success .alert-link:hover,.sppb-alert-success a,.sppb-alert-success a:active,.sppb-alert-success a:focus,.sppb-alert-success a:hover {
|
|
color: #23cf5f;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-success .alert-link:hover,.sppb-alert-success a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.sppb-alert-info {
|
|
background: rgba(10,201,201,.1);
|
|
color: #0ac9c9
|
|
}
|
|
|
|
.sppb-alert-info hr {
|
|
border-top-color: rgba(10,201,201,.4)
|
|
}
|
|
|
|
.sppb-alert-info .alert-link,.sppb-alert-info .alert-link:active,.sppb-alert-info .alert-link:focus,.sppb-alert-info .alert-link:hover,.sppb-alert-info a,.sppb-alert-info a:active,.sppb-alert-info a:focus,.sppb-alert-info a:hover {
|
|
color: #0ac9c9;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-info .alert-link:hover,.sppb-alert-info a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.sppb-alert-warning {
|
|
background: rgba(255,208,18,.1);
|
|
color: #f5a623
|
|
}
|
|
|
|
.sppb-alert-warning hr {
|
|
border-top-color: rgba(255,208,18,.4)
|
|
}
|
|
|
|
.sppb-alert-warning .alert-link,.sppb-alert-warning .alert-link:active,.sppb-alert-warning .alert-link:focus,.sppb-alert-warning .alert-link:hover,.sppb-alert-warning a,.sppb-alert-warning a:active,.sppb-alert-warning a:focus,.sppb-alert-warning a:hover {
|
|
color: #f5a623;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-warning .alert-link:hover,.sppb-alert-warning a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.sppb-alert-danger {
|
|
background: rgba(255,43,2,.1);
|
|
color: #ff2b02
|
|
}
|
|
|
|
.sppb-alert-danger hr {
|
|
border-top-color: rgba(255,43,2,.4)
|
|
}
|
|
|
|
.sppb-alert-danger .alert-link,.sppb-alert-danger .alert-link:active,.sppb-alert-danger .alert-link:focus,.sppb-alert-danger .alert-link:hover,.sppb-alert-danger a,.sppb-alert-danger a:active,.sppb-alert-danger a:focus,.sppb-alert-danger a:hover {
|
|
color: #ff2b02;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-alert-danger .alert-link:hover,.sppb-alert-danger a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0
|
|
}
|
|
|
|
to {
|
|
background-position: 0 0
|
|
}
|
|
}
|
|
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0
|
|
}
|
|
|
|
to {
|
|
background-position: 0 0
|
|
}
|
|
}
|
|
|
|
.sppb-progress {
|
|
overflow: hidden;
|
|
height: 24px;
|
|
margin-bottom: 20px;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-progress-label {
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-progress-label>span {
|
|
float: right;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-progress.sppb-progress-square {
|
|
border-radius: 0
|
|
}
|
|
|
|
.sppb-progress.sppb-progress-round {
|
|
border-radius: 40px
|
|
}
|
|
|
|
.sppb-progress-bar {
|
|
float: left;
|
|
width: 0%;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
line-height: 24px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #3071ff;
|
|
-webkit-transition: width 1s;
|
|
-o-transition: width 1s;
|
|
transition: width 1s;
|
|
overflow: hidden
|
|
}
|
|
|
|
.sppb-progress-bar-striped,.sppb-progress-striped .sppb-progress-bar {
|
|
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-size: 40px 40px
|
|
}
|
|
|
|
.sppb-progress-bar.active,.sppb-progress.active .sppb-progress-bar {
|
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
-o-animation: progress-bar-stripes 2s linear infinite;
|
|
animation: progress-bar-stripes 2s linear infinite
|
|
}
|
|
|
|
.sppb-progress-bar[aria-valuenow="1"],.sppb-progress-bar[aria-valuenow="2"] {
|
|
min-width: 30px
|
|
}
|
|
|
|
.sppb-progress-bar[aria-valuenow="0"] {
|
|
color: #777;
|
|
min-width: 30px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.sppb-progress-bar-success {
|
|
background-color: #23cf5f
|
|
}
|
|
|
|
.progress-striped .sppb-progress-bar-success {
|
|
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
|
|
}
|
|
|
|
.sppb-progress-bar-info {
|
|
background-color: #0ac9c9
|
|
}
|
|
|
|
.progress-striped .sppb-progress-bar-info {
|
|
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
|
|
}
|
|
|
|
.sppb-progress-bar-warning {
|
|
background-color: #ffd012
|
|
}
|
|
|
|
.progress-striped .sppb-progress-bar-warning {
|
|
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
|
|
}
|
|
|
|
.sppb-progress-bar-danger {
|
|
background-color: #ff2b02
|
|
}
|
|
|
|
.progress-striped .sppb-progress-bar-danger {
|
|
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
|
|
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
|
|
}
|
|
|
|
.sppb-media,.sppb-media-body {
|
|
overflow: hidden;
|
|
zoom:1}
|
|
|
|
.sppb-media,.sppb-media .sppb-media {
|
|
margin-top: 15px
|
|
}
|
|
|
|
.sppb-media:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.sppb-media-object {
|
|
display: block
|
|
}
|
|
|
|
.sppb-media-heading {
|
|
margin: 0 0 5px
|
|
}
|
|
|
|
.sppb-media>.pull-left {
|
|
margin-right: 15px
|
|
}
|
|
|
|
.sppb-media>.pull-right {
|
|
margin-left: 15px
|
|
}
|
|
|
|
.sppb-media-list {
|
|
padding-left: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.sppb-panel {
|
|
background-color: #fff;
|
|
border: 1px solid transparent;
|
|
border-top-width: 0
|
|
}
|
|
|
|
.sppb-panel.sppb-panel-faq {
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-panel-group>.sppb-panel:first-child {
|
|
border-top-width: 1px
|
|
}
|
|
|
|
.sppb-panel-body {
|
|
padding: 15px;
|
|
border-top: 1px solid transparent
|
|
}
|
|
|
|
.sppb-panel-group .sppb-panel:last-child .sppb-panel-body {
|
|
border-top-width: 1px;
|
|
border-bottom-width: 0
|
|
}
|
|
|
|
.sppb-panel-heading {
|
|
padding: 10px 30px 10px 15px;
|
|
cursor: pointer;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-panel-heading .sppb-toggle-direction {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 15px;
|
|
-webkit-transform: translateY(-50%) rotate(0);
|
|
transform: translateY(-50%) rotate(0);
|
|
-webkit-transition: transform .3s;
|
|
transition: transform .3s
|
|
}
|
|
|
|
.sppb-panel-heading.active .sppb-toggle-direction {
|
|
-webkit-transform: translateY(-50%) rotate(90deg);
|
|
transform: translateY(-50%) rotate(90deg)
|
|
}
|
|
|
|
.sppb-panel-title {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: bolder;
|
|
color: inherit
|
|
}
|
|
|
|
.sppb-panel-title>a {
|
|
color: inherit
|
|
}
|
|
|
|
.sppb-panel-default {
|
|
border-color: #e5e5e5
|
|
}
|
|
|
|
.sppb-panel-default .sppb-panel-body {
|
|
border-top-color: #e5e5e5
|
|
}
|
|
|
|
.sppb-panel-default>.sppb-panel-heading {
|
|
background: #f9f9f9
|
|
}
|
|
|
|
.sppb-panel-default>.sppb-panel-heading .sppb-toggle-direction {
|
|
color: #ccc
|
|
}
|
|
|
|
.sppb-panel-modern {
|
|
background: #fff;
|
|
border: 1px solid #e8eff1;
|
|
border-radius: 4px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sppb-panel-group>.sppb-panel-modern:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sppb-panel-modern .sppb-panel-body {
|
|
border-top-color: #e8eff1
|
|
}
|
|
|
|
.sppb-panel-modern>.sppb-panel-heading {
|
|
padding: 17px 30px 17px 15px;
|
|
background: #f6fafb;
|
|
color: #4b5981
|
|
}
|
|
|
|
.sppb-panel-primary {
|
|
border-color: rgba(48,113,255,.3)
|
|
}
|
|
|
|
.sppb-panel-primary>.sppb-panel-heading {
|
|
color: #3071ff;
|
|
background: rgba(48,113,255,.1)
|
|
}
|
|
|
|
.sppb-panel-primary .sppb-panel-body {
|
|
border-top-color: rgba(48,113,255,.3)
|
|
}
|
|
|
|
.sppb-panel-success {
|
|
border-color: rgba(35,207,95,.3)
|
|
}
|
|
|
|
.sppb-panel-success>.sppb-panel-heading {
|
|
color: #23cf5f;
|
|
background: rgba(35,207,95,.1)
|
|
}
|
|
|
|
.sppb-panel-success .sppb-panel-body {
|
|
border-top-color: rgba(35,207,95,.3)
|
|
}
|
|
|
|
.sppb-panel-info {
|
|
border-color: rgba(10,201,201,.3)
|
|
}
|
|
|
|
.sppb-panel-info>.sppb-panel-heading {
|
|
color: #0ac9c9;
|
|
background: rgba(10,201,201,.1)
|
|
}
|
|
|
|
.sppb-panel-info .sppb-panel-body {
|
|
border-top-color: rgba(10,201,201,.3)
|
|
}
|
|
|
|
.sppb-panel-warning {
|
|
border-color: rgba(255,208,18,.3)
|
|
}
|
|
|
|
.sppb-panel-warning>.sppb-panel-heading {
|
|
color: #f5a623;
|
|
background: rgba(255,208,18,.1)
|
|
}
|
|
|
|
.sppb-panel-warning .sppb-panel-body {
|
|
border-top-color: rgba(255,208,18,.3)
|
|
}
|
|
|
|
.sppb-panel-danger {
|
|
border-color: rgba(255,43,2,.2)
|
|
}
|
|
|
|
.sppb-panel-danger>.sppb-panel-heading {
|
|
color: #ff2b02;
|
|
background: rgba(255,43,2,.1)
|
|
}
|
|
|
|
.sppb-panel-danger .sppb-panel-body {
|
|
border-top-color: rgba(255,43,2,.2)
|
|
}
|
|
|
|
.sppb-panel-faq {
|
|
border: 0
|
|
}
|
|
|
|
.sppb-panel-faq .sppb-panel-body {
|
|
border: 0;
|
|
border-bottom: 1px solid #e5e5e5
|
|
}
|
|
|
|
.sppb-panel-faq>.sppb-panel-heading {
|
|
border-bottom: 1px solid #e5e5e5
|
|
}
|
|
|
|
.sppb-panel-faq>.sppb-panel-heading .sppb-toggle-direction {
|
|
color: #ccc
|
|
}
|
|
|
|
.sppb-panel.sppb-panel-custom {
|
|
overflow: hidden
|
|
}
|
|
|
|
.sppb-accordion-icon-position-right {
|
|
display: table;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-panel-custom .sppb-panel-heading {
|
|
transition: .4s
|
|
}
|
|
|
|
.sppb-accordion-icon-wrap {
|
|
transition: .4s;
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-accordion-icon-position-right .sppb-accordion-icon-wrap {
|
|
float: right
|
|
}
|
|
|
|
.sppb-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.sppb-nav>li {
|
|
position: relative;
|
|
display: block
|
|
}
|
|
|
|
.sppb-nav>li>a {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px
|
|
}
|
|
|
|
.sppb-nav>li>a:focus,.sppb-nav>li>a:hover {
|
|
text-decoration: none;
|
|
background-color: #eee
|
|
}
|
|
|
|
.sppb-nav>li.disabled>a {
|
|
color: #777
|
|
}
|
|
|
|
.sppb-nav>li.disabled>a:focus,.sppb-nav>li.disabled>a:hover {
|
|
color: #777;
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.sppb-nav .open>a,.sppb-nav .open>a:focus,.sppb-nav .open>a:hover {
|
|
background-color: #eee;
|
|
border-color: #428bca
|
|
}
|
|
|
|
.sppb-nav>li>a>img {
|
|
max-width: none
|
|
}
|
|
|
|
.sppb-nav-tabs {
|
|
border-bottom: 1px solid #e5e5e5
|
|
}
|
|
|
|
.sppb-tab-content {
|
|
margin-top: 15px
|
|
}
|
|
|
|
.sppb-nav-tabs-content {
|
|
margin-top: 0;
|
|
border: 1px solid #e5e5e5;
|
|
background: #fff;
|
|
border-top: 0;
|
|
padding: 15px
|
|
}
|
|
|
|
.sppb-nav-tabs>li {
|
|
float: left;
|
|
margin-bottom: -1px
|
|
}
|
|
|
|
.sppb-nav-tabs>li>a {
|
|
font-size: 14px;
|
|
font-weight: bolder;
|
|
line-height: 1.42857143;
|
|
padding: 12px 15px;
|
|
background: #f5f5f5;
|
|
border: 1px solid #e5e5e5;
|
|
border-right-width: 0
|
|
}
|
|
|
|
.sppb-nav-tabs>li:last-child>a {
|
|
border-right-width: 1px
|
|
}
|
|
|
|
.sppb-nav-tabs>li>a>i {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.sppb-nav-tabs>li.active>a,.sppb-nav-tabs>li.active>a:focus,.sppb-nav-tabs>li.active>a:hover {
|
|
background-color: #fff;
|
|
border-bottom-color: transparent;
|
|
cursor: default
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified {
|
|
width: 100%;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified>li {
|
|
float: none
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified>li>a {
|
|
text-align: center;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-nav-tabs.sppb-nav-justified>li {
|
|
display:table-cell;
|
|
width: 1%
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified>li>a {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified>li>a {
|
|
margin-right: 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified>.active>a,.sppb-nav-tabs.sppb-nav-justified>.active>a:focus,.sppb-nav-tabs.sppb-nav-justified>.active>a:hover {
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-nav-tabs.sppb-nav-justified>li>a {
|
|
border-bottom:1px solid #ddd;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.sppb-nav-tabs.sppb-nav-justified>.active>a,.sppb-nav-tabs.sppb-nav-justified>.active>a:focus,.sppb-nav-tabs.sppb-nav-justified>.active>a:hover {
|
|
border-bottom-color: #fff
|
|
}
|
|
}
|
|
|
|
.sppb-nav-modern-content {
|
|
margin-top: 0;
|
|
border: 1px solid #e8eff1;
|
|
background: #fff;
|
|
padding: 15px;
|
|
border-radius: 0 4px 4px 4px
|
|
}
|
|
|
|
.sppb-nav-modern>li {
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-bottom: -1px
|
|
}
|
|
|
|
.sppb-nav-modern>li>a {
|
|
font-size: 14px;
|
|
font-weight: bolder;
|
|
line-height: 1.42857143;
|
|
padding: 12px 15px;
|
|
background: #f6fafb;
|
|
color: #4b5981;
|
|
border: 1px solid #e8eff1;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.sppb-nav-modern>li>a:focus,.sppb-nav-modern>li>a:hover {
|
|
background-color: #f2f6f7
|
|
}
|
|
|
|
.sppb-nav-modern>li>a>i {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.sppb-nav-modern>li.active>a,.sppb-nav-modern>li.active>a:focus,.sppb-nav-modern>li.active>a:hover {
|
|
color: #4b5981;
|
|
background-color: #fff;
|
|
border-bottom-color: transparent;
|
|
cursor: default
|
|
}
|
|
|
|
.sppb-nav-pills>li {
|
|
float: left
|
|
}
|
|
|
|
.sppb-nav-pills>li>a {
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
font-weight: bolder;
|
|
color: inherit;
|
|
padding: 13px 15px;
|
|
border-radius: 3px;
|
|
color: inherit
|
|
}
|
|
|
|
.sppb-nav-pills>li>a>i {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.sppb-nav-pills>li+li {
|
|
margin-left: 2px
|
|
}
|
|
|
|
.sppb-nav-pills>li>a:focus,.sppb-nav-pills>li>a:hover {
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-nav-pills>li.active>a,.sppb-nav-pills>li.active>a:focus,.sppb-nav-pills>li.active>a:hover {
|
|
color: #333;
|
|
background-color: #e5e5e5
|
|
}
|
|
|
|
.sppb-nav-stacked>li {
|
|
float: none
|
|
}
|
|
|
|
.sppb-nav-stacked>li+li {
|
|
margin-top: 2px;
|
|
margin-left: 0
|
|
}
|
|
|
|
.sppb-nav-justified {
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-nav-justified>li {
|
|
float: none
|
|
}
|
|
|
|
.sppb-nav-justified>li>a {
|
|
text-align: center;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-nav-justified>li {
|
|
display:table-cell;
|
|
width: 1%
|
|
}
|
|
|
|
.sppb-nav-justified>li>a {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.sppb-nav-tabs-justified {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.sppb-nav-tabs-justified>li>a {
|
|
margin-right: 0;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-nav-tabs-justified>.active>a,.sppb-nav-tabs-justified>.active>a:focus,.sppb-nav-tabs-justified>.active>a:hover {
|
|
border: 1px solid #ddd
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.sppb-nav-tabs-justified>li>a {
|
|
border-bottom:1px solid #ddd;
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.sppb-nav-tabs-justified>.active>a,.sppb-nav-tabs-justified>.active>a:focus,.sppb-nav-tabs-justified>.active>a:hover {
|
|
border-bottom-color: #fff
|
|
}
|
|
}
|
|
|
|
.sppb-nav-lines {
|
|
border-bottom: 2px solid #e5e5e5
|
|
}
|
|
|
|
.sppb-nav-lines>li {
|
|
float: left
|
|
}
|
|
|
|
.sppb-nav-lines>li>a {
|
|
padding: 13px 15px;
|
|
font-size: 14px;
|
|
color: inherit;
|
|
font-weight: bolder;
|
|
line-height: 1.42857143;
|
|
color: inherit
|
|
}
|
|
|
|
.sppb-nav-lines>li>a>i {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.sppb-nav-lines>li+li {
|
|
margin-left: 0
|
|
}
|
|
|
|
.sppb-nav-lines>li>a:focus,.sppb-nav-lines>li>a:hover {
|
|
background: 0 0
|
|
}
|
|
|
|
.sppb-nav-lines>li.active>a,.sppb-nav-lines>li.active>a:focus,.sppb-nav-lines>li.active>a:hover {
|
|
color: #006cff;
|
|
background-color: transparent;
|
|
border-bottom: 2px solid #006cff;
|
|
margin-bottom: -2px
|
|
}
|
|
|
|
.sppb-tab-content>.sppb-tab-pane {
|
|
display: none
|
|
}
|
|
|
|
.sppb-tab-content>.active {
|
|
display: block
|
|
}
|
|
|
|
.sppb-tab.custom-tab {
|
|
display: table;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-nav-custom {
|
|
float: left
|
|
}
|
|
|
|
.sppb-nav-custom li a {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
transition: .4s
|
|
}
|
|
|
|
.sppb-nav-custom li a.tab-icon-block-wrap {
|
|
display: block
|
|
}
|
|
|
|
.sppb-nav-custom li a.sppb-text-center {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.sppb-nav-custom li a.sppb-text-left {
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.sppb-nav-custom li a.sppb-text-right {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.sppb-tab-custom-content {
|
|
float: left;
|
|
margin-top: 0
|
|
}
|
|
|
|
.sppb-tab-icon {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
transition: .4s
|
|
}
|
|
|
|
.sppb-tab-icon.tab-icon-block {
|
|
display: block
|
|
}
|
|
|
|
.sppb-embed-responsive {
|
|
position: relative;
|
|
display: block;
|
|
height: 0;
|
|
padding: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.sppb-embed-responsive .sppb-embed-responsive-item,.sppb-embed-responsive embed,.sppb-embed-responsive iframe,.sppb-embed-responsive object {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 0
|
|
}
|
|
|
|
.sppb-embed-responsive.sppb-embed-responsive-16by9 {
|
|
padding-bottom: 56.25%
|
|
}
|
|
|
|
.sppb-embed-responsive.sppb-embed-responsive-4by3 {
|
|
padding-bottom: 75%
|
|
}
|
|
|
|
.sppb-close {
|
|
float: right;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
color: #000;
|
|
opacity: .5
|
|
}
|
|
|
|
.sppb-close>span {
|
|
display: block;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-close:focus,.sppb-close:hover {
|
|
color: #000;
|
|
text-decoration: none;
|
|
opacity: .75
|
|
}
|
|
|
|
button.sppb-close {
|
|
padding: 0;
|
|
background: 0 0;
|
|
border: 0;
|
|
-webkit-appearance: none
|
|
}
|
|
|
|
.sppb-form-control,.sppb-form-group .sppb-form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: inherit;
|
|
padding: 8px 12px;
|
|
font-size: 16px;
|
|
line-height: 1.25;
|
|
color: #495057;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
background-clip: padding-box;
|
|
border: 1px solid rgba(0,0,0,.15);
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
|
|
}
|
|
|
|
.sppb-form-control::-ms-expand {
|
|
background-color: transparent;
|
|
border: 0
|
|
}
|
|
|
|
.sppb-form-control:focus {
|
|
color: #495057;
|
|
background-color: #fff;
|
|
border-color: #80bdff;
|
|
outline: 0
|
|
}
|
|
|
|
.sppb-form-control::-webkit-input-placeholder {
|
|
color: #868e96;
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-form-control:-ms-input-placeholder {
|
|
color: #868e96;
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-form-control::placeholder {
|
|
color: #868e96;
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-form-control:disabled,.sppb-form-control[readonly] {
|
|
background-color: #e9ecef;
|
|
opacity: 1
|
|
}
|
|
|
|
select.sppb-form-control:not([size]):not([multiple]) {
|
|
height: calc(2.25rem + 2px)
|
|
}
|
|
|
|
select.sppb-form-control:focus::-ms-value {
|
|
color: #495057;
|
|
background-color: #fff
|
|
}
|
|
|
|
.sppb-form-control-file,.sppb-form-control-range {
|
|
display: block
|
|
}
|
|
|
|
.sppb-col-form-label {
|
|
padding-top: calc(.5rem - 1px * 2);
|
|
padding-bottom: calc(.5rem - 1px * 2);
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sppb-col-form-label-lg {
|
|
padding-top: calc(.5rem - 1px * 2);
|
|
padding-bottom: calc(.5rem - 1px * 2);
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.sppb-col-form-label-sm {
|
|
padding-top: calc(.25rem - 1px * 2);
|
|
padding-bottom: calc(.25rem - 1px * 2);
|
|
font-size: .875rem
|
|
}
|
|
|
|
.sppb-col-form-legend {
|
|
padding-top: .5rem;
|
|
padding-bottom: .5rem;
|
|
margin-bottom: 0;
|
|
font-size: 1rem
|
|
}
|
|
|
|
.sppb-form-control-plaintext {
|
|
padding-top: .5rem;
|
|
padding-bottom: .5rem;
|
|
margin-bottom: 0;
|
|
line-height: 1.25;
|
|
border: solid transparent;
|
|
border-width: 1px 0
|
|
}
|
|
|
|
.sppb-form-control-plaintext.sppb-form-control-lg,.sppb-form-control-plaintext.sppb-form-control-sm,.sppb-input-group-lg>.sppb-form-control-plaintext.sppb-form-control,.sppb-input-group-lg>.sppb-form-control-plaintext.sppb-input-group-addon,.sppb-input-group-lg>.sppb-input-group-btn>.sppb-form-control-plaintext.btn,.sppb-input-group-sm>.sppb-form-control-plaintext.sppb-form-control,.sppb-input-group-sm>.sppb-form-control-plaintext.sppb-input-group-addon,.sppb-input-group-sm>.sppb-input-group-btn>.sppb-form-control-plaintext.btn {
|
|
padding-right: 0;
|
|
padding-left: 0
|
|
}
|
|
|
|
.sppb-form-control-sm,.sppb-input-group-sm>.sppb-form-control,.sppb-input-group-sm>.sppb-input-group-addon,.sppb-input-group-sm>.sppb-input-group-btn>.btn {
|
|
padding: .25rem .5rem;
|
|
font-size: .875rem;
|
|
line-height: 1.5;
|
|
border-radius: .2rem
|
|
}
|
|
|
|
.sppb-input-group-sm>.sppb-input-group-btn>select.btn:not([size]):not([multiple]),.sppb-input-group-sm>select.sppb-form-control:not([size]):not([multiple]),.sppb-input-group-sm>select.sppb-input-group-addon:not([size]):not([multiple]),select.sppb-form-control-sm:not([size]):not([multiple]) {
|
|
height: calc(1.8125rem + 2px)
|
|
}
|
|
|
|
.sppb-form-control-lg,.sppb-input-group-lg>.sppb-form-control,.sppb-input-group-lg>.sppb-input-group-addon,.sppb-input-group-lg>.sppb-input-group-btn>.btn {
|
|
padding: .5rem 1rem;
|
|
font-size: 1.25rem;
|
|
line-height: 1.5;
|
|
border-radius: .3rem
|
|
}
|
|
|
|
.sppb-input-group-lg>.sppb-input-group-btn>select.btn:not([size]):not([multiple]),.sppb-input-group-lg>select.sppb-form-control:not([size]):not([multiple]),.sppb-input-group-lg>select.sppb-input-group-addon:not([size]):not([multiple]),select.sppb-form-control-lg:not([size]):not([multiple]) {
|
|
height: calc(2.3125rem + 2px)
|
|
}
|
|
|
|
.sppb-form-group {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.sppb-form-check {
|
|
position: relative;
|
|
display: block;
|
|
padding-left: 18px
|
|
}
|
|
|
|
.sppb-form-check .sppb-form-check-input {
|
|
position: absolute;
|
|
margin-top: 6px;
|
|
margin-left: -18px
|
|
}
|
|
|
|
.sppb-form-check .sppb-form-check-label {
|
|
line-height: 24px
|
|
}
|
|
|
|
.sppb-form-text {
|
|
display: block;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.sppb-popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 10px;
|
|
z-index: 1060;
|
|
display: none;
|
|
max-width: 276px;
|
|
padding: 1px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
border: 1px solid #e2e5e9;
|
|
border: 1px solid rgba(0,0,0,.2);
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
|
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
|
white-space: normal
|
|
}
|
|
|
|
.sppb-popover.top {
|
|
margin-top: -10px
|
|
}
|
|
|
|
.sppb-popover.right {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.sppb-popover.bottom {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.sppb-popover.left {
|
|
margin-left: -10px
|
|
}
|
|
|
|
.sppb-popover-title {
|
|
margin: 0;
|
|
padding: 8px 14px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
background-color: #f7f7f7;
|
|
color: #4c4c4c;
|
|
border-bottom: 1px solid #ebebeb;
|
|
border-radius: 5px 5px 0 0
|
|
}
|
|
|
|
.sppb-popover-content {
|
|
padding: 15px;
|
|
line-height: 22px;
|
|
font-size: 13px;
|
|
color: #666
|
|
}
|
|
|
|
.sppb-popover>.arrow,.sppb-popover>.arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid
|
|
}
|
|
|
|
.sppb-popover>.arrow {
|
|
border-width: 11px
|
|
}
|
|
|
|
.sppb-popover>.arrow:after {
|
|
border-width: 10px;
|
|
content: ""
|
|
}
|
|
|
|
.sppb-popover.top>.arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #999;
|
|
border-top-color: rgba(0,0,0,.25);
|
|
bottom: -11px
|
|
}
|
|
|
|
.sppb-popover.top>.arrow:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -10px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #fff
|
|
}
|
|
|
|
.sppb-popover.right>.arrow {
|
|
top: 50%;
|
|
left: -11px;
|
|
margin-top: -11px;
|
|
border-left-width: 0;
|
|
border-right-color: #999;
|
|
border-right-color: rgba(0,0,0,.25)
|
|
}
|
|
|
|
.sppb-popover.right>.arrow:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -10px;
|
|
border-left-width: 0;
|
|
border-right-color: #fff
|
|
}
|
|
|
|
.sppb-popover.bottom>.arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #999;
|
|
border-bottom-color: rgba(0,0,0,.25);
|
|
top: -11px
|
|
}
|
|
|
|
.sppb-popover.bottom>.arrow:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff
|
|
}
|
|
|
|
.sppb-popover.left>.arrow {
|
|
top: 50%;
|
|
right: -11px;
|
|
margin-top: -11px;
|
|
border-right-width: 0;
|
|
border-left-color: #999;
|
|
border-left-color: rgba(0,0,0,.25)
|
|
}
|
|
|
|
.sppb-popover.left>.arrow:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: #fff;
|
|
bottom: -10px
|
|
}
|
|
|
|
.sppb-carousel {
|
|
position: relative
|
|
}
|
|
|
|
.sppb-carousel-inner {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-carousel-inner>.sppb-item {
|
|
padding: 60px;
|
|
display: none;
|
|
position: relative;
|
|
-webkit-transition: .6s ease-in-out left;
|
|
-o-transition: .6s ease-in-out left;
|
|
transition: .6s ease-in-out left
|
|
}
|
|
|
|
.sppb-carousel-inner>.sppb-item>.sppb-addon-carousel-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.sppb-carousel-inner>.sppb-item>a>img,.sppb-carousel-inner>.sppb-item>img {
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-carousel-inner>.active,.sppb-carousel-inner>.next,.sppb-carousel-inner>.prev {
|
|
display: block
|
|
}
|
|
|
|
.sppb-carousel-inner>.active {
|
|
left: 0
|
|
}
|
|
|
|
.sppb-carousel-inner>.next,.sppb-carousel-inner>.prev {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-carousel-inner>.next {
|
|
left: 100%
|
|
}
|
|
|
|
.sppb-carousel-inner>.prev {
|
|
left: -100%
|
|
}
|
|
|
|
.sppb-carousel-inner>.next.left,.sppb-carousel-inner>.prev.right {
|
|
left: 0
|
|
}
|
|
|
|
.sppb-carousel-inner>.active.left {
|
|
left: -100%
|
|
}
|
|
|
|
.sppb-carousel-inner>.active.right {
|
|
left: 100%
|
|
}
|
|
|
|
.sppb-carousel-arrow {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 40px;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
font-size: 24px;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-shadow: 0 1px 2px rgba(0,0,0,.6)
|
|
}
|
|
|
|
.sppb-carousel-arrow.right {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.sppb-carousel-arrow:focus,.sppb-carousel-arrow:hover {
|
|
outline: 0;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
opacity: .9;
|
|
filter: alpha(opacity=90)
|
|
}
|
|
|
|
.sppb-carousel-arrow i {
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 5;
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-carousel-arrow.left i {
|
|
left: 50%;
|
|
margin-left: -10px
|
|
}
|
|
|
|
.sppb-carousel-arrow.right i {
|
|
right: 50%;
|
|
margin-right: -10px
|
|
}
|
|
|
|
.sppb-carousel-indicators {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 50%;
|
|
z-index: 15;
|
|
width: 60%;
|
|
margin-left: -30%;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-carousel-indicators li {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 1px;
|
|
text-indent: -999px;
|
|
border: 1px solid #fff;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
background-color: #000\9;
|
|
background-color: rgba(0,0,0,0)
|
|
}
|
|
|
|
.sppb-carousel-indicators .active {
|
|
margin: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.sppb-item.sppb-item-has-bg {
|
|
padding: 0;
|
|
background-size: cover
|
|
}
|
|
|
|
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 20px 50px
|
|
}
|
|
|
|
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner>div {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: table
|
|
}
|
|
|
|
.sppb-item.sppb-item-has-bg>img {
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner>div>div {
|
|
display: table-cell;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.sppb-carousel-pro-text h2 {
|
|
font-size: 36px;
|
|
line-height: 36px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.sppb-carousel-item-inner .sppb-text-right {
|
|
margin-top: 30px
|
|
}
|
|
|
|
.sppb-addon-testimonial .fa-quote-left,.sppb-addon-testimonial .fa-quote-right {
|
|
display: block;
|
|
font-size: 48px;
|
|
color: #edeef2;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sppb-testimonial-top-content.sppb-addon-testimonial-footer {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.sppb-text-center .sppb-testimonial-top-content.sppb-addon-testimonial-footer {
|
|
justify-content: center
|
|
}
|
|
|
|
.sppb-text-right .sppb-testimonial-top-content.sppb-addon-testimonial-footer {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.sppb-testimonial-top-content.sppb-addon-testimonial-footer>span {
|
|
margin-left: auto;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sppb-addon-testimonial-review {
|
|
margin: 0 0 20px 0
|
|
}
|
|
|
|
.sppb-addon-testimonial-footer {
|
|
display: block;
|
|
font-size: 90%
|
|
}
|
|
|
|
.sppb-addon-testimonial-footer img {
|
|
display: inline-block;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.sppb-addon-testimonial-footer img.sppb-avatar-round {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-addon-testimonial-footer img.sppb-avatar-circle {
|
|
border-radius: 100%
|
|
}
|
|
|
|
.sppb-addon-testimonial-content-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.sppb-text-center .sppb-addon-testimonial-content-wrap {
|
|
justify-content: center
|
|
}
|
|
|
|
.sppb-text-left .sppb-addon-testimonial-content-wrap {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.sppb-text-right .sppb-addon-testimonial-content-wrap {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.sppb-addon-testimonial-footer a {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-addon-testimonial-rating i {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-testimonial-pro {
|
|
padding-bottom: 40px
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-carousel-inner>.sppb-item {
|
|
padding: 0
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-img-responsive.sppb-avatar {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-img-responsive.sppb-avatar,.sppb-testimonial-pro .sppb-testimonial-client,.sppb-testimonial-pro .sppb-testimonial-message {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-testimonial-message {
|
|
font-size: 16px;
|
|
line-height: 24px
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-carousel-control {
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 28px;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
border: 2px solid #333;
|
|
color: #888;
|
|
margin: 5px 3px 0;
|
|
-webkit-transition: .4s;
|
|
-o-transition: .4s;
|
|
transition: .4s;
|
|
-webkit-box-sizing: initial;
|
|
-moz-box-sizing: initial;
|
|
box-sizing: initial
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-carousel-control:hover {
|
|
background: #333;
|
|
color: #fff
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-carousel-indicators {
|
|
bottom: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-carousel-indicators li {
|
|
border-color: rgba(0,0,0,.3)
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-carousel-indicators li.active {
|
|
border-color: #666;
|
|
background-color: #666
|
|
}
|
|
|
|
.sppb-testimonial-pro .fa-quote-left {
|
|
display: block;
|
|
font-size: 48px;
|
|
color: #edeef2;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sppb-addon-testimonial-pro-footer {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 90%
|
|
}
|
|
|
|
.sppb-testimonial-pro.sppb-text-left .sppb-addon-testimonial-pro-footer {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.sppb-testimonial-pro.sppb-text-center .sppb-addon-testimonial-pro-footer {
|
|
justify-content: center
|
|
}
|
|
|
|
.sppb-testimonial-pro.sppb-text-right .sppb-addon-testimonial-pro-footer {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.sppb-addon-testimonial-pro-footer img {
|
|
display: inline-block;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.sppb-testimonial-pro .sppb-item>img {
|
|
display: inline-block;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.sppb-addon-testimonial-pro-footer img.sppb-avatar-round,.sppb-testimonial-pro .sppb-item>img.sppb-avatar-round {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.sppb-addon-testimonial-pro-footer img.sppb-avatar-circle,.sppb-testimonial-pro .sppb-item>img.sppb-avatar-circle {
|
|
border-radius: 100%
|
|
}
|
|
|
|
.sppb-testimonial-pro.sppb-text-left .sppb-carousel-indicators {
|
|
left: 0;
|
|
margin-left: 0;
|
|
text-align: left
|
|
}
|
|
|
|
.sppb-testimonial-pro.sppb-text-right .sppb-carousel-indicators {
|
|
left: auto;
|
|
margin-left: 0;
|
|
right: 0;
|
|
text-align: right
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-avatar {
|
|
display: inline-block;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-username {
|
|
display: block;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-slider .sppb-carousel-inner>.sppb-item {
|
|
padding: 0
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-slider .sppb-tweet-created {
|
|
display: inline-block;
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-slider .sppb-carousel-control {
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
border: 2px solid #333;
|
|
color: #888;
|
|
margin: 15px 3px 0;
|
|
-webkit-transition: .4s;
|
|
-o-transition: .4s;
|
|
transition: .4s;
|
|
-webkit-box-sizing: initial;
|
|
-moz-box-sizing: initial;
|
|
box-sizing: initial
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-slider .sppb-carousel-control:hover {
|
|
background: #333;
|
|
color: #fff
|
|
}
|
|
|
|
.clearfix:after,.clearfix:before,.sp-pagebuilder-row:after,.sp-pagebuilder-row:before,.sppb-container-fluid:after,.sppb-container-fluid:before,.sppb-container:after,.sppb-container:before,.sppb-nav:after,.sppb-nav:before,.sppb-panel-body:after,.sppb-panel-body:before {
|
|
content: " ";
|
|
display: table
|
|
}
|
|
|
|
.clearfix:after,.sp-pagebuilder-row:after,.sppb-container-fluid:after,.sppb-container:after,.sppb-nav:after,.sppb-panel-body:after {
|
|
clear: both
|
|
}
|
|
|
|
.center-block {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.pull-right {
|
|
float: right!important
|
|
}
|
|
|
|
.pull-left {
|
|
float: left!important
|
|
}
|
|
|
|
@-ms-viewport {
|
|
width: device-width
|
|
}
|
|
|
|
.sppb-visible-lg,.sppb-visible-md,.sppb-visible-sm,.sppb-visible-xs {
|
|
display: none!important
|
|
}
|
|
|
|
.sppb-visible-lg-block,.sppb-visible-lg-inline,.sppb-visible-lg-inline-block,.sppb-visible-md-block,.sppb-visible-md-inline,.sppb-visible-md-inline-block,.sppb-visible-sm-block,.sppb-visible-sm-inline,.sppb-visible-sm-inline-block,.sppb-visible-xs-block,.sppb-visible-xs-inline,.sppb-visible-xs-inline-block {
|
|
display: none!important
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sppb-visible-xs {
|
|
display:block!important
|
|
}
|
|
|
|
table.sppb-visible-xs {
|
|
display: table
|
|
}
|
|
|
|
tr.sppb-visible-xs {
|
|
display: table-row!important
|
|
}
|
|
|
|
td.sppb-visible-xs,th.sppb-visible-xs {
|
|
display: table-cell!important
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sppb-visible-xs-block {
|
|
display:block!important
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sppb-visible-xs-inline {
|
|
display:inline!important
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sppb-visible-xs-inline-block {
|
|
display:inline-block!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width:991px) {
|
|
.sppb-visible-sm {
|
|
display:block!important
|
|
}
|
|
|
|
table.sppb-visible-sm {
|
|
display: table
|
|
}
|
|
|
|
tr.sppb-visible-sm {
|
|
display: table-row!important
|
|
}
|
|
|
|
td.sppb-visible-sm,th.sppb-visible-sm {
|
|
display: table-cell!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width:991px) {
|
|
.sppb-visible-sm-block {
|
|
display:block!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width:991px) {
|
|
.sppb-visible-sm-inline {
|
|
display:inline!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width:991px) {
|
|
.sppb-visible-sm-inline-block {
|
|
display:inline-block!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width:1199px) {
|
|
.sppb-visible-md {
|
|
display:block!important
|
|
}
|
|
|
|
table.sppb-visible-md {
|
|
display: table
|
|
}
|
|
|
|
tr.sppb-visible-md {
|
|
display: table-row!important
|
|
}
|
|
|
|
td.sppb-visible-md,th.sppb-visible-md {
|
|
display: table-cell!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width:1199px) {
|
|
.sppb-visible-md-block {
|
|
display:block!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width:1199px) {
|
|
.sppb-visible-md-inline {
|
|
display:inline!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width:1199px) {
|
|
.sppb-visible-md-inline-block {
|
|
display:inline-block!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-visible-lg {
|
|
display:block!important
|
|
}
|
|
|
|
table.sppb-visible-lg {
|
|
display: table
|
|
}
|
|
|
|
tr.sppb-visible-lg {
|
|
display: table-row!important
|
|
}
|
|
|
|
td.sppb-visible-lg,th.sppb-visible-lg {
|
|
display: table-cell!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-visible-lg-block {
|
|
display:block!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-visible-lg-inline {
|
|
display:inline!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-visible-lg-inline-block {
|
|
display:inline-block!important
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sppb-hidden-xs {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width:991px) {
|
|
.sppb-hidden-sm {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width:1199px) {
|
|
.sppb-hidden-md {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.sppb-hidden-lg {
|
|
display:none!important
|
|
}
|
|
}
|
|
|
|
.sppb-visible-print {
|
|
display: none!important
|
|
}
|
|
|
|
@media print {
|
|
.sppb-visible-print {
|
|
display: block!important
|
|
}
|
|
|
|
table.sppb-visible-print {
|
|
display: table
|
|
}
|
|
|
|
tr.sppb-visible-print {
|
|
display: table-row!important
|
|
}
|
|
|
|
td.sppb-visible-print,th.sppb-visible-print {
|
|
display: table-cell!important
|
|
}
|
|
}
|
|
|
|
.sppb-visible-print-block {
|
|
display: none!important
|
|
}
|
|
|
|
@media print {
|
|
.sppb-visible-print-block {
|
|
display: block!important
|
|
}
|
|
}
|
|
|
|
.sppb-visible-print-inline {
|
|
display: none!important
|
|
}
|
|
|
|
@media print {
|
|
.sppb-visible-print-inline {
|
|
display: inline!important
|
|
}
|
|
}
|
|
|
|
.sppb-visible-print-inline-block {
|
|
display: none!important
|
|
}
|
|
|
|
@media print {
|
|
.sppb-visible-print-inline-block {
|
|
display: inline-block!important
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.sppb-hidden-print {
|
|
display: none!important
|
|
}
|
|
}
|
|
|
|
.sppb-empty-space-edit {
|
|
display: block;
|
|
border: 1px dotted rgba(0,0,0,.2)
|
|
}
|
|
|
|
.sppb-countdown-number {
|
|
display: inline-block;
|
|
padding: 0;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
margin: 0 0 5px 0
|
|
}
|
|
|
|
.sppb-countdown-text {
|
|
display: block
|
|
}
|
|
|
|
.sppb-addon-countdown .sppb-countdown-timer .sppb-countdown-finishedtext {
|
|
margin: 30px 0;
|
|
width: 100%!important;
|
|
padding: 20px 0;
|
|
height: auto!important
|
|
}
|
|
|
|
.sppb-social-share-wrap {
|
|
align-items: center
|
|
}
|
|
|
|
.sppb-addon-social-share ul {
|
|
margin: -5px;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.sppb-addon-social-share.sppb-social-share-style-colored ul,.sppb-addon-social-share.sppb-social-share-style-simple ul {
|
|
margin: -10px
|
|
}
|
|
|
|
.sppb-addon-social-share.sppb-social-share-style-colored ul li,.sppb-addon-social-share.sppb-social-share-style-simple ul li {
|
|
margin: 10px
|
|
}
|
|
|
|
.sppb-addon-social-share ul li {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
margin: 5px
|
|
}
|
|
|
|
.sppb-addon-social-share ul li a {
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
transition: all .2s ease-in-out;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
text-align: center;
|
|
text-decoration: none
|
|
}
|
|
|
|
.sppb-addon-social-share ul li a:active,.sppb-addon-social-share ul li a:focus,.sppb-addon-social-share ul li a:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.sppb-social-share-style-custom ul li a,.sppb-social-share-style-solid ul li a {
|
|
padding: 10px
|
|
}
|
|
|
|
.sppb-social-share-style-custom ul li a i,.sppb-social-share-style-solid ul li a i {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
width: 24px;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.sppb-social-share-title {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.sppb-social-share-wrap ul li a:focus,.sppb-social-share-wrap ul li a:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.sppb-social-share-wrap ul li .social-share-count,.sppb-social-share-wrap ul li .social-share-title {
|
|
padding-left: 5px
|
|
}
|
|
|
|
.sppb-social-share-wrap .sppb-social-total-shares {
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-social-share-wrap span.sppb-social-share-count {
|
|
margin-left: 5px;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
opacity: .9
|
|
}
|
|
|
|
.sppb-social-share-wrap .sppb-social-total-shares:after {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
width: 1px;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 0;
|
|
background: #ddd
|
|
}
|
|
|
|
.sppb-social-share-wrap .sppb-social-total-shares em {
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 42px;
|
|
line-height: 42px
|
|
}
|
|
|
|
.sppb-social-share-wrap .sppb-social-total-shares .sppb-social-total-share-caption {
|
|
text-transform: uppercase;
|
|
font-size: 14px
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li a {
|
|
color: #fff
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-facebook a {
|
|
background-color: #306199
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-facebook a:hover {
|
|
background-color: #244872
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-twitter a {
|
|
background-color: #26c4f1
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-twitter a:hover {
|
|
background-color: #0eaad6
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-linkedin a {
|
|
background-color: #007bb6
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-linkedin a:hover {
|
|
background-color: #005983
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-pinterest a {
|
|
background-color: #b81621
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-pinterest a:hover {
|
|
background-color: #8a1119
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-glpus a {
|
|
background-color: #e93f2e
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-glpus a:hover {
|
|
background-color: #ce2616
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-thumblr a {
|
|
background-color: #32506d
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-thumblr a:hover {
|
|
background-color: #22364a
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-getpocket a {
|
|
background-color: #ed4054
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-getpocket a:hover {
|
|
background-color: #e4162d
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-reddit a {
|
|
background-color: #ff4500
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-reddit a:hover {
|
|
background-color: #e83f00
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-vk a {
|
|
background-color: #597ba5
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-vk a:hover {
|
|
background-color: #3d5f88
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-xing a {
|
|
background-color: #005658
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-xing a:hover {
|
|
background-color: #004748
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-whatsapp a {
|
|
background-color: #00d66e
|
|
}
|
|
|
|
.sppb-social-share-style-solid ul li.sppb-social-share-whatsapp a:hover {
|
|
background-color: #00b55d
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-facebook a {
|
|
color: #306199
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-facebook a:hover {
|
|
color: #244872
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-twitter a {
|
|
color: #26c4f1
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-twitter a:hover {
|
|
color: #0eaad6
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-linkedin a {
|
|
color: #007bb6
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-linkedin a:hover {
|
|
color: #005983
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-pinterest a {
|
|
color: #b81621
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-pinterest a:hover {
|
|
color: #8a1119
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-glpus a {
|
|
color: #e93f2e
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-glpus a:hover {
|
|
color: #ce2616
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-thumblr a {
|
|
color: #32506d
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-thumblr a:hover {
|
|
color: #22364a
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-getpocket a {
|
|
color: #ed4054
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-getpocket a:hover {
|
|
color: #e4162d
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-reddit a {
|
|
color: #ff4500
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-reddit a:hover {
|
|
color: #e83f00
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-vk a {
|
|
color: #597ba5
|
|
}
|
|
|
|
.sppb-social-share-style-colored ul li.sppb-social-share-vk a:hover {
|
|
color: #3d5f88
|
|
}
|
|
|
|
.sppb-icon-inner {
|
|
display: inline-block;
|
|
text-align: center;
|
|
-webkit-transition: all .4s;
|
|
transition: all .4s
|
|
}
|
|
|
|
.sppb-icon-hover-effect-zoom-in .sppb-icon-inner:hover {
|
|
transform: scale(1.2);
|
|
-webkit-transform: scale(1.2)
|
|
}
|
|
|
|
.sppb-icon-hover-effect-zoom-out .sppb-icon-inner:hover {
|
|
transform: scale(.8);
|
|
-webkit-transform: scale(.8)
|
|
}
|
|
|
|
.sppb-icon-hover-effect-rotate {
|
|
-webkit-transition: all .8s;
|
|
transition: all .8s
|
|
}
|
|
|
|
.sppb-icon-hover-effect-rotate .sppb-icon-inner:hover {
|
|
transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg)
|
|
}
|
|
|
|
.sppb-ajax-contact-status .sppb-text-danger,.sppb-ajax-contact-status .sppb-text-success {
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery,.sppb-instagram-images {
|
|
width: 100%;
|
|
display: block;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li,.sppb-instagram-image {
|
|
margin: 0;
|
|
width: 20%;
|
|
float: left;
|
|
text-align: center;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li a {
|
|
display: block;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
-webkit-transition: .4s;
|
|
transition: .4s
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li a:before {
|
|
content: '';
|
|
background: rgba(0,0,0,.7);
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
visibility: visible;
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li a:after {
|
|
content: '\f002';
|
|
font-family: fontawesome;
|
|
color: #fff;
|
|
font-size: 38px;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
height: 25px;
|
|
margin: auto;
|
|
bottom: 0;
|
|
visibility: hidden;
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
-webkit-transition: .4s;
|
|
transition: .4s
|
|
}
|
|
|
|
.sppb-instagram-gallery-btn:focus,.sppb-instagram-gallery-btn:hover {
|
|
outline: 0
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li a:hover {
|
|
transform: scale(.83)
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li a:hover:after {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
visibility: visible;
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-addon-flickr .sppb-flickr-gallery li a:hover:before {
|
|
visibility: visible;
|
|
opacity: 1
|
|
}
|
|
|
|
.addon-instagram-item-wrap {
|
|
position: relative
|
|
}
|
|
|
|
.addon-instagram-item-overlay {
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 15px;
|
|
color: #fff;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
opacity: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.addon-instagram-meta-content {
|
|
position: relative;
|
|
top: 30px;
|
|
transition: .4s
|
|
}
|
|
|
|
.addon-instagram-item-info {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.sppb-instagram-image:hover .addon-instagram-item-info {
|
|
visibility: visible;
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-instagram-image:hover .addon-instagram-item-overlay {
|
|
visibility: visible;
|
|
background: rgba(0,0,0,.85);
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-instagram-image:hover .addon-instagram-meta-content {
|
|
top: 0
|
|
}
|
|
|
|
.addon-instagram-author-image,.addon-instagram-item-info i,.addon-instagram-item-info span {
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
color: #fff
|
|
}
|
|
|
|
.addon-instagram-item-likes {
|
|
margin-right: 20px
|
|
}
|
|
|
|
.addon-instagram-item-likes i,.addon-instagram-item-likes span {
|
|
float: left
|
|
}
|
|
|
|
.addon-instagram-item-likes span {
|
|
font-size: 16px
|
|
}
|
|
|
|
.intagram-like-number {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.addon-instagram-item-comments {
|
|
margin-left: 20px
|
|
}
|
|
|
|
.addon-instagram-item-comments i,.addon-instagram-item-comments span {
|
|
float: left
|
|
}
|
|
|
|
.addon-instagram-item-comments span {
|
|
font-size: 16px
|
|
}
|
|
|
|
.intagram-comment-number {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.addon-instagram-caption {
|
|
margin-top: 40px;
|
|
text-align: center
|
|
}
|
|
|
|
.addon-instagram-caption p {
|
|
margin: 0;
|
|
line-height: 1.4;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
font-size: 14px
|
|
}
|
|
|
|
.addon-instagram-image-wrap {
|
|
position: relative;
|
|
padding-top: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.instagram-image.sppb-img-responsive {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
transition: .4s;
|
|
transform: scale(1);
|
|
object-fit: cover
|
|
}
|
|
|
|
.sppb-instagram-image:hover .instagram-image.sppb-img-responsive {
|
|
transform: scale(1.08)
|
|
}
|
|
|
|
.sppb-addon-instagram-gallery.layout-classic {
|
|
margin: -10px
|
|
}
|
|
|
|
.layout-classic .sppb-instagram-images {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.layout-classic .sppb-instagram-image {
|
|
float: none;
|
|
padding: 10px
|
|
}
|
|
|
|
.sppb-instagram-classic-content-wrap {
|
|
border: 1px solid rgba(0,0,0,.1);
|
|
background: #fff;
|
|
height: 100%
|
|
}
|
|
|
|
.addon-instagram-item-author-wrap {
|
|
display: table;
|
|
width: 100%;
|
|
padding: 10px 20px
|
|
}
|
|
|
|
.addon-instagram-author-info {
|
|
float: left
|
|
}
|
|
|
|
.instagram-redirect-link {
|
|
float: right
|
|
}
|
|
|
|
.instagram-author-image {
|
|
float: left;
|
|
width: 36px;
|
|
height: 36px;
|
|
background: -webkit-linear-gradient(50deg,#f99b4a 15%,#dd3071 50%,#c72e8d 85%);
|
|
background: -o-linear-gradient(50deg,#f99b4a 15%,#dd3071 50%,#c72e8d 85%);
|
|
background: linear-gradient(40deg,#f99b4a 15%,#dd3071 50%,#c72e8d 85%);
|
|
padding: 2px;
|
|
border-radius: 50%
|
|
}
|
|
|
|
.instagram-author-image img {
|
|
border-radius: 50%;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.instagram-author-meta-content {
|
|
float: left;
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
text-align: left;
|
|
line-height: 1
|
|
}
|
|
|
|
.instagram-author-meta-content a {
|
|
display: block;
|
|
line-height: 1;
|
|
font-weight: 700;
|
|
color: #000;
|
|
font-size: 14px
|
|
}
|
|
|
|
.instagram-author-meta-content span {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
color: rgba(0,0,0,.7);
|
|
font-weight: 600
|
|
}
|
|
|
|
.instagram-redirect-link {
|
|
font-size: 24px;
|
|
color: #000
|
|
}
|
|
|
|
.addon-instagram-classic-meta-content {
|
|
padding: 15px
|
|
}
|
|
|
|
.addon-instagram-classic-meta-content .addon-instagram-item-info {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
display: flex;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.addon-instagram-item-share {
|
|
margin-left: auto
|
|
}
|
|
|
|
.layout-classic .addon-instagram-caption {
|
|
margin: 10px 0 0;
|
|
text-align: left
|
|
}
|
|
|
|
.layout-classic .addon-instagram-caption p {
|
|
color: #000
|
|
}
|
|
|
|
.layout-classic .addon-instagram-author-image,.layout-classic .addon-instagram-item-info i,.layout-classic .addon-instagram-item-info span {
|
|
color: #000
|
|
}
|
|
|
|
.addon-instagram-classic-meta-content .addon-instagram-item-likes {
|
|
margin: 0
|
|
}
|
|
|
|
.layout-classic .addon-instagram-item-share i {
|
|
font-size: 18px
|
|
}
|
|
|
|
.addon-instagram-item-share span {
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.layout-classic .instagram-image.sppb-img-responsive {
|
|
transition: none
|
|
}
|
|
|
|
.layout-classic .sppb-instagram-image:hover .instagram-image.sppb-img-responsive {
|
|
transform: scale(1)
|
|
}
|
|
|
|
.layout-classic .addon-instagram-item-comments {
|
|
margin-left: auto
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper {
|
|
list-style: none;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper:before {
|
|
background-color: #0095eb;
|
|
bottom: 0;
|
|
content: " ";
|
|
left: 50%;
|
|
position: absolute;
|
|
top: 8px;
|
|
width: 2px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge {
|
|
height: 90px;
|
|
position: absolute;
|
|
left: 50%;
|
|
z-index: 5
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%,-50%);
|
|
transform: translate(-50%,-50%);
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s;
|
|
font-size: 30px;
|
|
background-color: #fff;
|
|
border: 3px solid #0095eb;
|
|
height: 20px;
|
|
width: 20px;
|
|
border-radius: 100%
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after {
|
|
background: #0095eb none repeat scroll 0 0;
|
|
content: "";
|
|
height: 2px;
|
|
left: 10px;
|
|
position: absolute;
|
|
top: 37px;
|
|
width: 20px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .odd .timeline-badge:after {
|
|
left: auto;
|
|
right: 10px;
|
|
top: 45px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge .timeline-date {
|
|
font-size: 1.4em
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement {
|
|
position: relative;
|
|
padding-top: 0;
|
|
padding-bottom: 30px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper>.timeline-movement:last-child {
|
|
padding-bottom: 0;
|
|
bottom: -15px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
|
|
text-align: initial;
|
|
padding: 20px;
|
|
border: solid 1px #dfdfdf;
|
|
border-radius: 5px;
|
|
position: relative;
|
|
width: 345px;
|
|
margin-left: 15px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title {
|
|
font-size: 18px;
|
|
margin: 0 0 10px;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details {
|
|
font-size: 14px;
|
|
margin: 0
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-badge {
|
|
height: 76px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date {
|
|
line-height: 76px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
|
|
text-align: right;
|
|
margin-right: 15px;
|
|
float: right;
|
|
padding: 13px 20px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part .title:after {
|
|
right: -80px;
|
|
left: inherit
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part:before {
|
|
left: inherit;
|
|
right: 1px;
|
|
-webkit-transform: rotate(45deg) translateY(-50%);
|
|
transform: rotate(45deg) translateY(-50%)
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 32px;
|
|
left: 1px;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 8px;
|
|
border-color: #fff #fff transparent transparent;
|
|
border-style: solid;
|
|
-webkit-transform: rotate(-135deg) translateY(-50%);
|
|
transform: rotate(-135deg) translateY(-50%);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-box-shadow: 3px -3px 1px -2px rgba(0,0,0,.2);
|
|
box-shadow: 3px -3px 1px -2px rgba(0,0,0,.2)
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date {
|
|
font-size: 16px;
|
|
line-height: 90px;
|
|
margin: 0 0 0 30px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
|
|
margin: 0 30px 0 0
|
|
}
|
|
|
|
.sppb-flipbox-panel {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
-webkit-perspective: 1000px;
|
|
-moz-perspective: 1000px;
|
|
perspective: 1000px;
|
|
-webkit-transform-style: preserve-3d;
|
|
-moz-transform-style: preserve-3d;
|
|
transform-style: preserve-3d
|
|
}
|
|
|
|
.sppb-flipbox-panel .sppb-flipbox-back,.sppb-flipbox-panel .sppb-flipbox-front {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
overflow: hidden;
|
|
background-attachment: scroll;
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
.sppb-flipbox-panel .sppb-flipbox-front {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%;
|
|
-webkit-transform-style: preserve-3d;
|
|
-moz-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-transition: all .6s ease-in-out;
|
|
-moz-transition: all .6s ease-in-out;
|
|
-ms-transition: all .6s ease-in-out;
|
|
-o-transition: all .6s ease-in-out;
|
|
transition: all .6s ease-in-out;
|
|
background-size: cover!important;
|
|
background-repeat: no-repeat!important
|
|
}
|
|
|
|
.sppb-flipbox-panel .sppb-flipbox-back {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%;
|
|
-webkit-transform-style: preserve-3d;
|
|
-moz-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-transition: all .6s ease-in-out;
|
|
-moz-transition: all .6s ease-in-out;
|
|
-ms-transition: all .6s ease-in-out;
|
|
-o-transition: all .6s ease-in-out;
|
|
transition: all .6s ease-in-out;
|
|
background-size: cover!important;
|
|
background-repeat: no-repeat!important
|
|
}
|
|
|
|
.sppb-flipbox-panel .flip-box {
|
|
display: table
|
|
}
|
|
|
|
.sppb-flipbox-panel .flip-box .flip-box-inner {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
position: relative
|
|
}
|
|
|
|
.flip_right .sppb-flipbox-panel .sppb-flipbox-front {
|
|
-webkit-transform: rotateX(0) rotateY(0);
|
|
-moz-transform: rotateX(0) rotateY(0);
|
|
transform: rotateX(0) rotateY(0)
|
|
}
|
|
|
|
.flip_right .sppb-flipbox-panel.flip .sppb-flipbox-front {
|
|
-webkit-transform: rotateX(0) rotateY(178deg);
|
|
-moz-transform: rotateX(0) rotateY(178deg);
|
|
transform: rotateX(0) rotateY(178deg)
|
|
}
|
|
|
|
.flip_right .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: rotateX(0) rotateY(-178deg);
|
|
-moz-transform: rotateX(0) rotateY(-178deg);
|
|
transform: rotateX(0) rotateY(-178deg)
|
|
}
|
|
|
|
.flip_right .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.flip_left .sppb-flipbox-panel .sppb-flipbox-front {
|
|
-webkit-transform: rotateX(0) rotateY(0);
|
|
-moz-transform: rotateX(0) rotateY(0);
|
|
transform: rotateX(0) rotateY(0)
|
|
}
|
|
|
|
.flip_left .sppb-flipbox-panel.flip .sppb-flipbox-front {
|
|
-webkit-transform: rotateX(0) rotateY(-178deg);
|
|
-moz-transform: rotateX(0) rotateY(-178deg);
|
|
transform: rotateX(0) rotateY(-178deg)
|
|
}
|
|
|
|
.flip_left .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: rotateX(0) rotateY(178deg);
|
|
-moz-transform: rotateX(0) rotateY(178deg);
|
|
transform: rotateX(0) rotateY(178deg)
|
|
}
|
|
|
|
.flip_left .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.flip_top .sppb-flipbox-panel .sppb-flipbox-front {
|
|
-webkit-transform: rotateY(0) rotateX(0);
|
|
-moz-transform: rotateY(0) rotateX(0);
|
|
transform: rotateY(0) rotateX(0)
|
|
}
|
|
|
|
.flip_top .sppb-flipbox-panel.flip .sppb-flipbox-front {
|
|
-webkit-transform: rotateX(178deg) rotateY(0);
|
|
-moz-transform: rotateX(178deg) rotateY(0);
|
|
transform: rotateX(178deg) rotateY(0)
|
|
}
|
|
|
|
.flip_top .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: rotateX(-178deg) rotateY(0);
|
|
-moz-transform: rotateX(-178deg) rotateY(0);
|
|
transform: rotateX(-178deg) rotateY(0)
|
|
}
|
|
|
|
.flip_top .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.flip_bottom .sppb-flipbox-panel .sppb-flipbox-front {
|
|
-webkit-transform: rotateY(0) rotateX(0);
|
|
-moz-transform: rotateY(0) rotateX(0);
|
|
transform: rotateY(0) rotateX(0)
|
|
}
|
|
|
|
.flip_bottom .sppb-flipbox-panel.flip .sppb-flipbox-front {
|
|
-webkit-transform: rotateX(-178deg) rotateY(0);
|
|
-moz-transform: rotateX(-178deg) rotateY(0);
|
|
transform: rotateX(-178deg) rotateY(0)
|
|
}
|
|
|
|
.flip_bottom .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: rotateX(178deg) rotateY(0);
|
|
-moz-transform: rotateX(178deg) rotateY(0);
|
|
transform: rotateX(178deg) rotateY(0)
|
|
}
|
|
|
|
.flip_bottom .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.sppb-addon-sppb-flibox.fade-flipbox .sppb-flipbox-panel .sppb-flipbox-front,.sppb-addon-sppb-flibox.slide-flipbox .sppb-flipbox-panel .sppb-flipbox-front {
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.fade-flipbox .sppb-flipbox-panel,.slide-flipbox .sppb-flipbox-panel {
|
|
overflow: hidden;
|
|
-webkit-perspective: initial;
|
|
-moz-perspective: initial;
|
|
perspective: initial;
|
|
-webkit-transform-style: initial;
|
|
-moz-transform-style: initial;
|
|
transform-style: initial
|
|
}
|
|
|
|
.slide-flipbox.flip_right .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: translateX(100%) translateY(0);
|
|
-moz-transform: translateX(100%) translateY(0);
|
|
transform: translateX(100%) translateY(0)
|
|
}
|
|
|
|
.slide-flipbox.flip_right .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: translateX(0) translateY(0);
|
|
-moz-transform: translateX(0) translateY(0);
|
|
transform: translateX(0) translateY(0)
|
|
}
|
|
|
|
.fade-flipbox .sppb-flipbox-panel .sppb-flipbox-back,.slide-flipbox .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform-style: initial;
|
|
-moz-transform-style: initial;
|
|
transform-style: initial
|
|
}
|
|
|
|
.slide-flipbox.flip_left .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: translateX(-100%) translateY(0);
|
|
-moz-transform: translateX(-100%) translateY(0);
|
|
transform: translateX(-100%) translateY(0)
|
|
}
|
|
|
|
.slide-flipbox.flip_left .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: translateX(0) translateY(0);
|
|
-moz-transform: translateX(0) translateY(0);
|
|
transform: translateX(0) translateY(0)
|
|
}
|
|
|
|
.slide-flipbox.flip_top .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: translateX(0) translateY(-100%);
|
|
-moz-transform: translateX(0) translateY(-100%);
|
|
transform: translateX(0) translateY(-100%)
|
|
}
|
|
|
|
.slide-flipbox.flip_top .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: translateX(0) translateY(0);
|
|
-moz-transform: translateX(0) translateY(0);
|
|
transform: translateX(0) translateY(0)
|
|
}
|
|
|
|
.slide-flipbox.flip_bottom .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: translateX(0) translateY(100%);
|
|
-moz-transform: translateX(0) translateY(100%);
|
|
transform: translateX(0) translateY(100%)
|
|
}
|
|
|
|
.slide-flipbox.flip_bottom .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
-webkit-transform: translateX(0) translateY(0);
|
|
-moz-transform: translateX(0) translateY(0);
|
|
transform: translateX(0) translateY(0)
|
|
}
|
|
|
|
.fade-flipbox .sppb-flipbox-panel .sppb-flipbox-back {
|
|
-webkit-transform: none;
|
|
-moz-transform: none;
|
|
transform: none;
|
|
opacity: 0
|
|
}
|
|
|
|
.fade-flipbox .sppb-flipbox-panel.flip .sppb-flipbox-back {
|
|
opacity: 1
|
|
}
|
|
|
|
.threeD-content-wrap {
|
|
-webkit-perspective: 2000;
|
|
-moz-perspective: 2000;
|
|
-ms-perspective: 2000;
|
|
perspective: 2000;
|
|
-ms-transform: perspective(2000px);
|
|
-moz-transform: perspective(2000px);
|
|
-moz-transform-style: preserve-3d;
|
|
-ms-transform-style: preserve-3d;
|
|
display: inline-block;
|
|
width: 100%
|
|
}
|
|
|
|
.threeD-item {
|
|
height: 100%;
|
|
width: 100%;
|
|
-webkit-transition: .5s;
|
|
transition: .5s;
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-transition-timing-function: cubic-bezier(.5,.3,.3,1);
|
|
transition-timing-function: cubic-bezier(.5,.3,.3,1)
|
|
}
|
|
|
|
.threeD-content-wrap.flip .threeD-item {
|
|
-webkit-transform: rotateY(-180deg);
|
|
transform: rotateY(-180deg);
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d
|
|
}
|
|
|
|
.flip_left .threeD-content-wrap.flip .threeD-item {
|
|
-webkit-transform: rotateY(180deg);
|
|
transform: rotateY(180deg);
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d
|
|
}
|
|
|
|
.flip_top .threeD-content-wrap.flip .threeD-item {
|
|
-webkit-transform: rotateX(-180deg) rotateY(0);
|
|
transform: rotateX(-180deg) rotateY(0);
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d
|
|
}
|
|
|
|
.flip_top .threeD-content-wrap .threeD-item .threeD-flip-back {
|
|
-webkit-transform: rotateX(180deg) rotateY(0);
|
|
transform: rotateX(180deg) rotateY(0);
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-transition: .4s ease-in-out;
|
|
transition: .4s ease-in-out
|
|
}
|
|
|
|
.flip_bottom .threeD-content-wrap.flip .threeD-item {
|
|
-webkit-transform: rotateX(180deg) rotateY(0);
|
|
transform: rotateX(180deg) rotateY(0);
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d
|
|
}
|
|
|
|
.flip_bottom .threeD-content-wrap .threeD-item .threeD-flip-back {
|
|
-webkit-transform: rotateX(-180deg) rotateY(0);
|
|
transform: rotateX(-180deg) rotateY(0);
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-transition: .4s ease-in-out;
|
|
transition: .4s ease-in-out
|
|
}
|
|
|
|
.threeD-flip-front {
|
|
z-index: 2
|
|
}
|
|
|
|
.threeD-flip-back {
|
|
-webkit-transform: rotate3d(0,45,0,180deg);
|
|
transform: rotate3d(0,45,0,180deg)
|
|
}
|
|
|
|
.threeD-flip-back,.threeD-flip-front {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
background-size: cover!important;
|
|
background-repeat: no-repeat!important
|
|
}
|
|
|
|
.threeD-flip-back .threeD-content-inner,.threeD-flip-front .threeD-content-inner {
|
|
width: 100%;
|
|
padding: 0 50px;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%) translateZ(60px);
|
|
-webkit-transform: translateY(-50%) translateZ(60px);
|
|
-ms-transform: translateY(-50%) translateZ(60px)
|
|
}
|
|
|
|
.sppb-flipbox-back.flip-box:before,.sppb-flipbox-front.flip-box:before,.threeD-flip-back:before,.threeD-flip-front:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-flipbox-panel,.threeD-item {
|
|
height: 280px
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
|
|
float:none!important;
|
|
margin: 0 auto!important;
|
|
width: 95%;
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-col-xs-12.timeline-item {
|
|
width: 50%;
|
|
flex: none
|
|
}
|
|
|
|
.sppb-carousel-pro .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
|
|
padding: 20px 30px
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.sppb-col-xs-12.timeline-item {
|
|
width:100%
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part,.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date,.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
|
|
text-align: center;
|
|
margin: 0
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after,.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before,.sppb-addon-timeline .sppb-addon-timeline-wrapper::before {
|
|
display: none
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part::before {
|
|
bottom: -5px;
|
|
left: 0;
|
|
margin: auto;
|
|
right: 0;
|
|
top: auto;
|
|
-webkit-transform: rotate(133deg) translateY(0);
|
|
transform: rotate(133deg) translateY(0)
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel::before {
|
|
left: 0;
|
|
margin: 0 auto;
|
|
right: 0;
|
|
top: -5px;
|
|
-webkit-transform: rotate(-47deg) translateY(0);
|
|
transform: rotate(-47deg) translateY(0)
|
|
}
|
|
|
|
.timeline-movement.even {
|
|
display: table;
|
|
width: 100%;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.timeline-movement.even:before {
|
|
background-color: #0095eb;
|
|
bottom: 10px;
|
|
content: " ";
|
|
height: 2px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: auto;
|
|
width: 100%;
|
|
margin: auto
|
|
}
|
|
|
|
.timeline-movement.even:after {
|
|
background: #fff none repeat scroll 0 0;
|
|
border: 2px solid #0095eb;
|
|
border-radius: 50%;
|
|
bottom: .1em;
|
|
content: "";
|
|
height: 20px;
|
|
left: 0;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
right: 0;
|
|
top: auto;
|
|
width: 20px
|
|
}
|
|
|
|
.sppb-addon-timeline .sppb-addon-timeline-wrapper>.timeline-movement:last-child {
|
|
padding-bottom: 30px
|
|
}
|
|
}
|
|
|
|
.sppb-modal-selector {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-ajax-contact-content .g-recaptcha {
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-slider .sppb-item-image {
|
|
padding: 20px 0
|
|
}
|
|
|
|
.sppb-addon-tweet .sppb-tweet-slider .sppb-item-image .sppb-tweet-image {
|
|
display: inline-block
|
|
}
|
|
|
|
.mfp-close-btn-in .mfp-content .mfp-close {
|
|
color: #fff
|
|
}
|
|
|
|
.mfp-close-btn-in .mfp-content .white-popup-block .mfp-close {
|
|
color: #333
|
|
}
|
|
|
|
.mfp-content .popup-image-block {
|
|
position: relative;
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-youtube-video-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
z-index: 0
|
|
}
|
|
|
|
.sppb-youtube-video-bg iframe {
|
|
border: none
|
|
}
|
|
|
|
.sppb-carousel-pro .sppb-carousel-inner .sppb-item {
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity
|
|
}
|
|
|
|
.sppb-carousel-pro .sppb-carousel-inner .active.left,.sppb-carousel-pro .sppb-carousel-inner .active.right,.sppb-carousel-pro .sppb-carousel-inner .sppb-item {
|
|
opacity: 0
|
|
}
|
|
|
|
.sppb-carousel-pro .sppb-carousel-inner .active,.sppb-carousel-pro .sppb-carousel-inner .next.left,.sppb-carousel-pro .sppb-carousel-inner .prev.right {
|
|
opacity: 1
|
|
}
|
|
|
|
.sppb-carousel-pro .sppb-carousel-inner .active.left,.sppb-carousel-pro .sppb-carousel-inner .active.right,.sppb-carousel-pro .sppb-carousel-inner .next,.sppb-carousel-pro .sppb-carousel-inner .prev {
|
|
left: 0;
|
|
-webkit-transform: translate3d(0,0,0);
|
|
transform: translate3d(0,0,0)
|
|
}
|
|
|
|
.sppb-carousel-pro .sppb-carousel-control {
|
|
z-index: 2
|
|
}
|
|
|
|
.sppb-align-center {
|
|
-ms-flex-align: center!important;
|
|
align-items: center!important
|
|
}
|
|
|
|
.sppb-shape-container {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
line-height: 0
|
|
}
|
|
|
|
.sppb-shape-container.sppb-top-shape {
|
|
top: -1px
|
|
}
|
|
|
|
.sppb-shape-container.sppb-bottom-shape {
|
|
bottom: -1px
|
|
}
|
|
|
|
.sppb-shape-container svg {
|
|
display: block;
|
|
width: 100%;
|
|
position: relative;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-bottom-shape svg {
|
|
transform: rotateX(180deg) translateX(-50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-top-shape.sppb-shape-flip svg {
|
|
transform: rotateY(180deg) translateX(50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-bottom-shape.sppb-shape-flip svg {
|
|
transform: rotate(180deg) translateX(50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-top-shape.sppb-shape-invert svg {
|
|
transform: rotateX(180deg) translateX(-50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-bottom-shape.sppb-shape-invert svg {
|
|
transform: rotateX(0) translateX(-50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-top-shape.sppb-shape-invert.sppb-shape-flip svg {
|
|
transform: rotate(180deg) translateX(50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-bottom-shape.sppb-shape-invert.sppb-shape-flip svg {
|
|
transform: rotateY(180deg) translateX(50%)
|
|
}
|
|
|
|
.sppb-shape-container.sppb-shape-to-front {
|
|
z-index: 99999
|
|
}
|
|
|
|
.sppb-addon-optin-forms {
|
|
padding: 30px
|
|
}
|
|
|
|
.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {
|
|
padding: 20px 0
|
|
}
|
|
|
|
.sppb-addon-optin-forms .sppb-optin-form-info-wrap {
|
|
overflow: hidden
|
|
}
|
|
|
|
.sppb-addon-optin-forms .sppb-optin-form input {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.sppb-optin-form-box.has-grid,.sppb-optin-form-info-wrap.media-position-left,.sppb-optin-form-info-wrap.media-position-right {
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flex;
|
|
display: -o-flex;
|
|
display: flex;
|
|
align-items: center
|
|
}
|
|
|
|
.sppb-optin-form-info-wrap.media-position-right {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.sppb-optin-form-info-wrap.media-position-left .sppb-optin-form-icon,.sppb-optin-form-info-wrap.media-position-left .sppb-optin-form-img {
|
|
padding-right: 20px
|
|
}
|
|
|
|
.sppb-optin-form-info-wrap.media-position-right .sppb-optin-form-icon,.sppb-optin-form-info-wrap.media-position-right .sppb-optin-form-img {
|
|
padding-left: 20px
|
|
}
|
|
|
|
.sppb-optin-form.form-inline .button-wrap {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
@media screen and (min-width: 480px) {
|
|
.sppb-optin-form.form-inline {
|
|
display:-webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flex;
|
|
display: -o-flex;
|
|
display: flex
|
|
}
|
|
|
|
.sppb-optin-form.form-inline .email-wrap,.sppb-optin-form.form-inline .name-wrap {
|
|
padding-right: 20px
|
|
}
|
|
|
|
.sppb-optin-form.form-inline .email-wrap,.sppb-optin-form.form-inline .name-wrap {
|
|
flex: 1
|
|
}
|
|
}
|
|
|
|
.com-sppagebuilder .mfp-content,.com_sppagebuilder .mfp-content {
|
|
text-align: center
|
|
}
|
|
|
|
.com-sppagebuilder .sppb-optin-form-popup-wrap,.com_sppagebuilder .sppb-optin-form-popup-wrap {
|
|
display: inline-block;
|
|
position: relative;
|
|
max-width: 100%
|
|
}
|
|
|
|
.com-sppagebuilder .sppb-optin-form-popup-wrap .mfp-close,.com_sppagebuilder .sppb-optin-form-popup-wrap .mfp-close {
|
|
width: 35px;
|
|
height: 35px;
|
|
line-height: 30px;
|
|
opacity: .5;
|
|
-webkit-transition: .3s;
|
|
transition: .3s
|
|
}
|
|
|
|
.com-sppagebuilder .sppb-optin-form-popup-wrap .mfp-close:hover,.com_sppagebuilder .sppb-optin-form-popup-wrap .mfp-close:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.com-sppagebuilder .sppb-optin-form-popup-wrap>[id*=sppb-addon-],.com_sppagebuilder .sppb-optin-form-popup-wrap>[id*=sppb-addon-] {
|
|
position: relative;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
max-width: 100%
|
|
}
|
|
|
|
.mfp-fade.mfp-bg {
|
|
opacity: 0;
|
|
-webkit-transition: all .15s ease-out;
|
|
-moz-transition: all .15s ease-out;
|
|
transition: all .15s ease-out
|
|
}
|
|
|
|
.mfp-fade.mfp-bg.mfp-ready {
|
|
opacity: .8
|
|
}
|
|
|
|
.mfp-fade.mfp-bg.mfp-removing {
|
|
opacity: 0
|
|
}
|
|
|
|
.mfp-fade.mfp-wrap .mfp-content {
|
|
opacity: 0;
|
|
-webkit-transition: all .15s ease-out;
|
|
-moz-transition: all .15s ease-out;
|
|
transition: all .15s ease-out
|
|
}
|
|
|
|
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
|
|
opacity: 1
|
|
}
|
|
|
|
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
|
|
opacity: 0
|
|
}
|
|
|
|
.com-sppagebuilder:not(.layout-edit) .sppb-addon-optin-forms.optintype-popup .sppb-optin-forms-close {
|
|
position: absolute;
|
|
top: -25px;
|
|
right: -5px;
|
|
z-index: 999;
|
|
cursor: pointer;
|
|
font-size: 20px
|
|
}
|
|
|
|
.com-sppagebuilder:not(.layout-edit) .sppb-addon-optin-forms.optintype-popup {
|
|
display: none!important
|
|
}
|
|
|
|
.com-sppagebuilder:not(.layout-edit) .mfp-content .sppb-addon-optin-forms.optintype-popup {
|
|
display: block!important
|
|
}
|
|
|
|
.sppb-modal-selector {
|
|
display: -webkit-inline-flex;
|
|
display: -moz-inline-flex;
|
|
display: -ms-inline-flex;
|
|
display: -o-inline-flex;
|
|
display: inline-flex;
|
|
align-items: center
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.sppb-addon-cta .sppb-row {
|
|
display:table;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
.sppb-addon-cta .sppb-row>div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
float: none
|
|
}
|
|
}
|
|
|
|
.sppb-addon-testimonial-avatar {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-addon-testimonial-client {
|
|
display: inline-block
|
|
}
|
|
|
|
.justify-content-center {
|
|
-ms-flex-pack: center!important;
|
|
justify-content: center!important
|
|
}
|
|
|
|
.sppb-addon-overlayer {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.sppb-link-list-wrap ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
|
|
.sppb-link-list-wrap ul li a {
|
|
display: inline-block;
|
|
color: #000
|
|
}
|
|
|
|
.sppb-link-list-wrap.sppb-link-list-nav ul li {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-nav-align-right {
|
|
text-align: right
|
|
}
|
|
|
|
.sppb-nav-align-center {
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-responsive-bars {
|
|
display: none;
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
background-color: rgba(0,0,0,.1);
|
|
border-radius: 3px;
|
|
transition: all .3s
|
|
}
|
|
|
|
.sppb-responsive-bars.open {
|
|
background-color: #22b8f0
|
|
}
|
|
|
|
.sppb-responsive-bar {
|
|
display: block;
|
|
height: 3px;
|
|
width: 35px;
|
|
background-color: #000;
|
|
transition: all .3s
|
|
}
|
|
|
|
.sppb-responsive-bars.open .sppb-responsive-bar {
|
|
background-color: #fff
|
|
}
|
|
|
|
.sppb-responsive-bar+.sppb-responsive-bar {
|
|
margin-top: 7px
|
|
}
|
|
|
|
#sp-page-builder .page-content .sppb-section.sppb-sticky-it,#sp-page-builder .sppb-section.sppb-sticky-it {
|
|
position: fixed;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 999
|
|
}
|
|
|
|
.sp-pagebuilder-addons-list-sidebar ul li>span>span>span {
|
|
vertical-align: middle
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.sppb-responsive-bars {
|
|
display:inline-block
|
|
}
|
|
|
|
.sppb-link-list-responsive.sppb-link-list-wrap ul {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition: all .5s
|
|
}
|
|
|
|
.sppb-link-list-responsive.sppb-link-list-wrap ul.open {
|
|
max-height: 1000px;
|
|
transition: all .5s ease-in
|
|
}
|
|
|
|
.sppb-link-list-responsive.sppb-link-list-wrap ul li a {
|
|
display: block
|
|
}
|
|
|
|
.sppb-link-list-responsive.sppb-link-list-wrap.sppb-link-list-nav ul li {
|
|
display: block
|
|
}
|
|
|
|
.sppb-link-list-responsive.sppb-nav-align-right ul {
|
|
text-align: left
|
|
}
|
|
|
|
#sp-page-builder .page-content .sppb-section.sppb-sticky-it,#sp-page-builder .sppb-section.sppb-sticky-it {
|
|
position: static
|
|
}
|
|
}
|
|
|
|
.sppb-icons-group-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: table
|
|
}
|
|
|
|
.sppb-icons-group-list li {
|
|
float: left
|
|
}
|
|
|
|
.sppb-icons-group-list li a {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-icons-label-text {
|
|
display: block;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-icons-label-text.right {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-addon-articles-scroller,.sppb-addon-articles-ticker {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased
|
|
}
|
|
|
|
.sppb-articles-scroller-link {
|
|
display: block
|
|
}
|
|
|
|
.sppb-addon-articles-scroller-title {
|
|
font-size: 18px;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.sppb-articles-scroller-date-left-date-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.sppb-articles-scroller-date-left-date {
|
|
background: #e91e63;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 15%;
|
|
flex: 0 0 15%;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.sppb-articles-scroller-meta-date-left {
|
|
text-align: center
|
|
}
|
|
|
|
.sppb-articles-scroller-meta-date-left span {
|
|
color: #fff;
|
|
line-height: 1;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
display: block;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.sppb-articles-scroller-meta-date-left span.sppb-articles-scroller-day {
|
|
font-size: 42px;
|
|
margin-bottom: 5px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.sppb-articles-scroller-date-left-content {
|
|
background: #212125;
|
|
padding: 25px;
|
|
-ms-flex: 0 0 85%;
|
|
flex: 0 0 85%
|
|
}
|
|
|
|
.sppb-articles-scroller-introtext {
|
|
color: #fff
|
|
}
|
|
|
|
.sppb-articles-scroller-introtext p {
|
|
margin-bottom: 5px
|
|
}
|
|
|
|
.sppb-articles-scroller-introtext * {
|
|
display: inline-block
|
|
}
|
|
|
|
.sppb-articles-scroller-introtext ol,.sppb-articles-scroller-introtext ul {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.sppb-articles-scroller-date-left-content .sppb-addon-articles-scroller-title {
|
|
font-size: 24px;
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
.sppb-articles-ticker-wrap {
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-articles-ticker-wrap .bx-wrapper {
|
|
margin: 0 auto;
|
|
display: table;
|
|
width: 100%
|
|
}
|
|
|
|
.sppb-articles-ticker-heading {
|
|
background: #e91e63;
|
|
color: #fff;
|
|
-ms-flex: 0 0 25%;
|
|
flex: 0 0 25%;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
z-index: 1;
|
|
text-align: center;
|
|
line-height: 1
|
|
}
|
|
|
|
.sppb-articles-ticker-heading svg {
|
|
position: absolute;
|
|
left: auto;
|
|
top: 0;
|
|
height: 100%;
|
|
z-index: -1;
|
|
right: -25px
|
|
}
|
|
|
|
.sppb-articles-ticker {
|
|
margin: 0;
|
|
-ms-flex: 0 0 75%;
|
|
flex: 0 0 75%;
|
|
background: #222;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-articles-ticker .bx-wrapper {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.sppb-articles-ticker-text {
|
|
padding: 15px 20px
|
|
}
|
|
|
|
.sppb-articles-ticker-text.shape-enabled-need-extra-padding {
|
|
padding-left: 42px
|
|
}
|
|
|
|
.sppb-articles-ticker-text a {
|
|
line-height: 1;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
display: block
|
|
}
|
|
|
|
.sppb-articles-ticker-controller {
|
|
position: absolute;
|
|
left: auto;
|
|
right: 15px;
|
|
top: 0;
|
|
margin: auto;
|
|
bottom: 0;
|
|
height: 29px
|
|
}
|
|
|
|
.sppb-articles-ticker-controller span {
|
|
display: inline-block;
|
|
font-size: 22px;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.sppb-articles-ticker-controller span.sppb-articles-ticker-left-control {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.sppb-articles-ticker-controller span a {
|
|
font-size: 22px;
|
|
color: #fff;
|
|
line-height: 1
|
|
}
|
|
|
|
.ticker-date-time {
|
|
position: absolute;
|
|
left: auto;
|
|
right: 50px;
|
|
top: 0;
|
|
color: #fff;
|
|
padding: 3px 4px;
|
|
line-height: 1;
|
|
font-size: 12px;
|
|
background: #e91e63;
|
|
text-transform: uppercase;
|
|
height: 18px;
|
|
bottom: 0;
|
|
margin: auto 0
|
|
}
|
|
|
|
.ticker-date-time span {
|
|
display: inline-block
|
|
}
|
|
|
|
.ticker-date-time .ticker-date+.ticker-hour {
|
|
margin-left: 3px
|
|
}
|
|
|
|
.article-image-as-bg {
|
|
position: relative
|
|
}
|
|
|
|
.article-image-as-bg::before {
|
|
content: '';
|
|
background: rgba(0,0,0,.5);
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.article-image-as-bg .sppb-articles-scroller-date-left-date {
|
|
position: relative
|
|
}
|
|
|
|
.article-image-as-bg .sppb-articles-scroller-date-left-date:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: auto;
|
|
right: 0;
|
|
width: 1px;
|
|
height: 60%;
|
|
margin: auto;
|
|
background: #fff
|
|
}
|
|
|
|
.date-text-overlay {
|
|
position: relative
|
|
}
|
|
|
|
.date-text-overlay .sppb-articles-scroller-month {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
left: auto;
|
|
right: 0;
|
|
line-height: 1;
|
|
top: 0;
|
|
bottom: 0;
|
|
color: #000;
|
|
font-size: 24px
|
|
}
|
|
|
|
.sppb-addon-video .sppb-addon-video-local-video-wrap {
|
|
padding-top: 56.3%;
|
|
position: relative
|
|
}
|
|
|
|
.sppb-addon-video-local-source {
|
|
object-fit: contain;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
body.helix-ultimate .sppb-row-container {
|
|
max-width:540px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
body.helix-ultimate .sppb-row-container {
|
|
max-width:720px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
body.helix-ultimate .sppb-row-container {
|
|
max-width:960px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
body.helix-ultimate .sppb-row-container {
|
|
max-width:1140px
|
|
}
|
|
}
|
|
#sp-main-body > .row {
|
|
padding:0;
|
|
}
|
|
#accordion_menu_90 {
|
|
border:none;
|
|
}
|
|
#sp-left {
|
|
/*position:fixed;*/
|
|
/*padding:15px;*/
|
|
z-index:999;
|
|
/*top:175px;*/
|
|
}
|
|
#sp-left > .custom-class {
|
|
width:75%;
|
|
margin:auto;
|
|
}
|
|
#sp-component {
|
|
left:19%;
|
|
position:absolute;
|
|
top:100px;
|
|
overflow:auto;
|
|
//height:100vh;
|
|
bottom:100px;
|
|
/*padding-top:15px;*/
|
|
width:75%;
|
|
z-index:99;
|
|
}
|
|
#sp-component .sp-column {
|
|
display: contents;
|
|
}
|
|
#sp-component div[itemprop="articleBody"] {
|
|
overflow: auto;
|
|
height: 100%;
|
|
}
|
|
article.item {
|
|
height: calc(100% - 100px);
|
|
}
|
|
ul.accordion-menu li {
|
|
border:none;
|
|
}
|
|
ul.accordion-menu li > .item-wrapper > .menu-link > a {
|
|
padding:0;
|
|
font-size:1.125em;
|
|
cursor:pointer;
|
|
}
|
|
div.ul-wrapper ul > li > .item-wrapper > .menu-link > a {
|
|
font-size:1.25em;
|
|
}
|
|
.layout-boxed .body-innerwrapper,
|
|
#sp-main-body, #sp-header,
|
|
body #sp-footer, #accordion_menu_90,
|
|
#sp-left .sp-module, #sp-right .sp-module {
|
|
background:transparent;
|
|
}
|
|
#sp-header {
|
|
box-shadow:none;
|
|
/*padding-top:20px;*/
|
|
max-width:100% !important;
|
|
left:0 !important;
|
|
height:auto;
|
|
}
|
|
body #sp-footer {
|
|
color:#001c48;
|
|
padding:0;
|
|
}
|
|
body.site {
|
|
//background:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url(../images/background.jpg) no-repeat 0 0/ cover;
|
|
background-attachment: fixed;
|
|
}
|
|
div[itemprop="articleBody"],
|
|
.myContentBackground {
|
|
background:rgba(255,255,255,0.8);
|
|
padding:10px;
|
|
}
|
|
.mydolownImgtext > .sppb-addon-content {
|
|
background:rgba(255,255,255,0.8);
|
|
padding:0 10px;
|
|
margin:40px auto;
|
|
font-size:1.125em;
|
|
}
|
|
.myImgtext > .sppb-addon-content {
|
|
background:rgba(255,255,255,0.8);
|
|
padding:0 10px;
|
|
margin:20px auto;
|
|
font-size:1.125em;
|
|
}
|
|
.layout-boxed .body-innerwrapper {
|
|
max-width:100%;
|
|
box-shadow:none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
}
|
|
.body-innerwrapper > #sp-main-body > .row {
|
|
margin:0;
|
|
}
|
|
.myIndexImg > .sppb-addon-content > .custom > table {
|
|
background-size:cover;
|
|
height:400px;
|
|
}
|
|
ul.accordion-menu li > .item-wrapper > .menu-link > a > img {
|
|
height:50px;
|
|
}
|
|
#sp-header.menu-fixed {
|
|
margin:auto;
|
|
margin-top:0;
|
|
background:#fff;
|
|
}
|
|
.myLeftSide {
|
|
padding-right:0 !important;
|
|
padding-left:0 !important;
|
|
padding-top:0 !important;
|
|
}
|
|
.myLeftSide > .sp-module-content > ul > li > .ul-wrapper {
|
|
top:.2px;
|
|
}
|
|
|
|
.accordion-heading {
|
|
background-image: url(/images/biotech/plus.png);
|
|
background-position:98%;
|
|
background-size:10px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.accordion-group {
|
|
margin:0 10px;
|
|
border:none;
|
|
border-bottom:1px solid #000;
|
|
border-radius:unset;
|
|
}
|
|
.accordion-heading .accordion-toggle {
|
|
padding: 12px 0;
|
|
font-size:1.0833em;
|
|
width:92%;
|
|
margin-left:10px;
|
|
}
|
|
th, td {
|
|
padding:10px;
|
|
}
|
|
.contact th, .contact td {
|
|
border-bottom:2px solid #000;
|
|
}
|
|
.contact th{
|
|
border-bottom:5px solid #000;
|
|
}
|
|
.mytable th {
|
|
background-color:#f9f9f9;
|
|
}
|
|
.teacherTable td {
|
|
border:2px solid #000;
|
|
}
|
|
#set-rl_tabs-1 {
|
|
font-size:1.1667em;
|
|
}
|
|
.rl_tabs.outline_handles ul.nav-tabs>li a {
|
|
border:none;
|
|
}
|
|
#set-rl_tabs-1 li.active>a {
|
|
border:1px solid #ddd;
|
|
}
|
|
.rl_tabs>ul.nav-tabs>li {
|
|
width:20%;
|
|
text-align:center;
|
|
}
|
|
.ul-wrapper > ul > li > .ul-wrapper {
|
|
position:fixed;
|
|
left:25% !important;
|
|
}
|
|
ul.flyout-menu li > .item-wrapper > .menu-link > a {
|
|
font-size:1.3333em;
|
|
line-height:27px;
|
|
letter-spacing:0.25em;
|
|
|
|
}
|
|
#flyout_menu_90, ul.flyout-menu li, div.ul-wrapper ul {
|
|
border:none !important;
|
|
}
|
|
.sppb-addon-content {
|
|
font-size:1.0833em;
|
|
line-height:1.6em;
|
|
font-weight:400;
|
|
}
|
|
.sppb-addon-title {
|
|
font-size:2.1875em;
|
|
line-height:1.2em;
|
|
}
|
|
#flyout_menu_90 {
|
|
background:transparent;
|
|
}
|
|
ul.flyout-menu .menu-link a {
|
|
padding:12px 0;
|
|
}
|
|
#flyout_menu_90 a:hover,
|
|
#flyout_menu_90 a:focus,
|
|
#flyout_menu_90 li.current > .item-wrapper a {
|
|
color:#fff;
|
|
}
|
|
#flyout_menu_90 a:visited,
|
|
#flyout_menu_90 li.current > .item-wrapper a {
|
|
color:#001c48;
|
|
}
|
|
#flyout_menu_90 div.menu-link a {
|
|
color:#001A6B;
|
|
text-align:center;
|
|
}
|
|
ul.flyout-menu.text-left .menu-link{
|
|
margin-right:0;
|
|
}
|
|
#sp-footer > div.container > div.row {
|
|
bottom:0;
|
|
z-index:888;
|
|
width:100%;
|
|
padding:10px 0;
|
|
}
|
|
#sp-footer1{
|
|
width:auto;
|
|
padding:25px 0 0 0;
|
|
float:right;
|
|
}
|
|
ul.flyout-menu .menu-link img {
|
|
width:80px;
|
|
}
|
|
.entry-header {
|
|
text-align:center;
|
|
}
|
|
.my_news_custom .entry-header>h2 {
|
|
font-size:2.1667em;
|
|
}
|
|
#section-id-1596006884924 .sppb-row-container,
|
|
#section-id-1596006884924 .sppb-col-md-6 {
|
|
padding:0;
|
|
}
|
|
#section-id-1596006884924 p {
|
|
font-size:1.0833em;
|
|
}
|
|
#section-id-1596006884924 .clearfix {
|
|
height:90%;
|
|
}
|
|
.professor_block, .professor_block > div {
|
|
height:100%;
|
|
}
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #3D5A98 rgba(255,255,255,0.8);
|
|
}
|
|
*::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
*::-webkit-scrollbar-track {
|
|
background: rgba(255,255,255,0.8);
|
|
}
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: #3D5A98;
|
|
border-radius: 20px;
|
|
border: 2.5px solid rgba(255,255,255,0.8);
|
|
}
|
|
#sp-top2 {
|
|
position:absolute;
|
|
width:18vw;
|
|
height:100vh;
|
|
background:#F3FAFF;
|
|
left:0;
|
|
}
|
|
#sp-component .entry-header {
|
|
margin-top:0;
|
|
}
|
|
.course_standard tr td:first-child {
|
|
padding-left:40px;
|
|
}
|
|
.course_standard tr td {
|
|
border-bottom: 1px solid #dddddd;
|
|
}
|
|
.video_class #sp-component {
|
|
height:min-content;
|
|
}
|
|
|
|
@media (min-width: 1200px){
|
|
.container, .sppb-row-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 992px){
|
|
.sppb-row-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 767px) and (max-width: 991px) {
|
|
#sp-component {
|
|
left:0;
|
|
width:100%;
|
|
}
|
|
}
|
|
@media (max-width: 992px){
|
|
#sp-component {
|
|
position:static;
|
|
}
|
|
}
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all {
|
|
#sp-header .sp-default-logo {
|
|
display:block;
|
|
}
|
|
}
|
|
@media screen and (min-width: 768px){
|
|
#flyout_menu_90 .ul-wrapper, #flyout_menu_90 ul {
|
|
width:max-content;
|
|
min-width:200px;
|
|
}
|
|
.container{
|
|
width:100%;
|
|
}
|
|
|
|
}
|
|
@media screen and (max-width: 768px){
|
|
#sp-component {
|
|
width:100%;
|
|
}
|
|
.item-page {
|
|
margin-top:30px;
|
|
}
|
|
.course_standard tr td:first-child {
|
|
padding-left:0;
|
|
}
|
|
|
|
}
|
|
@media screen and (max-width: 480px){
|
|
.rl_tabs>ul.nav-tabs>li {
|
|
width:100%;
|
|
text-align:left;
|
|
}
|
|
}
|
|
.sp-default-logo{
|
|
padding:1px 6%;
|
|
}
|
|
body #sp-footer a {
|
|
color: #000;
|
|
}
|
|
#offcanvas-toggler {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
}
|
|
#sp-menu{
|
|
float: inherit;
|
|
}
|
|
#sp-main-body{
|
|
padding: 0;
|
|
flex:1;
|
|
}
|
|
#sp-left .sp-module .sp-module-content .custom #trans{
|
|
width:auto;
|
|
}
|
|
#sp-left .sp-module, #sp-right .sp-module{
|
|
padding:1px 10px; margin-top:10px
|
|
}
|
|
#sp-top-bar {
|
|
padding: 0px;
|
|
}
|
|
.myIndexImg .sppb-item img {
|
|
height: 53vh;
|
|
}
|
|
.myIndexImg .sppb-item .sppb-carousel-text h2 {
|
|
display: none;
|
|
} |