vertical2_new/assets/stylesheets/template/layout/addcss.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;
}