/* BA custom theme. */


/* masthead-internal */
.masthead-internal-section{border-radius:var(--radius-normal); padding-top:var(--padding-large); padding-bottom:var(--padding-large);}
.masthead-internal-section.compact{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal);}


/* masthead-home */
.masthead-home-section .row{align-items: stretch;}
.masthead-home-section .row > [class*='col-']{display: flex; align-items: stretch;}
.masthead-home-section .content{width:100%; border-radius:var(--radius-normal); padding:12rem 6rem; display: flex; flex-direction: column; justify-content: flex-start;}
.masthead-home-section .container{width:100%; max-width: none; margin:0; padding:0;}
.masthead-home-section .buttons-group{justify-content:center;}
.masthead-home-section .textbox{height:7.5rem; -webkit-line-clamp:4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}


/* about */
.about-section .section-bg{opacity:0.1;}
.about-section .textbox{color:var(--color-indigo); font-size:var(--text-lead-xl); font-weight: 500;}	


/* resources */
.featured-resources-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:var(--margin-big);}
.featured-resources-listing .item{display: flex; align-items: stretch; width:calc((100% - var(--margin-big)*2)/3);}
.featured-resources-listing .item:hover .resource-card{box-shadow: 0 0 3.5rem 0 rgba(0,39,71,0.24);}


/* subscribe */
.subscribe-block{padding:var(--margin-big) 0; background: var(--color-indigo); border-radius:var(--radius-normal);}
.subscribe-block .inner-wrap{display: flex; align-items: center; gap:1.5rem;}
.subscribe-block .title{margin:0; font-size: var(--text-lead-xl); font-weight: 500;}
.subscribe-block .btn{margin-left:auto;}
.subscribe-block .icon img{max-width: 2.7rem;}


/* intro */
.intro-section .stratafort-sign img{width:22rem;}
.intro-section .stratafort-sign .text{font-size: var(--h4); position: absolute; z-index: 2; left:0; top:1.6rem; color:var(--color-indigo); text-transform: uppercase;}
.intro-section .image-block{display: flex; align-items: center;}
.intro-section .image-block img{width:100%; max-width: 100%; border-radius:var(--radius-normal);}
.intro-section .image-block img:nth-child(2){position: absolute; width:calc(var(--container)*0.25 - 1.5rem); left:calc(-1*var(--container)/12);}


/* how-it-works */
.how-it-works-section{border-radius: var(--radius-normal);}
.how-it-works-section .image{position: absolute; top:0; bottom:0; left:0; width:calc(var(--page-side-gap) + var(--container)*0.5 - 1.5rem);}
.how-it-works-section .image img{object-fit: cover; width:100%; height:100%; border-radius:var(--radius-normal);}
.how-it-works-section .text-block{padding:var(--padding-large) 0; font-size: var(--text-lead-xl); font-weight: 500;}


/* difference */
.diff-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big) var(--padding-normal);}
.diff-listing .item{width:calc((100% - var(--padding-normal)*2)/3);}
.diff-listing .title{margin:0; color:#fff; background: var(--color-indigo); border-radius:var(--radius-normal) var(--radius-normal) 0 0; padding:0.5rem 0.5rem calc(var(--radius-normal) + 0.5rem) 0.5rem; text-align: center; font-size: var(--h4); text-transform: uppercase;}
.diff-listing .content{margin-top:calc(-1*var(--radius-normal)); padding:1.5rem 1.5rem 0 1.5rem; background: #fff; border-radius:var(--radius-normal) var(--radius-normal) 0 0;}
.diff-listing .content .textbox ul{padding-left:0;}


/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{color:#fff; background: var(--color-indigo); padding:1rem 0; margin-left:var(--body-margin); width:calc(100vw - var(--body-margin)*2); border-radius:var(--radius-normal) var(--radius-normal) 0 0; margin-top:auto; flex:none; }

#footer .subscribe-wrap{display: flex; align-items: stretch;}
#footer .subscribe-wrap .subscribe-block{width:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-right:-1rem; padding: var(--padding-normal) var(--padding-normal) var(--padding-normal) 0;}
#footer .subscribe-wrap .subscribe-block .btn{margin-left:0;}
#footer .subscribe-wrap .subscribe-block:before{content: ''; border-radius:var(--radius-normal); background: rgba(255,255,255,0.12); left:calc(-1*var(--page-side-gap) + 1rem); position: absolute; top:0; right:0; bottom:0;}

.footer-nav-wrap{padding-top:var(--margin-big); padding-bottom:1rem; display: flex; flex-direction: column; justify-content: center;}
.footer-links .title{margin-bottom:var(--margin-small); font-size: var(--h6); color:var(--color-blue); text-transform: uppercase;}
.footer-links ul{display: flex; flex-direction: column; gap:var(--margin-small); padding:0; list-style-type: none;}
.footer-links a:not(.btn){color:#fff; text-decoration: none;}
.footer-links a:not(.btn):hover, .footer-links a:not(.btn):focus{color:var(--color-light-yellow); text-decoration: underline;}

.social-share{display: flex; flex-wrap:wrap; gap:1rem;}
.social-share a{color:#fff; background: rgba(255,255,255,0.12); border-radius: 50%; text-decoration: none; font-size: 1.125rem; width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center;}
.social-share a:hover, .social-share a:focus{background: var(--color-yellow);}

.copyrights{display: flex; flex-direction: column; gap:var(--margin-small); font-size: var(--text-small); color:var(--color-blue);}
.copyrights a{color:var(--color-blue);}
.copyrights a:hover, .copyrights a:focus{color:var(--color-light-yellow);}
.footer-group{display: flex; flex-wrap:wrap;}
.footer-group > div+div:before{content: '|'; margin:0 0.5rem;}


/* ************************* */
/* LOGIN					 */
/* ************************* */
.login-footer{padding-top:1rem; border-top:1px solid var(--color-grey);}



/* ************************* */
/* DASHBOARD				 */
/* ************************* */
/* general */
.dashboard-wrap{padding-top:1rem; padding-bottom:1rem;}
.dash-main-col{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal);}

/* side nav */
.dash-side-nav{padding: var(--padding-normal) 1.5rem var(--padding-normal) 0.5rem;}
.dash-side-nav:before{content: ''; background: #fff; border-radius:var(--radius-normal); position: absolute; top:0; right:0; bottom:0; left:calc(-1*var(--page-side-gap) + 1rem);}
.dash-side-nav.secondary{margin-top:1rem; padding-top:var(--margin-normal); padding-bottom:var(--margin-normal);}

.dash-side-nav .user-name{line-height: 1.2; margin-bottom:var(--margin-normal); font-size: var(--text-lead); font-weight: 700;}
.dash-side-nav nav{display: flex; flex-direction: column; align-items: stretch;}
.dash-side-nav nav a{padding:1rem; border-radius:1.66rem; display: flex; align-items: center; gap:0.5rem; font-size: 0.87rem; letter-spacing: 0.0175rem; font-weight: 500; text-transform: uppercase; text-decoration: none;}
.dash-side-nav nav a [class*='fa-']{width:1.5rem; text-align: center; font-size: 0.87rem;}
.dash-side-nav nav a:hover, .dash-side-nav nav a:focus{background: var(--color-link); color:#fff;}
.dash-side-nav nav a.active{background: var(--color-light-blue); color:var(--color-active);}

/*reservations*/
.dash-reservations-listing{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-normal);}
.dash-reservations-listing .item{background: #fff; border-radius:var(--radius-normal); padding:1.5rem; align-items:flex-start; gap:1.5rem; transition:box-shadow 0.2s ease;}
.dash-reservations-listing .item .label{font-weight: 700;}
.dash-reservations-listing .reservation-name{font-size: var(--h5);}

/* products */
.dash-products-listing{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-normal);}
.dash-products-listing .item{background: #fff; border-radius:var(--radius-normal); padding:1.5rem; display: flex; align-items: center; gap:1.5rem; transition:box-shadow 0.2s ease;}
.dash-products-listing .item:hover{box-shadow: 0 0 2rem 0 rgba(0, 39, 71, 0.16);}
.dash-products-listing .name-wrap{flex-grow:1;}
.dash-products-listing .build-name{margin:0; font-size: var(--h5);}
.dash-products-listing .status-wrap{width:5rem; flex:none;}
.dash-products-listing .date{font-size: var(--text-small); color:var(--color-dark-grey);}
.dash-products-listing .actions{width:13rem; flex:none; display: flex; align-items: center; gap:0.5rem; flex-wrap:wrap;}
.dash-products-listing a:not(.area-link){z-index: 5;}

.product-header .toolbar{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
.product-header .toolbar .buttons-wrap{display: flex; flex-wrap:wrap; align-items: center; gap:0.5rem 1.5rem;}
.product-header .toolbar .logo-wrap{height:3.18rem;}
.product-header .toolbar .logo-wrap img{max-height:100%;}

.product-info-group{display: flex; align-items: flex-start; gap:3.5rem;}
.product-info-group .product-info-block, .product-info-group .product-images-slider-block{width:calc((100% - 3.5rem)/2);}

.product-info-block{display: flex; flex-direction: column; align-items: stretch; gap:0.25rem;}
.product-info-block .content{gap:1rem; display: flex; align-items: stretch; flex-direction: column; border-radius:var(--radius-normal); background: #fff; padding:1.5rem;}
.product-info-block .content .c-string{display: flex; align-items: flex-start; gap:1.5rem;}
.product-info-block .content .c-string .string-label{width:11.87rem; flex:none; margin-top:0.3rem;}
.product-info-block .content .c-string .date{font-size: var(--text-small); color:var(--color-dark-grey);}
.product-info-block .content .c-table{display: flex; align-items: flex-end; gap:1.5rem; justify-content: space-between;}
/*.product-info-block .content .c-table .right:before{content: '$';}*/
.product-info-block .content .c-table.total .left, .product-info-block .content .c-table.total .right{font-size: var(--h5); font-weight: 700;}
.product-info-block .content .c-table.total .left:after{content: ':';}
/*.product-info-block .content .c-table.total .right:before{content: '$';}*/
.product-info-block .content .c-listing-table .listing-item{display: flex; align-items: flex-end; gap:1.5rem; justify-content: space-between;}
.product-info-block .content .c-listing-table .listing-item .left{padding-left:1.13rem; background: url("../img/list-marker.svg") no-repeat left 0.55rem;}
/*.product-info-block .content .c-listing-table .listing-item .right:before{content: '$';}*/
.product-info-block .header{padding:0.5rem 1.5rem 1.25rem 1.5rem; margin-bottom:calc(-1*var(--radius-normal)); font-size: var(--h4); text-transform: uppercase; background: var(--color-indigo); color:#fff; border-radius:var(--radius-normal) var(--radius-normal) 0 0;}
.product-info-block .divider{height:1px; background: var(--color-grey);}
.product-info-block.color-white .content{background: var(--color-indigo);}
.product-info-block.color-white .header{background: var(--color-dark-blue);}
.product-info-block.color-white .string-label{color:#fff;}
.product-info-block.color-white .divider{background: rgba(255,255,255,0.12);}

.product-images-slider-block .category{position: absolute; top:0; left:0; z-index: 2; background: var(--color-indigo); color:#fff; padding:0.38rem 1.5rem; border-radius: var(--radius-normal) 0 var(--radius-normal) 0; font-size: var(--h6); text-transform: uppercase;}
.product-images-slider .item{aspect-ratio:1.45/1;}
.product-images-slider .item img{object-fit: cover; width:100%; height: 100%; border-radius:var(--radius-normal);}
.product-images-slider .slick-list{border-radius:var(--radius-normal);}
.product-images-slider .slick-dots{position: relative; bottom:0; height:auto; margin-top:1rem;}
.product-images-slider .slick-arrow{position: absolute; top:calc(50% - 1.62rem - 0.5rem); border-radius:1rem; font-size: 1.25rem; width:1.81rem; height:3.25rem; background: rgba(19, 35, 57, 0.56); color:#fff;}
.product-images-slider .slick-prev{left:0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.product-images-slider .slick-next{right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.product-images-slider .slick-arrow:not(.slick-disabled):hover{background: var(--color-hover);}



/* ************************* */
/* PRODUCT CONFIGURATOR		 */
/* ************************* */
.product-config-section > .inner-wrap{display: flex; align-items: stretch; gap:var(--body-margin);}
.product-config-section .col-slider{ width:calc(55.5% - var(--body-margin)); flex:none;}
.product-config-section .col-config{ flex-grow:1;}
.product-config-section .sws-panel + .sws-panel{margin-top:var(--body-margin);}

.sws-panel{ border-radius:var(--radius-normal);}
.sws-panel .header{padding:1rem 5rem;}
.sws-panel .header .title{font-size: var(--h4); text-transform: uppercase;}
.sws-panel .content{padding:3.5rem 5rem; border-radius:var(--radius-normal);}
.sws-panel .header + .content{padding-top:1.5rem; padding-bottom:1.5rem;}
.sws-panel .panel-title{font-size: var(--h4); text-transform: uppercase;}
.sws-panel.name-panel .content{padding-top:5rem;}

/* name */
.name-panel .name-wrap{display: flex; align-items: center; gap:1.5rem; justify-content: space-between; margin-bottom:var(--margin-normal);}
.name-panel .name-wrap .name{font-size: var(--h3); margin:0;}
.name-panel .name-wrap .product-logo{width:10.25rem; padding:0.75rem; background: #fff; border-radius:var(--radius-normal);}
.name-panel .name-wrap .product-logo img{width:100%; max-width: 100%;}

/* configuration */
.config-form{display: flex; flex-direction: column; align-items:stretch; gap:var(--margin-normal);}
.config-form .addons-selector{border:1px solid var(--color-grey); background: #fff; padding:1.5rem; border-radius:calc(var(--input-height)/2);}

.config-options-listing{padding:0; list-style-type: none;}
.config-options-listing > li+li{margin-top:var(--margin-small);}
.config-options-listing > li{padding:0.5rem 1.5rem; border-radius:var(--radius-normal); transition:background 0.2s ease;}
.config-options-listing > li:hover, .config-options-listing > li.active{background: var(--color-light-blue);}
.config-options-listing .option{ display: flex; align-items: flex-start; gap:1.5rem; justify-content: space-between;}
.config-options-listing .option .form-check{margin-top:0.2rem;}
.config-options-listing .option + .description{margin-top:var(--margin-small);}
.config-options-listing .option .price{font-weight: 700; transition:color 0.2s ease;}
.config-options-listing > li:hover .option .price{color:var(--color-hover);}
.config-options-listing > li.active .option .price{color:var(--color-active);}
/*.config-options-listing .option .price:before{content: '$';}*/
.config-options-listing .description{padding-left:1.63rem; color:var(--color-dark-grey);}
.config-options-listing .description .textbox ul{padding:0;}
.config-options-listing .description .textbox ul li{background-image: url("../img/list-marker-grey.svg");}
.config-options-listing .description .textbox ul:not(:last-child), 
.config-options-listing .description .textbox ol:not(:last-child),
.config-options-listing .description .textbox p:not(:last-child){margin-bottom:var(--margin-small);}

/* price */
.price-table .item{display: flex; gap:1.5rem; justify-content: space-between; align-items: flex-start;}
.price-table .item + .item{margin-top:var(--margin-small);}
.price-table .string-label{color:inherit; margin-top:0.25rem;}
.price-table .price{font-weight: 700;}
/*.price-table .price:before{content: '$';}*/
.price-table .divider{height:1px; background:rgba(255,255,255,0.12); margin:var(--margin-normal) 0;}
.price-table .item.total{font-size: var(--h5); font-weight: 700; line-height: 1.2;}

/* customer */
.customer-form-footer{gap:var(--margin-normal); display: flex; flex-direction: column; align-items:stretch;}
.customer-form-footer .button-wrap{display: flex; align-items: center; gap:1.5rem; justify-content: space-between;}
.customer-form-footer .button-wrap .hint{background:rgba(0, 115, 195, 0.04); border-radius:var(--radius-normal); padding:0.5rem 1rem; width:62%; flex:none; font-size: var(--text-small);}
.customer-form-footer .button-wrap .hint:before{content: ''; left:-0.5rem; top:calc(50% - 0.5rem); position: absolute; width:0.5rem; height:1rem;
	background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 8 16' fill='none'><path d='M-3.49691e-07 8L8 16L8 -3.49691e-07L-3.49691e-07 8Z' fill='%230073C3' fill-opacity='0.04'/></svg>") ;}

/* big-images-slider */
.images-slider-block{position: sticky; top:var(--header-height);}
.images-slider-block .nav-tabs{position: absolute; z-index: 2; left:2rem; bottom:2rem; border:0;}
.images-slider-block .nav-tabs li{position: absolute; left:0; bottom:0;}
.images-slider-block .nav-tabs li a{z-index: 3; width:8.625rem; padding:0.25rem 0.25rem 0.5rem 0.25rem; font-size: var(--h6); line-height: 1.2; font-weight: 700; text-transform: uppercase; text-decoration: none; background: #fff; border-radius:var(--radius-normal); display: flex; flex-direction: column; align-items: center; gap:var(--margin-small);}
.images-slider-block .nav-tabs li .active{opacity:0; z-index: 2;}
.images-slider-block .nav-tabs li a img{aspect-ratio:1.428/1; object-fit: cover; width:100%; height:100%; border-radius:var(--radius-normal);}

.big-images-slider .item{aspect-ratio:1.056/1; max-height:calc(100vh - var(--header-height) - var(--body-margin)); width: 100%;}
.big-images-slider .item img{object-fit: cover; width:100%; height:100%; border-radius:var(--radius-normal);}
.big-images-slider .slick-list{border-radius:var(--radius-normal);}
.big-images-slider .slick-dots{bottom:2.5rem; right:2rem; left:auto;}
.big-images-slider .slick-arrow{position: absolute; top:calc(50% - 1.87rem); border-radius:1rem; font-size: 1.75rem; width:2.62rem; height:3.75rem; background: rgba(19, 35, 57, 0.56); color:#fff;}
.big-images-slider .slick-prev{left:0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.big-images-slider .slick-next{right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.big-images-slider .slick-arrow:not(.slick-disabled):hover{background: var(--color-hover);}


/* ************************* */
/* PRODUCT RESERVATION FORM  */
/* ************************* */
.product-reservation-form-section .payment-info{background: #fff;border-radius: var(--radius-normal);padding: 1.5rem;}
.product-reservation-form-section .price-total {font-weight: 700; padding: 1.5rem; border:1px solid var(--color-grey);border-radius: var(--radius-normal);}

/* overlay */
.overlay-content {
    transition: filter 0.3s ease;
    position: relative;
}

.block-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    display: flex;
    pointer-events: none;
}

.block-overlay .spinner {
    position: fixed;
	top: calc(50% - 3.75rem);
	left: calc(50% - 3.75rem);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 10px solid #ddd;
	border-top-color: var(--color-blue);
	animation: loading 1s linear infinite;
}


.overlay-content.blocked {
    filter: blur(1px);
    pointer-events: none;
}

@keyframes loading {
	to {
	  transform: rotate(360deg);
	}
  }

  
/* skeleton */
@keyframes p-skeleton-animation {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}

@keyframes p-skeleton-animation-opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.p-skeleton {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #dee2e6;
    overflow: hidden;
    transition: opacity 1.4s ease;
}

.p-skeleton::after {
    position: absolute;
    content: "";
    animation: p-skeleton-animation 1.2s infinite;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateX(-100%);
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) !important;
}

.p-skeleton::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #dee2e6;
}

.p-skeleton-circle {
    border-radius: 50%;
}

.p-skeleton-none::after {
    animation: none;
}

.p-skeleton_opacity-0 {
    animation: p-skeleton-animation-opacity 0.4s;
}

/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.masthead-home-section .content{padding:10rem 5rem;}
	
	.featured-resources-listing{gap:var(--margin-big) 2rem;}
	.featured-resources-listing .item{width:calc((100% - 2rem*2)/3);}
	
	.diff-listing{gap:var(--margin-big);}
	.diff-listing .item{width:calc((100% - var(--margin-big)*2)/3);}
	
	.dash-side-nav{padding-left:1rem;}
	
	#footer .subscribe-wrap .subscribe-block{padding-left:1rem;}
	
	.product-info-group{gap:2rem;}
	.product-info-group .product-info-block, .product-info-group .product-images-slider-block{width:calc((100% - 2rem)/2);}
	
	.sws-panel .content, .sws-panel .header{padding-left:3rem; padding-right:3rem;}
	.customer-form-footer .button-wrap .hint{width:60%;}


}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	#footer .subscribe-wrap .subscribe-block{margin-right:0.5rem; padding-right:1.5rem;}
	
	.masthead-home-section .content{padding:var(--padding-large) 3rem;}
	
	.featured-resources-listing{gap:var(--margin-big) 1.5rem;}
	.featured-resources-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.how-it-works-section .text-block{padding:var(--padding-normal) 0;}
	
	.diff-listing{gap:var(--margin-big) var(--margin-normal);}
	.diff-listing .item{width:calc((100% - var(--margin-normal)*2)/3);}
	.diff-listing .title{padding-left:1.5rem; padding-right:1.5rem;}
	
	.dash-side-nav{padding-right:1rem; padding-left:1.25rem;}
	
	.dash-products-listing .item{flex-wrap:wrap; justify-content: space-between;}
	.dash-products-listing .actions{width:100%;}
	.dash-products-listing .name-wrap{flex-grow:0; flex-basis: 75%;}
	
	.product-header .toolbar .buttons-wrap{gap:var(--margin-small);}
	.product-info-group{gap:1.5rem;}
	.product-info-group .product-info-block, .product-info-group .product-images-slider-block{width:calc((100% - 1.5rem)/2);}
	
	.sws-panel .content, .sws-panel .header{padding-left:2.5rem; padding-right:2.5rem;}
	.name-panel .name-wrap{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.config-options-listing > li{padding-left:1rem; padding-right:1rem;}
	.customer-form-footer .button-wrap{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.customer-form-footer .button-wrap .hint{width:auto;}
	.customer-form-footer .button-wrap .hint:before{display: none;}
	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	#footer .subscribe-wrap .subscribe-block{margin:1rem 0 0 0; padding:var(--margin-big);}
	#footer .subscribe-wrap .subscribe-block::before {left:0;}
	
	.masthead-home-section .content{padding:var(--padding-normal) 2rem;}
	
	.featured-resources-listing{gap:var(--margin-big) 0.75rem;}
	.featured-resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.resource-card .ba-resource-type{padding-left:0.5rem; padding-right:0.5rem;}
	.resource-card .description{padding-left:1rem; padding-right:1rem;}
	.resource-card .card-footer{padding-left:1rem;}
	
	.intro-section .image-block img:nth-child(2){left:-2rem;}
	
	.how-it-works-section .image{width:calc(50% - 1.5rem);}
	
	.diff-listing{gap:var(--margin-big) 0.75rem;}
	.diff-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.diff-listing .content{padding-left:1rem; padding-right:1rem;}

	
	.dash-side-col{display: none;}
	.dash-main-col{padding-top:var(--margin-big); padding-bottom:var(--margin-big);}

	.dashboard-main ~ .dash-main-col{padding-top:var(--margin-big); padding-bottom:var(--margin-big);order:-1;}
	.dashboard-main{display:block;}
	.dashboard-main .dash-side-nav{padding:2.5rem 1.5rem 2.5rem 1rem;}
	.dashboard-main .secondary{padding:1rem;}

	.dash-products-listing .item{flex-wrap:nowrap;}
	.dash-products-listing .actions{width:14rem;}
	.dash-products-listing .name-wrap{flex-grow:1; flex-basis:auto;}
	
	.sws-panel .content {padding:2rem;}
	.sws-panel .header{padding-left:2rem; padding-right:2rem;}
	.sws-panel.name-panel .content{padding-top:2rem;}
	
	.images-slider-block{top:0;}
	.big-images-slider .item{max-height: calc(100vh - var(--header-height-mobile) - var(--body-margin));animation: p-skeleton-animation-opacity 0.4s;}
	.images-slider-block .nav-tabs li a{width:6rem; font-size: var(--text-small);}
	.big-images-slider .slick-dots{right:1rem; bottom:1.5rem;}
	.images-slider-block .nav-tabs{left:1rem; bottom:1rem;}
}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-links ul{flex-wrap:wrap; flex-direction: row; gap:var(--margin-small) 1.5rem; justify-content: center;}
	.social-share{justify-content: center;}
	.copyrights{flex-direction: column-reverse;}
	.footer-group{flex-direction: column-reverse; gap:var(--margin-small);}
	.footer-group > div + div::before{display: none;}
	#footer .subscribe-wrap .subscribe-block{align-items: center;}
	
	.masthead-home-section .row{gap:var(--body-margin);}
	.masthead-home-section .textbox{height:auto; -webkit-line-clamp:none;}
	
	.featured-resources-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.subscribe-block{padding:var(--margin-big) 1.5rem;}
	
	.intro-section .image-block{padding-left:20vw;}
	.intro-section .image-block img:nth-child(2){width:40vw; left:0;}
	
	.how-it-works-section .image{position: relative; width:100%; aspect-ratio:1.7777/1;}
	.how-it-works-section .text-block{padding-top:var(--margin-big);}
	
	.diff-listing{gap:var(--margin-normal);}
	.diff-listing .item{width:100%;}
	
	.dash-products-listing .item{flex-wrap:wrap;}
	.dash-products-listing .actions{width:100%;}
	.dash-products-listing .name-wrap{flex-grow:0; flex-basis: 75%;}
	
	.product-config-section > .inner-wrap{flex-direction: column; align-items: stretch; gap:var(--body-margin);}
	.product-config-section .col-slider{width:auto;}
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}

	.featured-resources-listing .item{width:100%;}
	
	.subscribe-block .inner-wrap{flex-direction: column;}
	.subscribe-block .btn{margin:0;}
	.subscribe-block .title{text-align: center;}
	
	.dash-products-listing .item{flex-direction: column; gap:var(--margin-small); align-items: flex-start;}
	.dash-products-listing .actions{width:100%;}
	.dash-products-listing .name-wrap{width:100%;}
	.dash-products-listing .status-wrap{width:100%;}
	
	.product-header .toolbar{flex-direction: column; gap:var(--margin-normal); align-items: flex-start;}
	.product-info-group{flex-direction: column; gap:var(--margin-big); align-items: stretch;}
	.product-info-group .product-info-block, .product-info-group .product-images-slider-block{width:100%;}
	.product-info-block .content .c-string .string-label{width:8rem;}
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}