:root {
	--size-1em: 1em;
	--size-2em: 2em;
	--size-3em: 3em;
	--size-4em: 4em;
}

/* Hacks */
#pushstat {display: none !important;}
* {margin: 0px; padding: 0px;}img {border: none;}
.clearPan, .spacer {clear: both; height: 0px;}
.center, .col-centered {float: none; margin-left: auto; margin-right: auto; text-align: center;}
#body-wrapper {filter: alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#body-wrapper.enabled {filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#noscriptAlert {margin: 150px auto -255px auto; padding: 20px; text-align: center; width: 400px; background-color: #CCF; border: #1A5F86 2px solid;}
#noscriptAlert div.title {font-size: 28px;}

/* Web Styles */
.wyswyg {padding: 15px 0px; text-align: justify;} 
.wyswyg ul, .wyswyg ol, .content ol, .content ul {margin-left: 15px;}
.wyswyg p {margin-bottom: 10px;}
.wyswyg img {max-width: 100%;}
.img-square {aspect-ratio: 1 / 1; object-fit: contain;}
.img-wrapper {position: relative; text-align: center; overflow: hidden;}
.img-wrapper.fixed-height-1 {height: 0; padding: 0 15px 65%;}
.img-wrapper img {max-width: 100%;}
.vertical-middle {white-space: nowrap;}
.vertical-middle:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: middle;}
.vertical-middle > * {display: inline-block; vertical-align: middle; white-space: normal;}
.vertical-bottom {white-space: nowrap;}
.vertical-bottom:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: bottom;}
.vertical-bottom > * {display: inline-block; vertical-align: bottom; white-space: normal;}
.equal-height {display: -ms-flex; display: -webkit-flex; display: flex;}
.p4 {padding: var(--size-4em) 0;} .p3 {padding: var(--size-3em) 0;} .p2 {padding: var(--size-2em) 0;} .p1 {padding: var(--size-1em) 0;}
.pt4 {padding-top: var(--size-4em);} .pt3 {padding-top: var(--size-3em);} .pt2 {padding-top: var(--size-2em);} .pt1 {padding-top: var(--size-1em);}
.pb4 {padding-bottom: var(--size-4em);} .pb3 {padding-bottom: var(--size-3em);} .pb2 {padding-bottom: var(--size-2em);} .pb1 {padding-bottom: var(--size-1em);}
.m4 {margin: var(--size-4em) 0;} .m3 {margin: var(--size-3em) 0;} .m2 {margin: var(--size-2em) 0;} .m1 {margin: var(--size-1em) 0;}
.mt4 {margin-top: var(--size-4em);} .mt3 {margin-top: var(--size-3em);} .mt2 {margin-top: var(--size-2em);} .mt1 {margin-top: var(--size-1em);}
.mb4 {margin-bottom: var(--size-4em);} .mb3 {margin-bottom: var(--size-3em);} .mb2 {margin-bottom: var(--size-2em);} .mb1 {margin-bottom: var(--size-1em);}
.parallax {background-attachment: fixed;}

/* Sandbox Fix */
.navbar-brand img {max-width: 200px;}
.cut-text {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.cut-text.show {display: block; overflow: visible;}
.solid-duo.text-shiftsoft .fill-primary {fill: #0c958e;}
.solid-duo.text-shiftsoft .fill-secondary {fill: #7cb798;}
.swiper-controls .swiper-pagination .swiper-pagination-bullet, .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #0c958e;}
.swiper-controls .swiper-pagination .swiper-pagination-bullet {background: #0c958e;}
.price .price-currency {font-size: 0.8rem !important;}
.price .price-currency.end {padding-top: 1.4rem !important;}

/* Shiftsoft Custom */
.bg-shiftsoft {background-color: #dff9f7;}
.bg-shiftsoft.lower-start:after, .bg-shiftsoft.upper-start:before {border-left-color: #dff9f7 !important;}
.bg-shiftsoft-light {background-color: #0c958e;}



/* Content */
footer::before {border-right-color: #0c958e !important;}
footer .display-4 > small {font-size: 16px; line-height: 1rem;}
.alert-wrapper {margin-top: 2rem;}
.alert-wrapper.absolute {position: absolute; width: 100%; margin-top: 5rem; z-index: 2;}

#home-client .swiper-wrapper {height: auto !important;}
#home-client .swiper-auto .swiper-slide {width: 150px !important;}
#home-client .swiper-auto .swiper-slide figure {background-color: #fff;}
#home-client .swiper-auto .swiper-slide a {width: 150px !important; height: 150px !important;}
#home-client .swiper-auto .swiper-slide img {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
#home-client .swiper-auto .swiper-slide .meta {height: 45px;}

@media (max-width: 768px) {
	#modal-video-intro .modal-body {padding-left: 0; padding-right: 0;}
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	#home-intro {background-size: cover;}
	.equal-height-desktop {display: -ms-flex; display: -webkit-flex; display: flex;}
}

@media (min-width: 1200px) {
}