.MagSilder_bodySection {
	/*min-height: 800px;*/
	width: 100%;
}

.MagSilder_bodySection .magazine-background:is([data-layout="default"], [data-layout="wide"]) {
	min-height: 600px;
}

.MagSilder_bodySection .magazine-background:is([data-layout="large"]) {
	min-height: 800px;
}


.MagSilder_bodySection .magazine_page a,
.MagSilder_bodySection .magazine_page img,
#previewOverlay .my-page a,
#previewOverlay .my-page img {
	width: 100%;
	height: 100%;
}


.MagSilder_bodySection .magazine-background {
	width: 100%;
	height: 100%;
	position: relative;
}

.MagSilder_bodySection .magazine-background,
#previewOverlay .previewOverlay_ctn {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*.MagSilder_bodySection .main-magazine,*/
.MagSilder_bodySection .main-magazine-ctn,
#previewOverlay .main-book {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.magz_preview_main .magz_preview_ctn {
	width: 80%;
	height: 80%;
}

.MagSilder_bodySection .magazineBtn,
#previewOverlay .magazineBtn {
	position: absolute;
}


.MagSilder_bodySection .main-magazine-ctn,
#previewOverlay .main-book {
	border-style: solid;
	border-width: 10px 20px;
	border-image: url(/webmodules/magslider/res/border/border.png) 20 stretch;
}

@media (max-width: 800px) {
	.MagSilder_bodySection .main-magazine-ctn {
		border-style: solid;
		border-width: 10px 10px 10px 0px;
		border-image: url(/webmodules/magslider/res/border/border-mobile.png) 20 stretch;
	}
}

/*################  Number Frame  #####################*/

.MagSilder_bodySection .magazine_page svg,
#previewOverlay .my-page svg {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
}

#previewOverlay .previewOverlay_ctn .page_num .num_text,
.MagSilder_bodySection .magazine-background .page_num .num_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

#previewOverlay .previewOverlay_ctn .page_num,
.MagSilder_bodySection .magazine-background .page_num {
	position: absolute;
	bottom: 0%;
}

#previewOverlay .previewOverlay_ctn[data-frame="none"] .page_num,
.MagSilder_bodySection .magazine-background[data-frame="none"] .page_num {
	width: 25px;
	height: 25px;
}

#previewOverlay .previewOverlay_ctn[data-num="outer"] .page_num.num_one,
#previewOverlay .previewOverlay_ctn[data-num="inner"] .page_num.num_two,
.MagSilder_bodySection .magazine-background[data-num="outer"] .page_num.num_one,
.MagSilder_bodySection .magazine-background[data-num="inner"] .page_num.num_two {
	left: 0%;
}

#previewOverlay .previewOverlay_ctn[data-num="inner"] .page_num.num_one,
#previewOverlay .previewOverlay_ctn[data-num="outer"] .page_num.num_two,
.MagSilder_bodySection .magazine-background[data-num="inner"] .page_num.num_one,
.MagSilder_bodySection .magazine-background[data-num="outer"] .page_num.num_two {
	right: 0%;
}

#previewOverlay .previewOverlay_ctn[data-frame="none"][data-num="outer"] .page_num.num_one,
#previewOverlay .previewOverlay_ctn[data-frame="none"][data-num="inner"] .page_num.num_two,
.MagSilder_bodySection .magazine-background[data-frame="none"][data-num="outer"] .page_num.num_one,
.MagSilder_bodySection .magazine-background[data-frame="none"][data-num="inner"] .page_num.num_two {
	left: 3%;
	bottom: 0%;
}

#previewOverlay .previewOverlay_ctn[data-frame="none"][data-num="inner"] .page_num.num_one,
#previewOverlay .previewOverlay_ctn[data-frame="none"][data-num="outer"] .page_num.num_two,
.MagSilder_bodySection .magazine-background[data-frame="none"][data-num="inner"] .page_num.num_one,
.MagSilder_bodySection .magazine-background[data-frame="none"][data-num="outer"] .page_num.num_two {
	right: 3%;
	bottom: 0%;
}

/*################  Background Image  #####################*/


#previewOverlay .previewOverlay_ctn[data-backimg="none"] {
	background: white;
}

.MagSilder_bodySection .magazine-background[data-backimg="bluemarble"],
#previewOverlay .previewOverlay_ctn[data-backimg="bluemarble"] {
	background-image: url('/webmodules/MagSlider/res/background images/bluemarble.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="cobble"],
#previewOverlay .previewOverlay_ctn[data-backimg="cobble"] {
	background-image: url('/webmodules/MagSlider/res/background images/cobble.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="darksand"],
#previewOverlay .previewOverlay_ctn[data-backimg="darksand"] {
	background-image: url('/webmodules/MagSlider/res/background images/darksand.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="leaf1"],
#previewOverlay .previewOverlay_ctn[data-backimg="leaf1"] {
	background-image: url('/webmodules/MagSlider/res/background images/leaf1.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="leaf2"],
#previewOverlay .previewOverlay_ctn[data-backimg="leaf2"] {
	background-image: url('/webmodules/MagSlider/res/background images/leaf2.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="marble1"],
#previewOverlay .previewOverlay_ctn[data-backimg="marble1"] {
	background-image: url('/webmodules/MagSlider/res/background images/marble.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="lightwood"],
#previewOverlay .previewOverlay_ctn[data-backimg="lightwood"] {
	background-image: url('/webmodules/MagSlider/res/background images/lightwood.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="wood"],
#previewOverlay .previewOverlay_ctn[data-backimg="wood"] {
	background-image: url('/webmodules/MagSlider/res/background images/wood.jpg')
}

.MagSilder_bodySection .magazine-background[data-backimg="nature"],
#previewOverlay .previewOverlay_ctn[data-backimg="nature"] {
	background-image: url('/webmodules/MagSlider/res/background images/nature.jpg')
}


/*################  Button Layout   #####################*/

.previewOverlay_ctn .magazineBtn,
.magazine-background .magazineBtn {
	box-sizing: content-box;
}


/* Round */

.previewOverlay_ctn[data-btn="default"] .magazineBtn,
.magazine-background[data-btn="default"] .magazineBtn {
	border: 0px;
	border-radius: 50% !important;
	padding: 4px;
	width: 25px;
	height: 25px;
	top: calc(45%);
}

.previewOverlay_ctn[data-btn="default"] .magazineBtn i.center_i,
.magazine-background[data-btn="default"] .magazineBtn i.center_i {
	font-size: 35px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.previewOverlay_ctn[data-btn="default"] .magazineBtn.next,
.magazine-background[data-btn="default"] .magazineBtn.next {
	/*left: 102%*/
	right: calc(-5% - 45px);
}

.previewOverlay_ctn[data-btn="default"] .magazineBtn.prev,
.magazine-background[data-btn="default"] .magazineBtn.prev {
	left: calc(-5% - 45px);
}

.previewOverlay_ctn[data-layout="wide"][data-btn="default"] .magazineBtn.prev,
.magazine-background[data-layout="wide"][data-btn="default"] .magazineBtn.prev {
	left: calc(-2% - 50px);
}

.previewOverlay_ctn[data-layout="wide"][data-btn="default"] .magazineBtn.next,
.magazine-background[data-layout="wide"][data-btn="default"] .magazineBtn.next {
	right: calc(-2% - 50px);
}

@media (max-width: 800px) {

	.magazine-background[data-btn="default"] .magazineBtn.prev {
		left: calc(-5% - 20px);
	}

	.magazine-background[data-btn="default"] .magazineBtn.next {
		right: calc(-5% - 30px);
	}

	.magazine-background[data-btn="default"] .magazineBtn {
		width: 10px;
		height: 10px;
	}

	.magazine-background[data-btn="default"] .magazineBtn i.center_i {
		font-size: calc(100% - 4px);
	}
}


/* SideTab */
.previewOverlay_ctn[data-btn="side"] .magazineBtn,
.magazine-background[data-btn="side"] .magazineBtn {
	top: 0%;
	height: 80px;
	width: 20px;
}

.previewOverlay_ctn[data-btn="side"] .magazineBtn.prev,
.magazine-background[data-btn="side"] .magazineBtn.prev {
	border-radius: 20px 0px 0px 20px !important;
	left: calc(0% - 52px);
}

.previewOverlay_ctn[data-btn="side"] .magazineBtn.next,
.magazine-background[data-btn="side"] .magazineBtn.next {
	border-radius: 0px 20px 20px 0px !important;
	right: calc(0% - 55px);
}

.previewOverlay_ctn[data-btn="side"] .magazineBtn.prev .btn_text,
.magazine-background[data-btn="side"] .magazineBtn.prev .btn_text {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.previewOverlay_ctn[data-btn="side"] .magazineBtn.next .btn_text,
.magazine-background[data-btn="side"] .magazineBtn.next .btn_text {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media (max-width: 800px) {
	.magazine-background[data-btn="side"] .magazineBtn {
		height: 40px;
		width: 10px;
	}

	.magazine-background[data-btn="side"] .magazineBtn .btn_text {
		font-size: calc(100% - 4px);
	}

	.magazine-background[data-btn="side"] .magazineBtn.next {
		border-radius: 0px 10px 10px 0px !important;
		right: calc(0% - 35px);
	}

	.magazine-background[data-btn="side"] .magazineBtn.prev {
		border-radius: 10px 0px 0px 10px !important;
		left: calc(0% - 25px);
	}

	.previewOverlay_ctn[data-btn="side"] .magazineBtn.next .btn_text,
	.magazine-background[data-btn="side"] .magazineBtn.next .btn_text {
		-webkit-transform: rotate(-90deg) translateX(-30%);
		-moz-transform: rotate(-90deg) translateX(-30%);
		-o-transform: rotate(-90deg) translateX(-30%);
		-ms-transform: rotate(-90deg) translateX(-30%);
		transform: rotate(-90deg) translateX(-30%);
	}

	.previewOverlay_ctn[data-btn="side"] .magazineBtn.prev .btn_text,
	.magazine-background[data-btn="side"] .magazineBtn.prev .btn_text {
		-webkit-transform: rotate(90deg) translateX(-30%);
		-moz-transform: rotate(90deg) translateX(-30%);
		-o-transform: rotate(90deg) translateX(-30%);
		-ms-transform: rotate(90deg) translateX(-30%);
		transform: rotate(90deg) translateX(-30%);
	}
}


/* TopTab */

.previewOverlay_ctn[data-btn="toptab"] .magazineBtn,
.magazine-background[data-btn="toptab"] .magazineBtn {
	border-radius: 20px 20px 0 0 !important;
	top: -38px;
	min-width: 75px;
	min-height: 23px;
}

.previewOverlay_ctn[data-btn="toptab"] .magazineBtn.prev,
.magazine-background[data-btn="toptab"] .magazineBtn.prev {
	left: 2%;
}

.previewOverlay_ctn[data-btn="toptab"] .magazineBtn.next,
.magazine-background[data-btn="toptab"] .magazineBtn.next {
	right: 2%;
}

@media (max-width: 800px) {
	.magazine-background[data-btn="toptab"] .magazineBtn {
		border-radius: 15px 15px 0 0 !important;
		top: -30px;
		min-width: 40px;
		min-height: 15px;
	}

	.magazine-background[data-btn="toptab"] .magazineBtn .btn_text {
		font-size: calc(100% - 4px);
	}
}


/* Bottom */

.previewOverlay_ctn[data-btn="bottom"] .magazineBtn,
.magazine-background[data-btn="bottom"] .magazineBtn {
	border-radius: 0px 0px 20px 20px !important;
	/*padding: 5px 30px;*/
	bottom: -37px;
	width: 60px;
	height: 20px;
}

.previewOverlay_ctn[data-btn="bottom"] .magazineBtn.prev,
.magazine-background[data-btn="bottom"] .magazineBtn.prev {
	left: 0%;
}

.previewOverlay_ctn[data-btn="bottom"] .magazineBtn.next,
.magazine-background[data-btn="bottom"] .magazineBtn.next {
	right: 0%;
}

@media (max-width: 800px) {
	.magazine-background[data-btn="bottom"] .magazineBtn {
		border-radius: 0px 0px 15px 15px !important;
		bottom: -31px;
		width: 35px;
		height: 15px;
	}

	.magazine-background[data-btn="bottom"] .magazineBtn .btn_text {
		font-size: calc(100% - 4px);
	}
}


/* TopCenterFloat */

.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn,
.magazine-background[data-btn="topcenterfloat"] .magazineBtn {
	border-radius: 7px;
	/*padding: 5px 35px;*/
	top: -55px;
	width: 60px;
	height: 20px;
}

.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn.prev,
.magazine-background[data-btn="topcenterfloat"] .magazineBtn.prev {
	left: 30%;
}

.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn.next,
.magazine-background[data-btn="topcenterfloat"] .magazineBtn.next {
	right: 30%;
}

@media (max-width: 1100px) {


	.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn.prev,
	.magazine-background[data-btn="topcenterfloat"] .magazineBtn.prev {
		left: 40%;
	}

	.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn.next,
	.magazine-background[data-btn="topcenterfloat"] .magazineBtn.next {
		right: 40%;
	}
}

@media (max-width: 800px) {
	.magazine-background[data-btn="topcenterfloat"] .magazineBtn {
		top: -45px;
		width: 35px;
		height: 15px;
	}


	.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn.prev,
	.magazine-background[data-btn="topcenterfloat"] .magazineBtn.prev {
		left: 0%;
	}

	.previewOverlay_ctn[data-btn="topcenterfloat"] .magazineBtn.next,
	.magazine-background[data-btn="topcenterfloat"] .magazineBtn.next {
		right: 0%;
	}
}


/* TopCenter */

.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn,
.magazine-background[data-btn="topcenter"] .magazineBtn {
	border-radius: 7px 7px 0 0 !important;
	top: -35px;
	width: 60px;
	height: 20px;
}

.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn.prev,
.magazine-background[data-btn="topcenter"] .magazineBtn.prev {
	left: 30%;
}

.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn.next,
.magazine-background[data-btn="topcenter"] .magazineBtn.next {
	right: 30%;
}

@media (max-width: 1100px) {

	.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn.prev,
	.magazine-background[data-btn="topcenter"] .magazineBtn.prev {
		left: 25%;
	}

	.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn.next,
	.magazine-background[data-btn="topcenter"] .magazineBtn.next {
		right: 25%;
	}
}

@media (max-width: 800px) {
	.magazine-background[data-btn="topcenter"] .magazineBtn {
		border-radius: 3px 3px 0 0;
		width: 35px;
		height: 15px;
		top: -30px
	}

	.magazine-background[data-btn="topcenter"] .magazineBtn .btn_text {
		font-size: calc(100% - 4px);
	}

	.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn.prev,
	.magazine-background[data-btn="topcenter"] .magazineBtn.prev {
		left: 5%;
	}

	.previewOverlay_ctn[data-btn="topcenter"] .magazineBtn.next,
	.magazine-background[data-btn="topcenter"] .magazineBtn.next {
		right: 5%;
	}
}


/* Mobile devices */

.MagSilder_bodySection .mag_message {
	display: none;
	max-width: 270px;
	/*max-height: 40px;*/
	background-color: FFFFFF;
	color: 000000;
	border-radius: 8px;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}