html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}  .text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
.hidden-xs-up {
display: none !important;
}
@media (min-width: 768px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.hidden-sm-up {
display: none !important;
}
}
@media (min-width: 992px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
.hidden-md-up {
display: none !important;
}
}
@media (min-width: 1200px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.hidden-lg-up {
display: none !important;
}
}
@media (min-width: 1520px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.align-center {
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.aligncenter {
text-align: center;
}
@media (max-width: 767px) {
.hidden-only-xs {
display: none !important;
}
.align-only-xs-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (max-width: 991px) {
.hidden-sm-down {
display: none !important;
}
.align-sm-down-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-only-sm {
display: none !important;
}
.align-only-sm-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (max-width: 1199px) {
.hidden-md-down {
display: none !important;
}
.align-md-down-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-only-md {
display: none !important;
}
.align-only-md-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (max-width: 1519px) {
.hidden-lg-down {
display: none !important;
}
.align-lg-down-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (min-width: 1200px) and (max-width: 1519px) {
.hidden-only-lg {
display: none !important;
}
.align-only-lg-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
@media (min-width: 1520px) {
.hidden-only-xl {
display: none !important;
}
.align-only-xl-center {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}
[class*="float-"],
[class*="align-"][class*="center"] {
min-height: 5px;
}  body {
font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 21px;
line-height: 1.667;
color: #445761;
font-weight: 300;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: auto;
}
.sidebar-layout .columns-wrapper {
font-size: 20px;
}
.text-small {
font-size: 18px;
}
.text-extra-small {
font-size: 16px;
}
.lead-text-extra-large {
font-size: 32px;
line-height: 1.45;
font-weight: 400;
}
.stripe-left-col-fullwidth-grey.stripe-bottom .lead-text-extra-large,
.stripe-right-col-fullwidth-grey.stripe-bottom .lead-text-extra-large {
line-height: 1.35;
}
.lead-text-large {
font-size: 28px;
line-height: 1.5;
font-weight: 400;
}
.lead-text-medium {
font-size: 25px;
line-height: 1.5;
font-weight: 400;
}
.lead-text-extra-large strong,
.lead-text-large strong,
.lead-text-medium strong {
font-weight: 700;
}
@media (max-width: 991px) {
body {
font-size: 20px;
}
.lead-text-extra-large {
font-size: 28px;
}
.lead-text-large {
font-size: 25px;
}
.lead-text-medium {
font-size: 22px;
}
}
@media (max-width: 570px) {
.lead-text-extra-large {
font-size: 26px;
}
.lead-text-large {
font-size: 23px;
}
.lead-text-medium {
font-size: 21px;
}
} h1 {
font-family: Oswald, Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #384b54;
}
h2, h3, h4, h5 {
font-family: Oswald, Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #384b54;
}
h6 {
font-family: Nunito, Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #384b54;
}
h1 {
font-size: 56px;
line-height: 1.15;
font-weight: 500;
letter-spacing: 0.018em; }
.single-post h1 {
line-height: 1.25;
font-size: 50px;
}
h2 {
font-size: 45px;
line-height: 1.27;
font-weight: 400;
letter-spacing: 0.0178em; }
h3,
.sidebar-layout .page-left-col h2:not(.lead-text-large) {
font-size: 36px;
line-height: 1.4;
font-weight: 500;
letter-spacing: 0.022em; }
h4,
.sidebar-layout .page-left-col h3:not(.lead-text-large) {
font-size: 30px;
line-height: 1.45;
font-weight: 500;
letter-spacing: 0.0267em; }
h5,
.sidebar-layout .page-left-col h4 {
font-size: 24px;
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.5px;
}
h6 {
font-size: 19px;
line-height: 1.5;
font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
padding: 5px 0;
}
h1 {
margin-bottom: 30px;
}
h2, h3 {
margin-bottom: 30px;
}
h4 {
margin-bottom: 25px;
}
h5, h6 {
margin-bottom: 15px;
}
h2.lead-text-large,
h3.lead-text-large,
h2.lead-text-extra-large,
h3.lead-text-extra-large {
font-family: inherit;
letter-spacing: 0;
}
@media (min-width: 1520px) {
h1 {
font-size: 66px;
}
#home-intro .intro-text h1,
.single-post h1 {
font-size: 60px;
}
h2 {
font-size: 48px;
margin-bottom: 35px;
}
h3 {
font-size: 38px;
margin-bottom: 35px;
}
h4 {
margin-bottom: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
h1 {
font-size: 48px;
}
.single-post h1 {
font-size: 43px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h1 {
font-size: 46px;
}
.single-post h1 {
font-size: 40px;
}
h2 {
font-size: 40px;
}
h3,
#main-content h2:not(.lead-text-large) {
font-size: 33px;
}
h4,
#main-content h3:not(.lead-text-large) {
font-size: 28px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 44px;
}
.single-post h1 {
font-size: 36px;
}
h2 {
font-size: 38px;
}
h3,
#main-content h2:not(.lead-text-large) {
font-size: 33px;
}
h4,
#main-content h3:not(.lead-text-large) {
font-size: 28px;
}
}
@media (max-width: 570px) {
h1 {
font-size: 38px;
}
.single-post h1 {
font-size: 30px;
}
h2 {
font-size: 35px;
}
h3,
#main-content h2:not(.lead-text-large) {
font-size: 31px;
}
h4,
#main-content h3:not(.lead-text-large) {
font-size: 27px;
}
}
@media (max-width: 479px) {
h1 {
font-size: 31px;
}
.single-post h1 {
font-size: 28px;
}
h2 {
font-size: 32px;
}
h3,
#main-content h2:not(.lead-text-large) {
font-size: 29px;
}
h3 > br {
display: none;
}
}
@media (max-width: 360px) {
h1 {
font-size: 28px;
}
} h2.underline-small,
h3.underline-small,
h4.underline-small,
h5.underline-small,
h6.underline-small {
position: relative;
margin-bottom: 35px;
}
h2.underline-small::before,
h3.underline-small::before,
h4.underline-small::before,
h5.underline-small::before,
h6.underline-small::before,
h2.underline-small::after,
h3.underline-small::after,
h4.underline-small::after,
h5.underline-small::after,
h6.underline-small::after {
position: absolute;
display: block;
left: 0;
bottom: -8px;
height: 4px;
content: "";
-webkit-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg);
}
h2.underline-small::before,
h3.underline-small::before,
h4.underline-small::before,
h5.underline-small::before,
h6.underline-small::before {
width: 80px;
background-color: #faca7d;
background: -webkit-linear-gradient(left, #faca7d 50%, rgba(250, 202, 125, 0.5));
background: -o-linear-gradient(left, #faca7d 50%, rgba(250, 202, 125, 0.5));
background: linear-gradient(to right, #faca7d 50%, rgba(250, 202, 125, 0.5)); }
h2.underline-small::after,
h3.underline-small::after,
h4.underline-small::after,
h5.underline-small::after,
h6.underline-small::after {
width: 6px;
background-color: #fff;
margin-left: 20px;
}
.stripe[class*="stripe-light-grey"] .underline-small::after {
background-color: #edf1f2;
}
.stripe-whitish-bg .underline-small::after {
background-color: #fafafa;
}
.stripe-primary-color-pale-bg .underline-small::after {
background-color: #f0f6f9;
}
.stripe-primary-color-light-bg .underline-small::after {
background-color: #ebf5fa;
}
.stripe-pale-bg .underline-small::after {
background-color: #f2f1ed;
} p {
margin: 0 0 30px 0;
}
p img {
margin: 0;
}
@media (min-width: 1520px) {
p {
margin-bottom: 35px;
}
}
em {
font-style: italic;
}
strong, b {
font-weight: 700;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-underline {
text-decoration: underline;
}
.font-weight-bold {
font-weight: 700;
}
.font-weight-semibold {
font-weight: 600;
}
.font-weight-normal {
font-weight: 400;
}
.font-weight-light {
font-weight: 300;
}
.font-italic {
font-style: italic;
} .text-black {
color: #222 !important;
}
.text-dark-grey {
color: #505050 !important;
}
.text-grey {
color: #666 !important;
}
.text-light-grey {
color: #909090 !important;
}
.text-white {
color: #fff !important;
}
.text-white-muted {
color: #eee !important;
}
.text-primary-color {
color: #384b54 !important;
}
.text-body-color {
color: #445761 !important;
}
.text-primary-color-muted {
color: #839ca8 !important;
}
.text-primary-color-pale {
color: #a3b6bf !important;
}
.text-primary-color-light {
color: #cfdee5 !important;
}
.text-primary-color-saturated {
color: #266484 !important;
}
.text-highlighted {
color: #00bcd4 !important;
}
.text-secondary-color {
color: #e5a235 !important;
}
.text-secondary-color-light {
color: #f7deb5 !important;
}
.dark-colored-bg .text-secondary-color {
color: #faca7d !important;
}
.stripe-secondary-color-bg .text-secondary-color {
color: rgba(0, 0, 0, 0.65) !important;
}
hr {
border: none;
border-bottom: 1px solid #dedede;
clear: none;
height: 0;
margin: 0 0 30px;
}
code,
kbd {
display: inline;
font-family: "Lucida Console", "Lucida Sans Typewriter", "Andale Mono", "Courier New", Courier, monospace;
font-size: 17px;
color: #909090;
white-space: pre-wrap;
}
pre {
font-family: "Lucida Console", "Lucida Sans Typewriter", "Andale Mono", "Courier New", Courier, monospace;
font-size: 17px;
background-color: #f5f5f5;
border-left: 2px solid #d5d5d5;
margin: 0 0 30px;
padding: 25px;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
address {
font-style: italic;
margin: 0 0 30px;
}
abbr[title],
acronym {
font-variant: none;
border-bottom: 1px dotted;
}
ins {
background-color: #fcfbe2;
padding: 1px 4px 3px;
text-decoration: none;
}
var {
font-style: italic;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.3em;
}
sup {
top: -0.4em;
} blockquote {
position: relative;
font-size: 22px;
line-height: 1.85;
font-weight: 600;
font-style: italic;
letter-spacing: 0.3px;
border-left: 6px solid rgba(250, 202, 125, 0.5); margin-bottom: 50px;
padding: 0 0 10px 30px;
}
.info-box blockquote {
border-left: none;
margin-bottom: 25px;
padding: 0;
}
blockquote p {
color: #507385;
margin-bottom: 0;
}
.info-box.pale-bg blockquote p,
.info-box.pinstriped-bg blockquote p {
color: inherit;
}
blockquote cite {
display: block;
font-size: 17px;
line-height: 1.5;
font-weight: 300;
font-style: italic;
letter-spacing: 0;
color: #666;
margin-top: 15px;
}
blockquote cite strong {
font-style: normal;
}
blockquote cite::before {
content: "\2014 \00A0";
}
blockquote p.text-small {
font-family: inherit;
font-style: normal;
font-weight: normal;
letter-spacing: 0.5px;
}
blockquote p.text-small cite {
color: #808080;
} .text-blockquote {
font-size: 22px;
line-height: 1.85;
font-weight: 600;
font-style: italic;
letter-spacing: 0.3px;
color: #507385;
} .pullquote {
display: table;
}
.stripe-bottom:not(.stripe-narrow) .pullquote {
margin-bottom: 10px;
}
.pullquote .pullquote-stat {
display: table-cell;
min-width: 170px;
vertical-align: middle;
padding-right: 30px;
}
.pullquote .pullquote-stat .out-of-number {
font-size: 62px;
font-weight: normal;
line-height: 1;
color: #e5a235;
}
.pullquote .pullquote-statement {
display: table-cell;
vertical-align: middle;
}
.pullquote blockquote {
font-style: normal;
border-left: none;
margin-bottom: 0;
padding: 0;
}
.pullquote blockquote p {
color: #666;
}
.pullquote blockquote cite {
font-size: 20px;
}
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote {
font-size: 40px;
line-height: 1.3;
}
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote p {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #266484;
}
.pullquote.quote-marks blockquote,
.pullquote .pullquote-stat + .pullquote-statement blockquote {
font-size: 30px;
line-height: 1.5;
} .dark-colored-bg .pullquote .pullquote-stat .out-of-number {
color: #f7deb5;
}
.dark-colored-bg .pullquote blockquote p,
.dark-colored-bg .pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote p {
color: #f5f5f5;
}
.dark-colored-bg .pullquote blockquote cite {
color: #cfdee5;
}
.dark-colored-bg .pullquote blockquote cite a {
color: inherit;
}
.dark-colored-bg .pullquote blockquote cite a:hover {
color: #f5f5f5;
} .stripe-secondary-color-bg .pullquote .pullquote-stat .out-of-number {
color: #666;
}
.stripe-secondary-color-bg .pullquote blockquote p,
.stripe-secondary-color-bg .pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote p {
color: rgba(0, 0, 0, 0.65);
}
.stripe-secondary-color-bg .pullquote blockquote p .text-secondary-color {
font-weight: 700;
color: rgba(0, 0, 0, 0.75) !important;
}
.stripe-secondary-color-bg .pullquote blockquote cite {
color: #666;
}
.stripe-secondary-color-bg .pullquote blockquote cite a {
color: inherit;
}
.stripe-secondary-color-bg .pullquote blockquote cite a:hover {
color: #505050;
} .quote-marks {
position: relative;
}
.pullquote.quote-marks {
margin-left: 60px;
}
.quote-marks::before {
position: absolute;
display: block;
top: -7px;
left: -80px;
font: italic 120px/1 Verdana, Geneva, sans-serif;
color: rgba(173, 202, 217, 0.5); content: '"';
}
.stripe-light-grey-bg .quote-marks::before,
.stripe-primary-color-pale-bg .quote-marks::before,
.stripe-primary-color-light-bg .quote-marks::before,
.stripe-pale-bg .quote-marks::before {
color: rgba(250, 202, 125, 0.5); }
.dark-colored-bg .quote-marks::before {
color: rgba(255, 255, 255, 0.3);
}
.stripe-secondary-color-bg .quote-marks::before {
color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 1520px) {
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote {
font-size: 43px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote {
font-size: 37px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote {
font-size: 35px;
}
.pullquote.quote-marks blockquote,
.pullquote .pullquote-stat + .pullquote-statement blockquote {
font-size: 28px;
}
}
@media (max-width: 767px) {
blockquote,
.text-blockquote {
font-size: 20px;
}
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote {
font-size: 32px;
}
.pullquote.quote-marks blockquote,
.pullquote .pullquote-stat + .pullquote-statement blockquote {
font-size: 23px;
}
.pullquote blockquote cite {
font-size: 18px;
}
}
@media (max-width: 570px) {
blockquote {
border-left-width: 4px;
padding-left: 24px;
}
.pullquote,
.pullquote .pullquote-stat,
.pullquote .pullquote-statement {
display: block;
}
.pullquote .pullquote-stat {
min-width: 0;
margin-bottom: 15px;
padding-right: 0;
}
.pullquote .pullquote-stat .out-of-number {
font-size: 56px;
}
.pullquote:not(.quote-marks) .pullquote-statement:first-child blockquote {
font-size: 27px;
}
.pullquote.quote-marks {
margin-left: 45px;
}
.quote-marks::before {
top: -5px;
left: -65px;
font-size: 100px;
}
} a {
text-decoration: none;
outline: 0;
-webkit-transition-property: color, border-color, background-color, opacity;
-o-transition-property: color, border-color, background-color, opacity;
transition-property: color, border-color, background-color, opacity;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
}
a {
color: #00a5d4;
background-color: transparent;
}
a:hover {
color: #00bcd4;
}
p a {
line-height: inherit;
}
.text-black a,
.text-body-color a,
.text-primary-color a,
.text-primary-color-saturated a,
.text-secondary-color a {
color: inherit;
}
.text-primary-color-muted a {
color: #445761;
}
.text-black a:hover,
.text-body-color a:hover,
.text-primary-color a:hover,
.text-primary-color-muted a:hover,
.text-secondary-color a:hover {
color: #266484;
}
.text-primary-color-saturated a:hover {
color: #6b9bb3;
}
a.text-white:hover {
color: #ebf5fa !important;
}
a.text-secondary-color:hover {
color: #fab23c !important;
}
a.text-secondary-color-light:hover {
color: #faca7d !important;
}
p.text-white a {
color: #f7deb5;
}
p.text-white a:hover {
color: #faca7d;
}
p.text-secondary-color a {
color: #266484;
}
p.text-secondary-color a:hover {
color: #00a5d4;
} .stripe-secondary-color-bg p.text-white a {
color: inherit;
}
.stripe-secondary-color-bg p.text-white a:hover {
color: #eee;
}
.stripe-secondary-color-bg .text-secondary-color a {
color: rgba(0, 0, 0, 0.65) !important;
}
.stripe-secondary-color-bg a.text-secondary-color:hover,
.stripe-secondary-color-bg .text-secondary-color a:hover {
color: rgba(0, 0, 0, 0.5) !important;
} a.block-link,
a.block-link:hover {
color: inherit;
} a.read-more-link {
position: relative;
display: inline-block;
font: 700 16px/28px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
a.read-more-link::before {
position: relative;
display: inline-block;
width: 28px;
font-family: Ionicons;
font-size: 19px;
line-height: 28px;
color: #fff;
text-align: center;
margin-right: 17px;
vertical-align: -1px;
content: "\f30f";
z-index: 2;
}
a.read-more-link::after {
position: absolute;
display: block;
top: 0;
left: 0;
width: 28px;
height: 28px;
background-color: #00a5d4;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
content: "";
z-index: 1;
}
a.read-more-link:hover::after {
background-color: #00bcd4;
}
a.read-more-link.link-secondary-color { color: #e5a235;
}
a.read-more-link.link-secondary-color:hover {
color: #fab23c;
}
a.read-more-link.link-secondary-color::after,
a.read-more-link.text-secondary-color::after {
background-color: #e5a235;
}
a.read-more-link.link-secondary-color:hover::after,
a.read-more-link.text-secondary-color:hover::after {
background-color: #fab23c;
} .dark-colored-bg a.read-more-link.text-secondary-color::before {
color: rgba(0, 0, 0, 0.4) !important;
}
.dark-colored-bg a.read-more-link.text-secondary-color::after {
background-color: #faca7d;
}
.dark-colored-bg a.read-more-link.text-secondary-color:hover::after {
background-color: #fab23c;
}
.dark-colored-bg a.read-more-link.link-secondary-color { color: #f7deb5;
}
.dark-colored-bg a.read-more-link.link-secondary-color:hover {
color: #faca7d;
}
.dark-colored-bg a.read-more-link.link-secondary-color::before,
.dark-colored-bg a.read-more-link.text-secondary-color-light::before {
color: rgba(0, 0, 0, 0.4) !important;
}
.dark-colored-bg a.read-more-link.link-secondary-color::after,
.dark-colored-bg a.read-more-link.text-secondary-color-light::after {
background-color: #f7deb5;
}
.dark-colored-bg a.read-more-link.link-secondary-color:hover::after,
.dark-colored-bg a.read-more-link.text-secondary-color-light:hover::after {
background-color: #faca7d;
} .stripe-secondary-color-bg a.read-more-link.link-secondary-color { color: rgba(0, 0, 0, 0.65) !important;
}
.stripe-secondary-color-bg a.read-more-link.link-secondary-color:hover {
color: rgba(0, 0, 0, 0.5) !important;
}
.stripe-secondary-color-bg a.read-more-link.link-secondary-color::after,
.stripe-secondary-color-bg a.read-more-link.text-secondary-color::after {
background-color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg a.read-more-link.link-secondary-color:hover::after,
.stripe-secondary-color-bg a.read-more-link.text-secondary-color:hover::after {
background-color: rgba(0, 0, 0, 0.35);
} a.read-more-link-small {
position: relative;
display: inline-block;
font: 700 16px/28px Arial, "Helvetica Neue", Helvetica, sans-serif;
padding-right: 26px;
}
a.read-more-link-small::before,
a.read-more-link-small::after {
position: absolute;
display: block;
top: 8px;
right: 0;
width: 16px;
height: 12px;
content: "";
background: url(//c-nergia.be/wp-content/themes/transvision/images/icons/primary-color/sky-blue/link-arrow-long-primary1.svg) no-repeat left top;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}
a.read-more-link-small::after {
background-image: url(//c-nergia.be/wp-content/themes/transvision/images/icons/primary-color/sky-blue/link-arrow-long-primary2.svg);
opacity: 0;
}
a.read-more-link-small.text-uppercase,
.text-uppercase > a.read-more-link-small,
a.read-more-link-small > .text-uppercase {
font-size: 15px;
}
a.read-more-link-small.text-uppercase::before,
a.read-more-link-small.text-uppercase::after,
.text-uppercase > a.read-more-link-small::before,
.text-uppercase > a.read-more-link-small::after {
top: 7px;
}
a.read-more-link-small:hover::after {
opacity: 1;
}
a.read-more-link-small.link-small-secondary-color { color: #e5a235;
}
a.read-more-link-small.link-small-secondary-color:hover {
color: #fab23c;
}
a.read-more-link-small.link-small-secondary-color::before,
a.read-more-link-small.text-secondary-color::before {
background-image: url(//c-nergia.be/wp-content/themes/transvision/images/icons/secondary-color/orange/link-arrow-long-secondary1.svg);
}
a.read-more-link-small.link-small-secondary-color::after,
a.read-more-link-small.text-secondary-color::after {
background-image: url(//c-nergia.be/wp-content/themes/transvision/images/icons/secondary-color/orange/link-arrow-long-secondary2.svg);
} .dark-colored-bg a.read-more-link-small.link-small-secondary-color { color: #f7deb5;
}
.dark-colored-bg a.read-more-link-small.link-small-secondary-color:hover {
color: #faca7d;
}
.dark-colored-bg a.read-more-link-small.link-small-secondary-color::before,
.dark-colored-bg a.read-more-link-small.text-secondary-color::before,
.dark-colored-bg a.read-more-link-small.text-secondary-color-light::before {
background-image: url(//c-nergia.be/wp-content/themes/transvision/images/icons/link-arrow-long-white.svg);
}
.dark-colored-bg a.read-more-link-small.link-small-secondary-color::after,
.dark-colored-bg a.read-more-link-small.text-secondary-color::after,
.dark-colored-bg a.read-more-link-small.text-secondary-color-light::after {
background: none;
} .stripe-secondary-color-bg a.read-more-link-small.link-small-secondary-color { color: rgba(0, 0, 0, 0.65) !important;
}
.stripe-secondary-color-bg a.read-more-link-small.link-small-secondary-color:hover {
color: rgba(0, 0, 0, 0.5) !important;
}
.stripe-secondary-color-bg a.read-more-link-small.link-small-secondary-color::before,
.stripe-secondary-color-bg a.read-more-link-small.text-secondary-color::before {
background-image: url(//c-nergia.be/wp-content/themes/transvision/images/icons/link-arrow-long-black.svg);
}
.stripe-secondary-color-bg a.read-more-link-small.link-small-secondary-color::after,
.stripe-secondary-color-bg a.read-more-link-small.text-secondary-color::after {
background: none;
} a.pdf-file,
a.word-file,
a.excel-file {
position: relative;
display: inline-block;
font-size: 20px;
font-weight: 400;
}
a.pdf-file::before,
a.word-file::before,
a.excel-file::before {
display: inline-block;
font-family: FontAwesome;
font-size: 26px;
line-height: 1;
padding-right: 10px;
}
a.pdf-file::before { color: #ea4c3a;
content: "\f1c1";
}
a.word-file::before { color: #1c70b8;
content: "\f1c2";
}
a.excel-file::before { color: #4d9a34;
content: "\f1c3";
} ul,
ol {
margin-bottom: 30px;
}
ul {
list-style: disc outside;
padding-left: 20px;
}
ol {
list-style: decimal;
padding-left: 26px; }
ul.disc { }
li {
margin-bottom: 10px;
}
ul li:last-child,
ol li:last-child {
margin-bottom: 0;
}
ul.tight li,
ol.tight li {
margin-bottom: 0;
}
ul.list-unstyled {
list-style: none;
padding-left: 0;
}
ul.text-small li,
ol.text-small li {
margin-bottom: 7px;
}
ul ul,
ul ol,
ol ol,
ol ul {
padding-top: 10px;
margin-bottom: 0;
}
ol.custom-counter {
list-style: none;
padding-left: 0;
margin-left: -12px;
}
ol.custom-counter > li {
position: relative;
counter-increment: step-counter;
padding-left: 40px;
}
ol.custom-counter > li::before {
position: absolute;
left: 0;
top: 0;
width: 34px;
content: counter(step-counter)".";
font-family: Verdana, Geneva, sans-serif;
font-size: 19px;
line-height: inherit;
color: #839ca8;
text-align: right;
}
ol.custom-counter.text-small > li::before {
font-size: 17px;
} dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
@media (min-width: 1520px) {
ul,
ol {
margin-bottom: 35px;
}
}  .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
word-wrap: normal !important; }  .button-std,
input[type="submit"],
input[type="reset"],
input[type="button"] {
position: relative;
display: inline-block;
font: 700 16px/25px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
background: #00bcd4;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 11px 26px;
outline: none;
cursor: pointer;
white-space: nowrap;
-webkit-appearance: none;
z-index: 1;
}
.button-std.text-uppercase,
.text-uppercase > .button-std,
.button-std > .text-uppercase {
font-size: 15px;
}
.button-std::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(bottom, #00bcd4, #00a5d4);
background-image: -o-linear-gradient(bottom, #00bcd4, #00a5d4);
background-image: linear-gradient(to top, #00bcd4, #00a5d4);
content: "";
opacity: 0;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
z-index: -1;
}
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
padding: 0;
border: 0;
margin: 0;
}
.button-std:hover {
color: #fff;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #fff;
background: #00a5d4;
}
.button-std:hover::before {
opacity: 1;
}
.button-std.button-medium {
font-size: 15px;
line-height: 23px;
color: #00bcd4;
border: 2px solid #00bcd4;
background: rgba(255, 255, 255, 0.5);
padding: 8px 16px;
-webkit-transition: color 0.15s ease;
-o-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.button-std.button-medium.text-uppercase,
.text-uppercase > .button-std.button-medium,
.button-std.button-medium > .text-uppercase {
font-size: 14px;
}
.button-std.button-medium::before {
background: #00bcd4;
}
.button-std.button-medium:hover {
color: #fff;
} .button-std.button-colored {
background: rgba(250, 178, 60, 0.85); }
.button-std.button-colored::before {
background-image: -webkit-linear-gradient(bottom, #fab23c, #e5a235);
background-image: -o-linear-gradient(bottom, #fab23c, #e5a235);
background-image: linear-gradient(to top, #fab23c, #e5a235);
}
.button-std.button-colored.button-medium {
color: #fab23c;
border-color: #fab23c;
background: rgba(255, 255, 255, 0.5);
}
.button-std.button-colored.button-medium::before {
background: #fab23c;
}
.button-std.button-colored.button-medium:hover {
color: #fff;
} .button-std.button-grey {
background: #727378;
}
.button-std.button-grey::before {
background-image: -webkit-linear-gradient(bottom, #727378, #5c5d61);
background-image: -o-linear-gradient(bottom, #727378, #5c5d61);
background-image: linear-gradient(to top, #727378, #5c5d61);
}
.button-std.button-grey.button-medium {
color: #727378;
border-color: #727378;
background: rgba(255, 255, 255, 0.5);
}
.button-std.button-grey.button-medium::before {
background: #727378;
}
.button-std.button-grey.button-medium:hover {
color: #fff;
} .dark-colored-bg .button-std.button-medium {
color: #fff !important;
background: rgba(255, 255, 255, 0.4);
}
.dark-colored-bg .button-std.button-colored:not(.button-medium) {
background: rgba(250, 202, 125, 0.8); }
.dark-colored-bg .button-std.button-colored:not(.button-medium)::before {
background-image: -webkit-linear-gradient(bottom, rgba(250, 202, 125, 0), #e5a235);
background-image: -o-linear-gradient(bottom, rgba(250, 202, 125, 0), #e5a235);
background-image: linear-gradient(to top, rgba(250, 202, 125, 0), #e5a235); } .stripe-secondary-color-bg .button-std:not(.button-grey):not(.button-colored):not(.button-medium) {
background-color: rgba(0, 188, 212, 0.75); }
.stripe-secondary-color-bg .button-std.button-colored {
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.stripe-secondary-color-bg .button-std.button-colored:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.stripe-secondary-color-bg .button-std.button-colored::before {
display: none;
}
.stripe-secondary-color-bg .button-std.button-colored.button-medium {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.5);
background: rgba(255, 255, 255, 0.5);
}
.stripe-secondary-color-bg .button-std.button-colored.button-medium:hover {
color: #fff;
border-color: transparent;
background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 360px) {
.button-std,
input[type="submit"],
input[type="reset"],
input[type="button"] {
font-size: 15px;
padding-left: 16px;
padding-right: 16px;
}
.button-std.text-uppercase,
.text-uppercase > .button-std,
.button-std > .text-uppercase {
font-size: 14px;
}
.button-std.button-medium {
font-size: 14px;
padding-left: 12px;
padding-right: 12px;
}
.button-std.button-medium.text-uppercase,
.text-uppercase > .button-std.button-medium,
.button-std.button-medium > .text-uppercase {
font-size: 13px;
}
}  input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
select {
display: block;
width: 100%;
font-family: inherit;
font-size: 18px;
line-height: 26px;
font-weight: 300;
color: #666;
background-color: #fff;
border: 1px solid #839ca8;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0 0 20px;
padding: 8px 15px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}
input[type="checkbox"] {
display: inline;
-webkit-box-shadow: none;
box-shadow: none;
}
textarea {
padding-top: 10px;
padding-bottom: 10px;
line-height: 25px;
}
label,
legend {
display: block;
font-size: 16px;
}
input,
textarea {
-webkit-transition-property: color, border-color, background-color, box-shadow;
-o-transition-property: color, border-color, background-color, box-shadow;
transition-property: color, border-color, background-color, box-shadow;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
} .select-wrapper {
position: relative;
display: block;
margin-bottom: 17px;
}
.select-wrapper::after {
position: absolute;
top: 50%;
right: 15px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid #839ca8;
margin-top: -3px;
content: "";
z-index: 2; pointer-events: none;
}
.select-wrapper select { background: none;
margin: 0;
padding-right: 32px;
text-overflow: ellipsis;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select-wrapper select::-ms-expand {
display: none;
}
.select-wrapper select:focus::-ms-value {
background: transparent;
}
}
@-moz-document url-prefix() {
.select-wrapper select {
padding-left: 12px;
}
}  img {
max-width: 100%;
height: auto;
}
.image-wrapper {
position: relative;
}
.scale-with-grid {
display: block;
max-width: 100%;
height: auto;
}
.frame-scale-with-grid {
max-width: 100%;
} .img-round {
-webkit-border-radius: 50%;
border-radius: 50%;
} .widget-single-image[class*="align-"][class*="center"]:not([class*="width-"]) figure {
line-height: 0;
}
.widget-single-image[class*="align-"][class*="center"]:not([class*="width-"]) figure img {
display: inline;
}
.widget-single-image:not([class*="width-"]) figure.overlay-enabled {
display: inline-block;
margin-bottom: -10px;
} figure figcaption.item-label {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
text-align: center;
margin-top: 15px;
}
.mfp-figure figure figcaption {
font-size: 18px;
font-weight: 400;
} p img[class*="wp-image"] {
padding: 5px 0 30px;
}
.wp-caption {
max-width: 100%;
padding: 5px 0 35px;
}
img[class*="wp-image"].alignleft,
.wp-caption.alignleft {
float: left;
padding-right: 30px;
}
img[class*="wp-image"].alignright,
.wp-caption.alignright {
float: right;
padding-left: 30px;
}
img[class*="wp-image"].aligncenter,
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-caption-text {
font-size: 15px;
line-height: 1.5;
text-align: center;
color: #909090;
margin-top: 10px;
}
.gallery-caption {
max-width: 100%;
}
img.wp-smiley {
display: inline;
} .img-dashed-curve-left,
.img-dashed-curve-right {
position: relative;
max-width: 360px;
}
.img-dashed-curve-left img,
.img-dashed-curve-right img {
position: relative;
}
.img-dashed-curve-left::before,
.img-dashed-curve-right::before {
position: absolute;
top: -162px;
width: 180px;
height: 240px;
content: "";
background: url(//c-nergia.be/wp-content/themes/transvision/images/backgrounds/dashed-curve.svg) no-repeat left top;
opacity: 0.4;
}
.img-dashed-curve-left::before {
left: -45px;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.img-dashed-curve-right::before {
right: -45px;
} .img-geometric-bg-left.round-image,
.img-geometric-bg-right.round-image {
position: relative;
max-width: 360px;
margin-top: 40px;
margin-bottom: 210px;
}
.img-geometric-bg-left.round-image::after,
.img-geometric-bg-right.round-image::after {
position: absolute;
top: -40px;
bottom: -40px;
left: -40px;
right: -40px;
content: "";
background-color: rgba(107, 155, 179, 0.03); -webkit-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.stripe-primary-color-pale-bg [class*="img-geometric-bg-"].round-image::after,
.stripe-pale-bg [class*="img-geometric-bg-"].round-image::after {
background-color: rgba(107, 155, 179, 0.05); }
.img-geometric-bg-left .image-wrapper,
.img-geometric-bg-right .image-wrapper {
z-index: 2;
}
.img-geometric-bg-left .image-wrapper::before,
.img-geometric-bg-left .image-wrapper::after,
.img-geometric-bg-right .image-wrapper::before,
.img-geometric-bg-right .image-wrapper::after {
position: absolute;
content: "";
background-color: rgba(250, 202, 125, 0.1); }
.img-geometric-bg-left.round-image .image-wrapper::before {
bottom: -135px;
right: 0;
width: 180px;
height: 180px;
}
.img-geometric-bg-left.round-image .image-wrapper::after {
bottom: -245px;
left: 70px;
width: 160px;
height: 160px;
}
.img-geometric-bg-right.round-image .image-wrapper::before {
bottom: -135px;
left: 0;
width: 180px;
height: 180px;
}
.img-geometric-bg-right.round-image .image-wrapper::after {
bottom: -245px;
right: 70px;
width: 160px;
height: 160px;
}
.img-geometric-bg-left .image-wrapper img,
.img-geometric-bg-right .image-wrapper img {
position: relative;
display: block !important;
margin: 0 !important;
z-index: 2;
} .img-geometric-bg-left:not(.round-image),
.img-geometric-bg-right:not(.round-image) {
position: relative;
max-width: none;
margin-top: 30px;
margin-bottom: 125px;
}
.img-geometric-bg-left:not(.round-image)::before,
.img-geometric-bg-right:not(.round-image)::before {
position: absolute;
top: -55px;
width: 80px;
height: 80px;
content: "";
background: rgba(107, 155, 179, 0.15); opacity: 1;
z-index: auto;
}
.img-geometric-bg-left:not(.round-image)::before {
left: auto;
right: 40px;
}
.img-geometric-bg-right:not(.round-image)::before {
left: 40px;
}
.img-geometric-bg-left:not(.round-image)::after, .img-geometric-bg-right:not(.round-image)::after {
position: absolute;
top: 40px;
left: 40px;
bottom: 40px;
right: 40px;
content: "";
border: 2px solid #eee;
z-index: 3;
}
.img-geometric-bg-left:not(.round-image) .image-wrapper::before {
bottom: -66px;
left: 90px;
width: 140px;
height: 140px;
background-color: rgba(250, 202, 125, 0.15); }
.img-geometric-bg-left:not(.round-image) .image-wrapper::after {
bottom: -156px;
left: 0;
width: 140px;
height: 140px;
background-color: rgba(250, 202, 125, 0.15); }
.img-geometric-bg-right:not(.round-image) .image-wrapper::before {
bottom: -66px;
right: 90px;
width: 140px;
height: 140px;
background-color: rgba(250, 202, 125, 0.15); }
.img-geometric-bg-right:not(.round-image) .image-wrapper::after {
bottom: -156px;
right: 0;
width: 140px;
height: 140px;
background-color: rgba(250, 202, 125, 0.15); } @media (min-width: 1520px) {
.img-dashed-curve-left::before {
top: -185px;
left: -55px;
}
.img-dashed-curve-right::before {
top: -185px;
right: -55px;
}
.img-geometric-bg-left.round-image,
.img-geometric-bg-right.round-image {
margin-bottom: 190px;
}
.img-geometric-bg-left.round-image .image-wrapper::after {
bottom: -225px;
left: 90px;
width: 140px;
height: 140px;
}
.img-geometric-bg-right.round-image .image-wrapper::after {
bottom: -225px;
right: 90px;
width: 140px;
height: 140px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.img-dashed-curve-left::before {
top: -165px;
left: -20px;
}
.img-dashed-curve-right::before {
top: -165px;
right: -20px;
}
.img-geometric-bg-left.round-image,
.img-geometric-bg-right.round-image {
margin-bottom: 200px;
}
.img-geometric-bg-left.round-image .image-wrapper::after {
bottom: -235px;
left: 15px;
width: 150px;
height: 150px;
}
.img-geometric-bg-right.round-image .image-wrapper::after {
bottom: -235px;
right: 15px;
width: 150px;
height: 150px;
}
[class*="img-geometric-bg-"]:not(.round-image)::before {
top: -50px;
width: 70px;
height: 70px;
}
.img-geometric-bg-left:not(.round-image)::before {
right: 35px;
}
.img-geometric-bg-right:not(.round-image)::before {
left: 35px;
}
[class*="img-geometric-bg-"]:not(.round-image)::after {
top: 35px;
left: 35px;
bottom: 35px;
right: 35px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.img-dashed-curve-left::before {
top: -155px;
left: -15px;
}
.img-dashed-curve-right::before {
top: -155px;
right: -15px;
}
[class*="img-geometric-bg-"].round-image {
margin-top: 30px;
margin-bottom: 130px;
}
[class*="img-geometric-bg-"].round-image::after {
top: -30px;
bottom: -30px;
left: -30px;
right: -30px;
}
.img-geometric-bg-left.round-image .image-wrapper::before {
bottom: -85px;
right: 0;
width: 130px;
height: 130px;
}
.img-geometric-bg-left.round-image .image-wrapper::after {
bottom: -165px;
left: 10px;
width: 110px;
height: 110px;
}
.img-geometric-bg-right.round-image .image-wrapper::before {
bottom: -85px;
left: 0;
width: 130px;
height: 130px;
}
.img-geometric-bg-right.round-image .image-wrapper::after {
bottom: -165px;
right: 10px;
width: 110px;
height: 110px;
}
[class*="img-geometric-bg-"]:not(.round-image)::before {
top: -40px;
width: 60px;
height: 60px;
}
.img-geometric-bg-left:not(.round-image)::before {
right: 30px;
}
.img-geometric-bg-right:not(.round-image)::before {
left: 30px;
}
[class*="img-geometric-bg-"]:not(.round-image)::after {
top: 30px;
left: 30px;
bottom: 30px;
right: 30px;
} .col-sm-12[class*="col-md-"] [class*="img-geometric-bg-"].round-image {
margin-top: 30px;
margin-bottom: 30px;
}
.col-sm-12[class*="col-md-"] [class*="img-geometric-bg-"]:not(.round-image) {
margin-top: 20px;
margin-bottom: 0;
}
.col-sm-12[class*="col-md-"] [class*="img-geometric-bg-"] .image-wrapper::before,
.col-sm-12[class*="col-md-"] [class*="img-geometric-bg-"] .image-wrapper::after,
.col-sm-12[class*="col-md-"] [class*="img-geometric-bg-"]:not(.round-image)::before {
display: none;
}
}
@media (max-width: 767px) {
[class*="img-geometric-bg-"] .image-wrapper::before,
[class*="img-geometric-bg-"] .image-wrapper::after,
[class*="img-geometric-bg-"]:not(.round-image)::before {
display: none;
}
[class*="img-geometric-bg-"].round-image {
margin-top: 30px;
margin-bottom: 30px;
}
[class*="img-geometric-bg-"].round-image::after {
top: -30px;
bottom: -30px;
left: -30px;
right: -30px;
}
[class*="img-geometric-bg-"]:not(.round-image) {
margin-top: 0;
margin-bottom: 0;
}
[class*="img-geometric-bg-"]:not(.round-image)::after {
top: 30px;
left: 30px;
bottom: 30px;
right: 30px;
}
}
@media (min-width: 571px) and (max-width: 767px) {
.widget-single-image .img-dashed-curve-left,
.widget-single-image .img-dashed-curve-right,
.widget-single-image .img-geometric-bg-left.round-image,
.widget-single-image .img-geometric-bg-right.round-image {
max-width: 300px;
margin-left: auto;
margin-right: auto;
} .stripe .container-fluid > .row > .col-sm-12 figure.img-narrow img {
max-width: 120%;
margin-left: -10%;
margin-right: -10%;
}
}
@media (min-width: 480px) and (max-width: 570px) {
.widget-single-image .img-dashed-curve-left,
.widget-single-image .img-dashed-curve-right,
.widget-single-image .img-geometric-bg-left.round-image,
.widget-single-image .img-geometric-bg-right.round-image {
max-width: 260px;
margin-left: auto;
margin-right: auto;
} .stripe .container-fluid > .row > .col-sm-12 figure.img-narrow img {
max-width: 150%;
margin-left: -25%;
margin-right: -25%;
}
}
@media (max-width: 479px) {
.widget-single-image .img-dashed-curve-left,
.widget-single-image .img-dashed-curve-right,
.widget-single-image .img-geometric-bg-left.round-image,
.widget-single-image .img-geometric-bg-right.round-image {
max-width: 260px;
margin-left: auto;
margin-right: auto;
}
.img-dashed-curve-left::before,
.img-dashed-curve-right::before {
top: -180px;
}
[class*="img-geometric-bg-"]:not(.round-image)::after {
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
border-width: 1px;
} .stripe .container-fluid > .row > .col-sm-12 figure.img-narrow img {
max-width: 200%;
margin-left: -50%;
margin-right: -50%;
}
}   .remove-bottom { margin-bottom: 0 !important; }
.margin-bottom-3px { margin-bottom: 3px !important; }
.margin-bottom-5px { margin-bottom: 5px !important; }
.margin-bottom-7px { margin-bottom: 7px !important; }
.margin-bottom-10px { margin-bottom: 10px !important; }
.margin-bottom-12px { margin-bottom: 12px !important; }
.margin-bottom-15px { margin-bottom: 15px !important; }
.margin-bottom-20px { margin-bottom: 20px !important; }
.margin-bottom-25px { margin-bottom: 25px !important; }
.margin-bottom-30px { margin-bottom: 30px !important; }
.margin-bottom-35px { margin-bottom: 35px !important; }
.margin-bottom-40px { margin-bottom: 40px !important; }
.margin-bottom-45px { margin-bottom: 45px !important; }
.margin-bottom-50px { margin-bottom: 50px !important; }
.margin-bottom-55px { margin-bottom: 55px !important; }
.margin-bottom-60px { margin-bottom: 60px !important; }
.margin-bottom-65px { margin-bottom: 65px !important; }
.margin-bottom-70px { margin-bottom: 70px !important; }
.margin-bottom-75px { margin-bottom: 75px !important; }
.margin-bottom-80px { margin-bottom: 80px !important; }
.margin-bottom-85px { margin-bottom: 85px !important; }
.margin-bottom-90px { margin-bottom: 90px !important; }
.margin-bottom-95px { margin-bottom: 95px !important; }
.margin-bottom-100px { margin-bottom: 100px !important; }
.margin-top-5px { margin-top: 5px; }
.margin-top-10px { margin-top: 10px; }
.margin-top-15px { margin-top: 15px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-25px { margin-top: 25px; }
.margin-top-30px { margin-top: 30px; }
.margin-top-35px { margin-top: 35px; }
.margin-top-40px { margin-top: 40px; }
.margin-top-45px { margin-top: 45px; }
.margin-top-50px { margin-top: 50px; }
.margin-top-55px { margin-top: 55px; }
.margin-top-60px { margin-top: 60px; }
.margin-top-65px { margin-top: 65px; }
.margin-top-70px { margin-top: 70px; }
.margin-top-75px { margin-top: 75px; }
.margin-top-80px { margin-top: 80px; }
.margin-top-85px { margin-top: 85px; }
.margin-top-90px { margin-top: 90px; }
.margin-top-95px { margin-top: 95px; }
.margin-top-100px { margin-top: 100px; }
.padding-top-5px { padding-top: 5px; }
.padding-top-10px { padding-top: 10px; }
.padding-top-15px { padding-top: 15px; }
.padding-top-20px { padding-top: 20px; }
.padding-top-25px { padding-top: 25px; }
.padding-top-30px { padding-top: 30px; }
.padding-top-35px { padding-top: 35px; }
.padding-top-40px { padding-top: 40px; }
.padding-top-45px { padding-top: 45px; }
.padding-top-50px { padding-top: 50px; }
.padding-top-55px { padding-top: 55px; }
.padding-top-60px { padding-top: 60px; }
.padding-top-65px { padding-top: 65px; }
.padding-top-70px { padding-top: 70px; }
.padding-top-75px { padding-top: 75px; }
.padding-top-80px { padding-top: 80px; }
.padding-top-85px { padding-top: 85px; }
.padding-top-90px { padding-top: 90px; }
.padding-top-95px { padding-top: 95px; }
.padding-top-100px { padding-top: 100px; }
.gap[class*="margin-bottom-"] {
height: 1px; margin-top: -1px;
} .indent-small {
padding-left: 10px;
}
.indent-medium {
padding-left: 20px;
}
.indent-large {
padding-left: 30px;
}
ul.indent-small,
ol.indent-small {
padding-left: 30px;
}
ul.indent-medium,
ol.indent-medium {
padding-left: 40px;
}
ul.indent-large,
ol.indent-large {
padding-left: 50px;
}
ol.custom-counter.indent-small {
margin-left: -2px;
padding-left: 0;
}
ol.custom-counter.indent-medium {
margin-left: 0;
padding-left: 8px;
}
ol.custom-counter.indent-large {
margin-left: 0;
padding-left: 18px;
} .width-50px  { width: 50px; }
.width-60px  { width: 60px; }
.width-70px  { width: 70px; }
.width-80px  { width: 80px; }
.width-90px  { width: 90px; }
.width-100px { width: 100px; }
.width-110px { width: 110px; }
.width-120px { width: 120px; }
.width-130px { width: 130px; }
.width-140px { width: 140px; }
.width-150px { width: 150px; }
.width-160px { width: 160px; }
.width-170px { width: 170px; }
.width-180px { width: 180px; }
.width-190px { width: 190px; }
.width-200px { width: 200px; }
.width-210px { width: 210px; }
.width-220px { width: 220px; }
.width-230px { width: 230px; }
.width-240px { width: 240px; }
.width-250px { width: 250px; }
.width-260px { width: 260px; }
.width-270px { width: 270px; }
.width-280px { width: 280px; }
.width-290px { width: 290px; }
.width-300px { width: 300px; }
.width-310px { width: 310px; }
.width-320px { width: 320px; }
.width-330px { width: 330px; }
.width-340px { width: 340px; }
.width-350px { width: 350px; }
.width-360px { width: 360px; }
.width-370px { width: 370px; }
.width-380px { width: 380px; }
.width-390px { width: 390px; }
.width-400px { width: 400px; }
.width-410px { width: 410px; }
.width-420px { width: 420px; }
.width-430px { width: 430px; }
.width-440px { width: 440px; }
.width-450px { width: 450px; }
.width-460px { width: 460px; }
.width-470px { width: 470px; }
.width-480px { width: 480px; }
.width-490px { width: 490px; }
.width-500px { width: 500px; }
.width-510px { width: 510px; }
.width-520px { width: 520px; }
.width-530px { width: 530px; }
.width-540px { width: 540px; }
.width-550px { width: 550px; }
.width-560px { width: 560px; }
.width-570px { width: 570px; }
.width-580px { width: 580px; }
.width-590px { width: 590px; }
.width-600px { width: 600px; }
.width-610px { width: 610px; }
.width-620px { width: 620px; }
.width-630px { width: 630px; }
.width-640px { width: 640px; }
.width-650px { width: 650px; }
.width-660px { width: 660px; }
.width-670px { width: 670px; }
.width-680px { width: 680px; }
.width-690px { width: 690px; }
.width-700px { width: 700px; }
.width-710px { width: 710px; }
.width-720px { width: 720px; }
.width-730px { width: 730px; }
.width-740px { width: 740px; }
.width-750px { width: 750px; }
.width-760px { width: 760px; }
.width-770px { width: 770px; }
.width-780px { width: 780px; }
.width-790px { width: 790px; }
.width-800px { width: 800px; }
.width-810px { width: 810px; }
.width-820px { width: 820px; }
.width-830px { width: 830px; }
.width-840px { width: 840px; }
.width-850px { width: 850px; }
[class*="width-"][class*="px"] {
max-width: 100%;
}
.width-one-fourth { width: 25%; }
.width-one-third { width: 33.333333%; }
.width-one-half { width: 50%; }
.width-two-thirds { width: 66.666666%; }
.width-three-fourths { width: 75%; }
.width-10pct { width: 10%; }
.width-20pct { width: 20%; }
.width-30pct { width: 30%; }
.width-35pct { width: 35%; }
.width-40pct { width: 40%; }
.width-45pct { width: 45%; }
.width-50pct { width: 50%; }
.width-60pct { width: 60%; }
.width-70pct { width: 70%; }
.width-80pct { width: 80%; }
.width-90pct { width: 90%; }
.width-100pct { width: 100%; }
@media (max-width: 767px) {
.width-auto-only-xs {
width: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.width-auto-only-sm {
width: auto;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.width-auto-only-md {
width: auto;
}
}
@media (min-width: 1200px) and (max-width: 1519px) {
.width-auto-only-lg {
width: auto;
}
}
@media (min-width: 1520px) {
.width-auto-only-xl {
width: auto;
}
} @media (min-width: 1200px) {
.width-50pct-centered {
width: 50% !important;
margin-left: 25%;
margin-right: 25%;
}
.width-60pct-centered {
width: 60% !important;
margin-left: 20%;
margin-right: 20%;
}
.width-70pct-centered {
width: 70% !important;
margin-left: 15%;
margin-right: 15%;
}
.width-80pct-centered {
width: 80% !important;
margin-left: 10%;
margin-right: 10%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.width-50pct-centered {
width: 60% !important;
margin-left: 20%;
margin-right: 20%;
}
.width-60pct-centered {
width: 70% !important;
margin-left: 15%;
margin-right: 15%;
}
.width-70pct-centered {
width: 76% !important;
margin-left: 12%;
margin-right: 12%;
}
.width-80pct-centered {
width: 84% !important;
margin-left: 8%;
margin-right: 8%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.width-50pct-centered {
width: 70% !important;
margin-left: 15%;
margin-right: 15%;
}
.width-60pct-centered {
width: 76% !important;
margin-left: 12%;
margin-right: 12%;
}
.width-70pct-centered {
width: 84% !important;
margin-left: 8%;
margin-right: 8%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.width-50pct-centered {
width: 86% !important;
margin-left: 7%;
margin-right: 7%;
}
.width-60pct-centered {
width: 86% !important;
margin-left: 7%;
margin-right: 7%;
}
} .offset-left-5px    { margin-left: 5px; }
.offset-right-5px   { margin-right: 5px; }
.offset-left-10px   { margin-left: 10px; }
.offset-right-10px  { margin-right: 10px; }
.offset-left-15px   { margin-left: 15px; }
.offset-right-15px  { margin-right: 15px; }
.offset-left-20px   { margin-left: 20px; }
.offset-right-20px  { margin-right: 20px; }
.offset-left-25px   { margin-left: 25px; }
.offset-right-25px  { margin-right: 25px; }
.offset-left-30px   { margin-left: 30px; }
.offset-right-30px  { margin-right: 30px; }
.offset-left-40px   { margin-left: 40px; }
.offset-right-40px  { margin-right: 40px; }
.offset-left-50px   { margin-left: 50px; }
.offset-right-50px  { margin-right: 50px; }
.offset-left-60px   { margin-left: 60px; }
.offset-right-60px  { margin-right: 60px; }
.offset-left-70px   { margin-left: 70px; }
.offset-right-70px  { margin-right: 70px; }
.offset-left-1col   { margin-left: 8.33333333%; }
.offset-right-1col  { margin-right: 8.33333333%; }
.offset-left-10pct  { margin-left: 10%; }
.offset-right-10pct { margin-right: 10%; }
.offset-left-15pct  { margin-left: 15%; }
.offset-right-15pct { margin-right: 15%; }
.offset-left-20pct  { margin-left: 20%; }
.offset-right-20pct { margin-right: 20%; }
.offset-left-25pct  { margin-left: 25%; }
.offset-right-25pct { margin-right: 25%; }
@media (min-width: 768px) {
.offset-sm-left-5px    { margin-left: 5px; }
.offset-sm-right-5px   { margin-right: 5px; }
.offset-sm-left-10px   { margin-left: 10px; }
.offset-sm-right-10px  { margin-right: 10px; }
.offset-sm-left-15px   { margin-left: 15px; }
.offset-sm-right-15px  { margin-right: 15px; }
.offset-sm-left-20px   { margin-left: 20px; }
.offset-sm-right-20px  { margin-right: 20px; }
.offset-sm-left-25px   { margin-left: 25px; }
.offset-sm-right-25px  { margin-right: 25px; }
.offset-sm-left-30px   { margin-left: 30px; }
.offset-sm-right-30px  { margin-right: 30px; }
.offset-sm-left-40px   { margin-left: 40px; }
.offset-sm-right-40px  { margin-right: 40px; }
.offset-sm-left-50px   { margin-left: 50px; }
.offset-sm-right-50px  { margin-right: 50px; }
.offset-sm-left-60px   { margin-left: 60px; }
.offset-sm-right-60px  { margin-right: 60px; }
.offset-sm-left-70px   { margin-left: 70px; }
.offset-sm-right-70px  { margin-right: 70px; }
.offset-sm-left-1col   { margin-left: 8.33333333%; }
.offset-sm-right-1col  { margin-right: 8.33333333%; }
.offset-sm-left-10pct  { margin-left: 10%; }
.offset-sm-right-10pct { margin-right: 10%; }
.offset-sm-left-15pct  { margin-left: 15%; }
.offset-sm-right-15pct { margin-right: 15%; }
.offset-sm-left-20pct  { margin-left: 20%; }
.offset-sm-right-20pct { margin-right: 20%; }
.offset-sm-left-25pct  { margin-left: 25%; }
.offset-sm-right-25pct { margin-right: 25%; }
}
@media (min-width: 992px) {
.offset-md-left-5px    { margin-left: 5px; }
.offset-md-right-5px   { margin-right: 5px; }
.offset-md-left-10px   { margin-left: 10px; }
.offset-md-right-10px  { margin-right: 10px; }
.offset-md-left-15px   { margin-left: 15px; }
.offset-md-right-15px  { margin-right: 15px; }
.offset-md-left-20px   { margin-left: 20px; }
.offset-md-right-20px  { margin-right: 20px; }
.offset-md-left-25px   { margin-left: 25px; }
.offset-md-right-25px  { margin-right: 25px; }
.offset-md-left-30px   { margin-left: 30px; }
.offset-md-right-30px  { margin-right: 30px; }
.offset-md-left-40px   { margin-left: 40px; }
.offset-md-right-40px  { margin-right: 40px; }
.offset-md-left-50px   { margin-left: 50px; }
.offset-md-right-50px  { margin-right: 50px; }
.offset-md-left-60px   { margin-left: 60px; }
.offset-md-right-60px  { margin-right: 60px; }
.offset-md-left-70px   { margin-left: 70px; }
.offset-md-right-70px  { margin-right: 70px; }
.offset-md-left-1col   { margin-left: 8.33333333%; }
.offset-md-right-1col  { margin-right: 8.33333333%; }
.offset-md-left-10pct  { margin-left: 10%; }
.offset-md-right-10pct { margin-right: 10%; }
.offset-md-left-15pct  { margin-left: 15%; }
.offset-md-right-15pct { margin-right: 15%; }
.offset-md-left-20pct  { margin-left: 20%; }
.offset-md-right-20pct { margin-right: 20%; }
.offset-md-left-25pct  { margin-left: 25%; }
.offset-md-right-25pct { margin-right: 25%; }
}
@media (min-width: 1200px) {
.offset-lg-left-5px    { margin-left: 5px; }
.offset-lg-right-5px   { margin-right: 5px; }
.offset-lg-left-10px   { margin-left: 10px; }
.offset-lg-right-10px  { margin-right: 10px; }
.offset-lg-left-15px   { margin-left: 15px; }
.offset-lg-right-15px  { margin-right: 15px; }
.offset-lg-left-20px   { margin-left: 20px; }
.offset-lg-right-20px  { margin-right: 20px; }
.offset-lg-left-25px   { margin-left: 25px; }
.offset-lg-right-25px  { margin-right: 25px; }
.offset-lg-left-30px   { margin-left: 30px; }
.offset-lg-right-30px  { margin-right: 30px; }
.offset-lg-left-40px   { margin-left: 40px; }
.offset-lg-right-40px  { margin-right: 40px; }
.offset-lg-left-50px   { margin-left: 50px; }
.offset-lg-right-50px  { margin-right: 50px; }
.offset-lg-left-60px   { margin-left: 60px; }
.offset-lg-right-60px  { margin-right: 60px; }
.offset-lg-left-70px   { margin-left: 70px; }
.offset-lg-right-70px  { margin-right: 70px; }
.offset-lg-left-1col   { margin-left: 8.33333333%; }
.offset-lg-right-1col  { margin-right: 8.33333333%; }
.offset-lg-left-10pct  { margin-left: 10%; }
.offset-lg-right-10pct { margin-right: 10%; }
.offset-lg-left-15pct  { margin-left: 15%; }
.offset-lg-right-15pct { margin-right: 15%; }
.offset-lg-left-20pct  { margin-left: 20%; }
.offset-lg-right-20pct { margin-right: 20%; }
.offset-lg-left-25pct  { margin-left: 25%; }
.offset-lg-right-25pct { margin-right: 25%; }
}
@media (min-width: 1520px) {
.offset-xl-left-5px    { margin-left: 5px; }
.offset-xl-right-5px   { margin-right: 5px; }
.offset-xl-left-10px   { margin-left: 10px; }
.offset-xl-right-10px  { margin-right: 10px; }
.offset-xl-left-15px   { margin-left: 15px; }
.offset-xl-right-15px  { margin-right: 15px; }
.offset-xl-left-20px   { margin-left: 20px; }
.offset-xl-right-20px  { margin-right: 20px; }
.offset-xl-left-25px   { margin-left: 25px; }
.offset-xl-right-25px  { margin-right: 25px; }
.offset-xl-left-30px   { margin-left: 30px; }
.offset-xl-right-30px  { margin-right: 30px; }
.offset-xl-left-40px   { margin-left: 40px; }
.offset-xl-right-40px  { margin-right: 40px; }
.offset-xl-left-50px   { margin-left: 50px; }
.offset-xl-right-50px  { margin-right: 50px; }
.offset-xl-left-60px   { margin-left: 60px; }
.offset-xl-right-60px  { margin-right: 60px; }
.offset-xl-left-70px   { margin-left: 70px; }
.offset-xl-right-70px  { margin-right: 70px; }
.offset-xl-left-1col   { margin-left: 8.33333333%; }
.offset-xl-right-1col  { margin-right: 8.33333333%; }
.offset-xl-left-10pct  { margin-left: 10%; }
.offset-xl-right-10pct { margin-right: 10%; }
.offset-xl-left-15pct  { margin-left: 15%; }
.offset-xl-right-15pct { margin-right: 15%; }
.offset-xl-left-20pct  { margin-left: 20%; }
.offset-xl-right-20pct { margin-right: 20%; }
.offset-xl-left-25pct  { margin-left: 25%; }
.offset-xl-right-25pct { margin-right: 25%; }
} .height-15px  { height: 15px !important; }
.height-20px  { height: 20px !important; }
.height-25px  { height: 25px !important; }
.height-30px  { height: 30px !important; }
.height-35px  { height: 35px !important; }
.height-40px  { height: 40px !important; }
.height-45px  { height: 45px !important; }
.height-50px  { height: 50px !important; }
.height-55px  { height: 55px !important; }
.height-60px  { height: 60px !important; }
.height-65px  { height: 65px !important; }
.height-70px  { height: 70px !important; }
.height-75px  { height: 75px !important; }
.height-80px  { height: 80px !important; }
.height-85px  { height: 85px !important; }
.height-90px  { height: 90px !important; }
.height-95px  { height: 95px !important; }
.height-100px { height: 100px !important; }
.height-110px { height: 110px !important; }
.height-120px { height: 120px !important; }
.height-130px { height: 130px !important; }
.height-140px { height: 140px !important; }
.height-150px { height: 150px !important; }
.height-160px { height: 160px !important; }
.height-170px { height: 170px !important; }
.height-180px { height: 180px !important; }
.height-190px { height: 190px !important; }
.height-200px { height: 200px !important; }
.height-210px { height: 210px !important; }
.height-220px { height: 220px !important; }
.height-230px { height: 230px !important; }
.height-240px { height: 240px !important; }
.height-250px { height: 250px !important; }
.height-260px { height: 260px !important; }
.height-270px { height: 270px !important; }
.height-280px { height: 280px !important; }
.height-290px { height: 290px !important; }
.height-300px { height: 300px !important; }
.height-310px { height: 310px !important; }
.height-320px { height: 320px !important; }
.height-330px { height: 330px !important; }
.height-340px { height: 340px !important; }
.height-350px { height: 350px !important; }
.height-360px { height: 360px !important; }
.height-370px { height: 370px !important; }
.height-380px { height: 380px !important; }
.height-390px { height: 390px !important; }
.height-400px { height: 400px !important; }