.sbx-section{padding: 0px;margin: 0px;}
.sbw-file-e .sbw-icon{
	font-size: 5rem;
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.sb-xs {
	font-size: .75rem;
}
.sb-sm {
	font-size: .875rem;
}
.sb-md {
	font-size: 1rem;
}
.sb-lg {
	font-size: 1.33rem;
}
.sb-xl {
	font-size: 1.66rem;
}
.sb-2x {
	font-size: 2rem;
}
.sb-3x {
	font-size: 3rem;
}
.sb-5x {
	font-size: 5rem;
}
.sb-7x {
	font-size: 7rem;
}
.sb-10 {
	font-size: 10rem;
}

@media (min-width: 800px){
	.sbfd-14{
		font-size: calc(9px + 0.390625vw);
	}
	.sbfd-15{
		font-size: calc(10px + 0.390625vw);
	}
	.sbfd-16{
		font-size: calc(11px + 0.390625vw);
	}
	.sbfd-17{
		font-size: calc(12px + 0.390625vw);
	}
	.sbfd-18{
		font-size: calc(13px + 0.390625vw);
	}
	.sbfd-19{
		font-size: calc(14px + 0.390625vw);
	}
	.sbfd-20{
		font-size: calc(15px + 0.390625vw);
	}
	.sbfd-21{
		font-size: calc(16px + 0.390625vw);
	}
	.sbfd-22{
		font-size: calc(17px + 0.390625vw);
	}
	.sbfd-23{
		font-size: calc(18px + 0.390625vw);
	}
	.sbfd-24{
		font-size: calc(19px + 0.390625vw);
	}
	.sbfd-25{
		font-size: calc(20px + 0.390625vw);
	}
	.sbfd-27{
		font-size: calc(22px + 0.390625vw);
	}
	.sbfd-29{
		font-size: calc(24px + 0.390625vw);
	}
	.sbfd-32{
		font-size: calc(27px + 0.390625vw);
	}
	.sbfd-36{
		font-size: calc(31px + 0.390625vw);
	}
	.sbfd-40{
		font-size: calc(35px + 0.390625vw);
	}
}

@media (max-width: 799px){
	.sbfm-14{
		font-size: calc(13px + 0.390625vw);
	}
	.sbfm-15{
		font-size: calc(14px + 0.390625vw);
	}
	.sbfm-16{
		font-size: calc(15px + 0.390625vw);
	}
	.sbfm-17{
		font-size: calc(16px + 0.390625vw);
	}
	.sbfm-18{
		font-size: calc(17px + 0.390625vw);
	}
	.sbfm-19{
		font-size: calc(18px + 0.390625vw);
	}
	.sbfm-20{
		font-size: calc(19px + 0.390625vw);
	}
	.sbfm-21{
		font-size: calc(20px + 0.390625vw);
	}
	.sbfm-22{
		font-size: calc(21px + 0.390625vw);
	}
	.sbfm-23{
		font-size: calc(22px + 0.390625vw);
	}
	.sbfm-24{
		font-size: calc(23px + 0.390625vw);
	}
	.sbfm-25{
		font-size: calc(24px + 0.390625vw);
	}
	.sbfm-27{
		font-size: calc(26px + 0.390625vw);
	}
	.sbfm-29{
		font-size: calc(28px + 0.390625vw);
	}
	.sbfm-32{
		font-size: calc(31px + 0.390625vw);
	}
	.sbfm-36{
		font-size: calc(35px + 0.390625vw);
	}
	.sbfm-40{
		font-size: calc(39px + 0.390625vw);
	}
}

.sbw-paragraph {
	padding-top: 15px;
	padding-bottom: 15px;
}

.sbx-img-gal {
	padding-bottom: 16px;
}
.sbx-add-sec-row {
	flex-flow: row-reverse;
}
.sbx-add-sec-bn {
	text-align: center;
	background: var(--color-main);
	color: white;
	border-radius: 5px;
	align-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sbx-add-sec-bn a, .sbx-add-sec-bn a:hover  {
	color: white;
}

@media (min-width: 992px){
	.sbnv-t, .sbnv-tph, .sbnv-tp , .sbnv-stph, .sbnv-stp {
		background-color: transparent;
	}
}

.sbnv-st {
	opacity: 0.9;
}

.sbnv-st2 {
	opacity: 0.7;
}

nav.navbar{
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sbimg-t {
	opacity: 0.1;
}
.sbimg-st {
	opacity: 0.3;
}
.sbimg-st2 {
	opacity: 0.5;
}
.sbimg-st3 {
	opacity: 0.7;
}
.middle-screen {
	top: 35%;
}

/* --------------------------- Modal Image ---------------- */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1050; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (image) */
  .modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
  }
  
  /* Caption of Modal Image */
  #caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
  }
  
  /* Add Animation */
  .modal-content, #caption {  
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
  }
  
  /* The closeModalImg Button */
  .closeModalImg {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
  }
  
  .closeModalImg:hover,
  .closeModalImg:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
	.modal-content {
	  width: 100%;
	}
  }

/* -- overlay image -- */
.sbw-ovimg-container {
	position: relative;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.sbw-ovimg-container .sbx-ovimg {
	display: block;
	width: 100%;
	height: auto;
}

.sbw-ovimg-container .sbw-ovltxt {
	position: absolute;
	transition: .5s ease;
	opacity: 0;
}

.sbw-ovimg-container .sbw-inrtext {
	position: absolute;
}

.sbw-ovimg-container.sbx-iovtxto .sbw-ovltxt {
	overflow: hidden;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.sbw-ovimg-container.sbx-iovfbx .sbx-ovimg {
	opacity: 1;
	transition: .5s ease;
	backface-visibility: hidden;
}

.sbw-ovimg-container.sbx-iovfbx:hover .sbx-ovimg, .sbw-ovimg-container.sbx-iovfbx:active .sbw-ovimg {
	opacity: 0.3;
}

.sbw-ovimg-container.sbx-iovfbx .sbw-ovltxt {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;

}

.sbw-ovimg-container.sbx-iovfbx:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovfbx:active .sbw-ovltxt {
	opacity: 1;
}

.sbw-ovimg-container.sbx-iovfbx .sbw-inrtext {
	padding: 1rem 2rem;
}

.sbw-ovimg-container.sbx-iovftxt .sbw-ovltxt {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

.sbw-ovimg-container.sbx-iovftxt:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovftxt:active .sbw-ovltxt {
	opacity: 1;
}

.sbw-ovimg-container.sbx-iovftxt .sbw-inrtext, .sbw-ovimg-container.sbx-iovftxt .sbw-inrtext {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.sbw-ovimg-container.sbx-iovstp .sbw-ovltxt {
	overflow: hidden;
	bottom: 100%;
	left: 0;
	right: 0;
	width: 100%;
	height:0;
}

.sbw-ovimg-container.sbx-iovstp:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovstp:active .sbw-ovltxt {
	opacity: 1;
	bottom: 0;
	height: 100%;
}

.sbw-ovimg-container.sbx-iovstp .sbw-inrtext {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.sbw-ovimg-container.sbx-iovsbm .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height:0;
}

.sbw-ovimg-container.sbx-iovsbm:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovsbm:active .sbw-ovltxt {
	opacity: 1;
	height: 100%;
}

.sbw-ovimg-container.sbx-iovsrt .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	left: 100%;
	right: 0;
	width: 0;
	height:100%;
}

.sbw-ovimg-container.sbx-iovsrt:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovsrt:active .sbw-ovltxt {
	opacity: 1;
	left: 0;
	width: 100%;
}

.sbw-ovimg-container.sbx-iovslt .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height:100%;
}

.sbw-ovimg-container.sbx-iovslt:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovslt:active .sbw-ovltxt {
	opacity: 1;
	width: 100%;
}

.sbw-ovimg-container.sbx-iovscbl .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
}

.sbw-ovimg-container.sbx-iovscbl:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovscbl:active .sbw-ovltxt {
	opacity: 1;
	width: 100%;
	height: 100%;
}

.sbw-ovimg-container.sbx-iovscbr .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	left: 100%;
	right: 0;
	width: 0;
	height: 0;
}

.sbw-ovimg-container.sbx-iovscbr:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovscbr:active .sbw-ovltxt {
	opacity: 1;
	left: 0;
	width: 100%;
	height: 100%;
}

.sbw-ovimg-container.sbx-iovsctl .sbw-ovltxt {
	overflow: hidden;
	bottom: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
}

.sbw-ovimg-container.sbx-iovsctl:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovsctl:active .sbw-ovltxt {
	opacity: 1;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.sbw-ovimg-container.sbx-iovsctr .sbw-ovltxt {
	overflow: hidden;
	bottom: 100%;
	left: 100%;
	right: 0;
	width: 0;
	height: 0;
}

.sbw-ovimg-container.sbx-iovsctr:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovsctr:active .sbw-ovltxt {
	opacity: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.sbw-ovimg-container.sbx-iovfzm .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}


.sbw-ovimg-container.sbx-iovfzm:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovfzm:active .sbw-ovltxt {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.sbw-ovimg-container.sbx-iovftb .sbw-ovltxt {
	overflow: hidden;
	bottom: 0;
	width: 100%;
}

.sbw-ovimg-container.sbx-iovftb .sbw-ovltxt .sbw-inrtext {
	position: relative;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
}

.sbw-ovimg-container.sbx-iovftb:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovftb:active .sbw-ovltxt {
	opacity: 1;
}

.sbw-ovimg-container.sbx-iovftt .sbw-ovltxt {
	overflow: hidden;
	top: 0;
	width: 100%;
}

.sbw-ovimg-container.sbx-iovftt .sbw-ovltxt .sbw-inrtext {
	position: relative;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

.sbw-ovimg-container.sbx-iovftt:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovftt:active .sbw-ovltxt {
	opacity: 1;
}

.sbw-ovimg-container.sbx-iovftm .sbw-ovltxt {

}

.sbw-ovimg-container.sbx-iovftm:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovftm:active .sbw-ovltxt {
	
}

.sbw-ovimg-container.sbx-iovftr .sbw-ovltxt {

}

.sbw-ovimg-container.sbx-iovftr:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovftr:active .sbw-ovltxt {
	
}

.sbw-ovimg-container.sbx-iovftl .sbw-ovltxt {

}

.sbw-ovimg-container.sbx-iovftl:hover .sbw-ovltxt, .sbw-ovimg-container.sbx-iovftl:active .sbw-ovltxt {
	
}

/* -------- Multi Image Container ------- */
.sbw-mimgs-out-containerr {
	width: 100%;
}
.sbw-mimgs-container.sbx-minot {}
.sbw-mimgs-container.sbx-minot .sbw-mimgs-img {display: none;}
.sbw-mimgs-container.sbx-minot .sbw-mimgs-thumbs {display: block; width: 100%;}
.sbw-mimgs-container.sbx-minot .sbw-mimgs-thumb {display: inline-flex;}
.sbw-mimgs-container.sbx-mihtf, .sbw-mimgs-container.sbx-mihtl {display: block;}
.sbw-mimgs-container.sbx-mihtf .sbw-mimgs-img, 
.sbw-mimgs-container.sbx-mihtl .sbw-mimgs-img {display: block; position: relative;}
.sbw-mimgs-container.sbx-mihtf .sbw-mimgs-thumbs, 
.sbw-mimgs-container.sbx-mihtl .sbw-mimgs-thumbs {display: block; width: 100%;}
.sbw-mimgs-container.sbx-mihtf .sbw-mimgs-thumbs-inner,
.sbw-mimgs-container.sbx-mihtl .sbw-mimgs-thumbs-inner {width: 100%; display: flex;}
.sbw-mimgs-container.sbx-mihtf .sbw-mimgs-thumb, 
.sbw-mimgs-container.sbx-mihtl .sbw-mimgs-thumb {display: inline-flex;}
.sbw-mimgs-container.sbx-mivtf,
.sbw-mimgs-container.sbx-mivtl {display: flex;}
.sbw-mimgs-container.sbx-mivtf .sbw-mimgs-img,
.sbw-mimgs-container.sbx-mivtl .sbw-mimgs-img {display: inline-flex; position: relative;}
.sbw-mimgs-container.sbx-mivtf .sbw-mimgs-thumbs, 
.sbw-mimgs-container.sbx-mivtl .sbw-mimgs-thumbs {display: inline-flex;}
.sbw-mimgs-container.sbx-mivtf .sbw-mimgs-thumbs-inner,
.sbw-mimgs-container.sbx-mivtl .sbw-mimgs-thumbs-inner {width: 100%; display: block;}
.sbw-mimgs-container.sbx-mivtf .sbw-mimgs-thumb,
.sbw-mimgs-container.sbx-mivtl .sbw-mimgs-thumb {display: block;}

.sbw-mimgs-container .sbw-mimgs-img .closebtn
{
	position: absolute;
	top: 10px;
	right: 15px;
	color: white;
	font-size: 35px;
	cursor: pointer;
}

.col-lg-4-sm-6{width:31%;}
.col-lg-3-sm-6{width:22%;}
.col-lg-2-sm-4{width:15%;}

@media (max-width: 600px){
	.col-lg-4-sm-6{width:47%;}
	.col-lg-3-sm-6{width:47%;}
	.col-lg-2-sm-4{width:32%;}
}
/* ---------------------- side bar ---------------------- */
.close-side-bar {
	position: relative;
	display: block;
	text-align: right;
	padding-right: 20px;
	color: #d1d1d1;
	font-size: 36px;
	font-weight: bold;
	transition: 0.3s;
	height: 36px;
}
.close-side-bar:hover {
	cursor: pointer;
}
.sbx-side-bar-bg {
	position: fixed;
	right: 0px;
	top: 0px;
	height: 100vh;
	z-index: 1100;
	padding: 10px;
	padding-top: 0px;
	background-color: rgba(0, 0, 0, 0.9);
	transition: width 0.6s, opacity 0.6s ease-out;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.sbx-side-bar-bg.show {
	width: 280px;
	opacity: 1;
}
.sbx-side-bar-bg.hide {
	width: 0px;
	opacity: 0;
}
.sbx-side-bar-content {
	overflow-y: auto; 
	position: relative;
	margin-left: auto;
	height: calc( 100% - 56px);
	background-color: rgba(0, 0, 0, 0.9);
	color: #eaeaea;
	transition: width 0.6s;
}

.sbx-side-bar-content .loader_image {
	width: 30%; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sbx-side-bar-content .sbx-form select, .sbx-side-bar-content .sbx-form input {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	color: darkslategray;
}
.sbx-side-bar-content .sbx-form label {width: 80%;}
.sbx-side-bar-content .sbx-form li {margin-bottom: 15px;}
.sbx_modal {z-index: 1300;}
.sbx-side-bar-content .sbx-template {border-bottom: 1px solid #fcfcfc; width: 100%; text-align: center;font-size: small; font-family:  Helvetica, Arial, sans-serif;}
.sbx-side-bar-content .sbx-template img {width:80%; margin: 10px auto;}
.sbx-side-bar-content .sbx-template .title {font-weight: 100; font-size: small;}
.sbx-side-bar-content .sbx-template .add-template {font-weight: 100; background-color: gold; color: #222; width: 80%; padding: 3px; margin: 5px auto; border-radius: 5px; cursor: pointer;}

/* smartblox animation */
.sb-anim {
	animation-duration: .7s;
	animation-fill-mode: backwards;
	position: relative;
	animation-play-state: paused;
}
.sb-fly-in-left {
	animation-name: sb-fly-in-left;
}
@keyframes sb-fly-in-left {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(-200%,0); opacity: 0;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-fly-in-leftB {
	animation-name: sb-fly-in-leftB;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-fly-in-leftB {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(-200%,0); opacity: 0;}
	60% {transform: translate(20%,0); opacity: 1;}
	80% {transform: translate(-10%,0); opacity: 1;}
	90% {transform: translate(5%,0); opacity: 1;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-fly-in-right {
	animation-name: sb-fly-in-right;
}
@keyframes sb-fly-in-right {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(200%,0); opacity: 0;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-fly-in-rightB {
	animation-name: sb-fly-in-rightB;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-fly-in-rightB {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(200%,0); opacity: 0;}
	60% {transform: translate(-20%,0); opacity: 1;}
	80% {transform: translate(10%,0); opacity: 1;}
	90% {transform: translate(-5%,0); opacity: 1;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-shakeX {
	animation-name: sb-shakeX;
	animation-duration: .7s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-shakeX {
	0% {transform: translate(0,0);}
	20% {transform: translate(-15%,0);}
	40% {transform: translate(10%,0);}
	60% {transform: translate(-6%,0);}
	80% {transform: translate(4%,0);}
	90% {transform: translate(-2%,0);}
	100% {transform: translate(0,0);}
}
.sb-swing {
	animation-name: sb-swing;
	animation-duration: .7s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-swing {
	0% {transform: rotate(0deg);}
	20% {transform: rotate(-15deg);}
	40% {transform: rotate(10deg);}
	60% {transform: rotate(-6deg);}
	80% {transform: rotate(4deg);}
	90% {transform: rotate(-2deg);}
	100% {transform: rotate(0deg);}
}
.sb-fly-in-top {
	animation-name: sb-fly-in-top;
	margin-left: auto;
	animation-duration: 1s;
}
@keyframes sb-fly-in-top {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(0,-300%); opacity: 0;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-fly-in-topB {
	animation-name: sb-fly-in-topB;
	margin-left: auto;
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-fly-in-topB {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(0,-300%); opacity: 0;}
	60% {transform: translate(0,0); opacity: 1;}
	70% {transform: translate(0,-40%); opacity: 1;}
	81% {transform: translate(0,0); opacity: 1;}
	89% {transform: translate(0,-15%); opacity: 1;}
	96% {transform: translate(0,0%); opacity: 1;}
	98% {transform: translate(0,-6%); opacity: 1;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-fly-in-bottom {
	animation-name: sb-fly-in-bottom;
	animation-duration: 1s;
}
@keyframes sb-fly-in-bottom {
	0% {transform: translate(0,0); opacity: 0;}
	1% {transform: translate(0,200%); opacity: 0;}
	100% {transform: translate(0,0); opacity: 1;}
}
.sb-zoom-in {
	animation-name: sb-zoom-in;
}
@keyframes sb-zoom-in {
	from {transform: scale(200%,200%); opacity: 0;}
	to {transform: scale(100%,100%); opacity: 1;}
}
.sb-zoom-out {
	animation-name: sb-zoom-out;
}
@keyframes sb-zoom-out {
	from {transform: scale(0%,0%); opacity: 0;}
	to {transform: scale(100%,100%); opacity: 1;}
}
.sb-flip {
	animation-name: sb-flip;
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-flip {
	from {transform: rotateY(180deg); opacity: 0;}
	to {transform: rotateY(0deg); opacity: 1;}
}
.sb-flipB {
	animation-name: sb-flipB;
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
}
@keyframes sb-flipB {
	0% {transform: rotateY(180deg); opacity: 0;}
	75% {transform: rotateY(-60deg); opacity: 1;}
	92% {transform: rotateY(30deg); opacity: 1;}
	100% {transform: rotateY(0deg); opacity: 1;}
}
/* page list */
.sbx-list-pages .sbx-page {display: flex; font-size: .9rem;cursor: pointer;}
.sbx-list-pages .sbx-page .page-id {display:inline-flex;width: 25%;}
.sbx-list-pages .sbx-page .page-title {display:inline-flex; width: 75%;}
/* Text Shadow */
.sbxtAQ {text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.sbxtAg {text-shadow: -2px -2px 0 #000,  2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;}
.sbxtAw {text-shadow: -4px -4px 0 #000,  4px -4px 0 #000,-4px 4px 0 #000,4px 4px 0 #000;}
.sbxtCA {text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.sbxtCQ {text-shadow: -2px -2px 0 #fff,  2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;}
.sbxtCg {text-shadow: -4px -4px 0 #fff,  4px -4px 0 #fff,-4px 4px 0 #fff,4px 4px 0 #fff;}

.sbxtBA {text-shadow: -1px -1px 0 var(--color-main),  1px -1px 0 var(--color-main),-1px 1px 0 var(--color-main),1px 1px 0 var(--color-main);}
.sbxtBQ {text-shadow: -2px -2px 0 var(--color-main),  2px -2px 0 var(--color-main),-2px 2px 0 var(--color-main),2px 2px 0 var(--color-main);}
.sbxtCw {text-shadow: -1px -1px 0 var(--color-textshade1),  1px -1px 0 var(--color-textshade1),-1px 1px 0 var(--color-textshade1),1px 1px 0 var(--color-textshade1);}
.sbxtDA {text-shadow: -2px -2px 0 var(--color-textshade1),  2px -2px 0 var(--color-textshade1),-2px 2px 0 var(--color-textshade1),2px 2px 0 var(--color-textshade1);}
.sbxtBg {text-shadow: -1px -1px 0 var(--color-secondary1),  1px -1px 0 var(--color-secondary1),-1px 1px 0 var(--color-secondary1),1px 1px 0 var(--color-secondary1);}
.sbxtDQ {text-shadow: -2px -2px 0 var(--color-secondary1),  2px -2px 0 var(--color-secondary1),-2px 2px 0 var(--color-secondary1),2px 2px 0 var(--color-secondary1);}
.sbxtBw {text-shadow: -1px -1px 0 var(--color-background1),  1px -1px 0 var(--color-background1),-1px 1px 0 var(--color-background1),1px 1px 0 var(--color-background1);}

.sbxtDg {text-shadow: 1px 1px 0 #000;}
.sbxtDw {text-shadow: 2px 2px 0 #000;}
.sbxtEA {text-shadow: 4px 4px 0 #000;}
.sbxtEQ {text-shadow: 7px 7px 0 #000;}
.sbxtEg {text-shadow: 10px 10px 0 #000;}
.sbxtEw {text-shadow: 15px 15px 0 #000;}

.sbxtFQ {text-shadow: 1px 1px 0 #fff;}
.sbxtFg {text-shadow: 2px 2px 0 #fff;}
.sbxtFw {text-shadow: 4px 4px 0 #fff;}
.sbxtGA {text-shadow: 7px 7px 0 #fff;}
.sbxtGQ {text-shadow: 10px 10px 0 #fff;}
.sbxtGg {text-shadow: 15px 15px 0 #fff;}

.sbxtMw {text-shadow: 1px 1px 0 var(--color-main);}
.sbxtNA {text-shadow: 2px 2px 0 var(--color-main);}
.sbxtNQ {text-shadow: 4px 4px 0 var(--color-main);}
.sbxtNg {text-shadow: 1px 1px 0 var(--color-secondary1);}
.sbxtNw {text-shadow: 2px 2px 0 var(--color-secondary1);}
.sbxtOA {text-shadow: 4px 4px 0 var(--color-secondary1);}
.sbxtOQ {text-shadow: 1px 1px 0 var(--color-textshade1);}
.sbxtOg {text-shadow: 2px 2px 0 var(--color-textshade1);}
.sbxtOw {text-shadow: 4px 4px 0 var(--color-textshade1);}
.sbxtPA {text-shadow: 1px 1px 0 var(--color-background1);}
.sbxtPQ {text-shadow: 2px 2px 0 var(--color-background1);}
.sbxtPg {text-shadow: 4px 4px 0 var(--color-background1);}

.sbxtGw {text-shadow: -1px 1px 0 #000;}
.sbxtHA {text-shadow: -2px 2px 0 #000;}
.sbxtHQ {text-shadow: -4px 4px 0 #000;}
.sbxtHg {text-shadow: -7px 7px 0 #000;}
.sbxtHw {text-shadow: -10px 10px 0 #000;}
.sbxtIA {text-shadow: -15px 15px 0 #000;}

.sbxtIQ {text-shadow: -1px 1px 0 #fff;}
.sbxtIg {text-shadow: -2px 2px 0 #fff;}
.sbxtIw {text-shadow: -4px 4px 0 #fff;}
.sbxtJA {text-shadow: -7px 7px 0 #fff;}
.sbxtJQ {text-shadow: -10px 10px 0 #fff;}
.sbxtJg {text-shadow: -15px 15px 0 #fff;}

.sbxtPw {text-shadow: -1px 1px 0 var(--color-main);}
.sbxtQA {text-shadow: -2px 2px 0 var(--color-main);}
.sbxtQQ {text-shadow: -4px 4px 0 var(--color-main);}
.sbxtQg {text-shadow: -1px 1px 0 var(--color-secondary1);}
.sbxtQw {text-shadow: -2px 2px 0 var(--color-secondary1);}
.sbxtRA {text-shadow: -4px 4px 0 var(--color-secondary1);}
.sbxtRQ {text-shadow: -1px 1px 0 var(--color-textshade1);}
.sbxtRg {text-shadow: -2px 2px 0 var(--color-textshade1);}
.sbxtRw {text-shadow: -4px 4px 0 var(--color-textshade1);}
.sbxtSA {text-shadow: -1px 1px 0 var(--color-background1);}
.sbxtSQ {text-shadow: -2px 2px 0 var(--color-background1);}
.sbxtSg {text-shadow: -4px 4px 0 var(--color-background1);}

.sbxtJw {text-shadow: 0px 0px 1px RGBA(0,0,0,0.75);}
.sbxtKA {text-shadow: 0px 0px 2px RGBA(0,0,0,0.75);}
.sbxtKQ {text-shadow: 0px 0px 4px RGBA(0,0,0,0.75);}
.sbxtKg {text-shadow: 0px 0px 7px RGBA(0,0,0,0.75);}
.sbxtKw {text-shadow: 0px 0px 10px RGBA(0,0,0,0.75);}
.sbxtLA {text-shadow: 0px 0px 15px RGBA(0,0,0,0.75);}

.sbxtLQ {text-shadow: 0px 0px 1px RGBA(255,255,255,0.75);}
.sbxtLg {text-shadow: 0px 0px 2px RGBA(255,255,255,0.75);}
.sbxtLw {text-shadow: 0px 0px 4px RGBA(255,255,255,0.75);}
.sbxtMA {text-shadow: 0px 0px 7px RGBA(255,255,255,0.75);}
.sbxtMQ {text-shadow: 0px 0px 10px RGBA(255,255,255,0.75);}
.sbxtMg {text-shadow: 0px 0px 15px RGBA(255,255,255,0.75);}

.stxtFA {text-shadow: 0px 0px 7px yellow;}
.sbxttg {text-shadow: 0px 0px 15px yellow;}
.sbxtSw {text-shadow: 0px 0px 3px var(--color-main);}
.sbxtTA {text-shadow: 0px 0px 7px var(--color-main);}
.sbxtTQ {text-shadow: 0px 0px 15px var(--color-main);}
.sbxtTg {text-shadow: 0px 0px 3px var(--color-secondary1);}
.sbxtTw {text-shadow: 0px 0px 7px var(--color-secondary1);}
.sbxtUA {text-shadow: 0px 0px 15px var(--color-secondary1);}
.sbxtUQ {text-shadow: 0px 0px 3px var(--color-textshade1);}
.sbxtUg {text-shadow: 0px 0px 7px var(--color-textshade1);}
.sbxtUw {text-shadow: 0px 0px 15px var(--color-textshade1);}
.sbxtVA {text-shadow: 0px 0px 3px var(--color-background1);}
.sbxtVQ {text-shadow: 0px 0px 7px var(--color-background1);}
.sbxtVg {text-shadow: 0px 0px 15px var(--color-background1);}
.sbxtVw {text-shadow: 0px 0px 3px var(--color-attention);}
.sbxtWA {text-shadow: 0px 0px 7px var(--color-attention);}
.sbxtWQ {text-shadow: 0px 0px 15px var(--color-attention);}

/* Slider caption wrapper */
.carousel-caption .caption-wrapper {
	top: 50%;
	transform: translate(0%,-50%);
	position: absolute;
	width: 100%;
}
/* diagonal corner */
.diagonal-box {position: relative;z-index: 0;}
.diagonal-box svg {
	position: absolute;
	box-sizing: border-box;
	/* content: ""; */
}
.diagonal-box svg {z-index: -1;}
.diagonal-box.sbxdc-tl>svg {
	left: 0;
	top: 0;
}
.diagonal-box.sbxdc-tr>svg {
	right: 0;
	top: 0;
}
.diagonal-box.sbxdc-bl>svg {
	left: 0;
	bottom: 0;
}
.diagonal-box.sbxdc-br>svg {
	bottom: 0;
	right: 0;
}