body {
	/*overflow: hidden;*/
	background-color: #eee;
	font-family: "cpn", "akrobatbold";
	background-image: url(../images/bg-cv-980.png);
	background-size: cover;
	background-position: right bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-position: top center;
	/* padding-top: 80px; */
}
body.mobile.vertical {
	background-image: url(../images/bg-cv-mb.png);
	background-size: cover;
}
.magazine-viewport .container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 922px;
	height: 600px;
	margin: auto;
}

.magazine-viewport .magazine {
	width: 922px;
	height: 600px;
	left: -461px;
	top: -300px;
}

.magazine-viewport .page {
	width: 461px;
	height: 600px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.magazine-viewport .zoomer .region {
	display: none;
}

.magazine .region {
	position: absolute;
	overflow: hidden;
	background: #0066ff;
	opacity: 0.05;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
	filter: alpha(opacity=5);
}

.magazine .region:hover {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}

.magazine .region.zoom {
	opacity: 0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.magazine .region.zoom:hover {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.magazine .page {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.magazine-viewport .page img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
}

.magazine .even .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.95, rgba(0, 0, 0, 0)),
		color-stop(1, rgba(0, 0, 0, 0.2))
	);
	background-image: -webkit-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.2) 100%
	);
	background-image: -moz-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.2) 100%
	);
	background-image: -ms-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.2) 100%
	);
	background-image: -o-linear-gradient(
		left,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.2) 100%
	);
	background-image: linear-gradient(
		left,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.2) 100%
	);
}

.magazine .odd .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(0.95, rgba(0, 0, 0, 0)),
		color-stop(1, rgba(0, 0, 0, 0.15))
	);
	background-image: -webkit-linear-gradient(
		right,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.15) 100%
	);
	background-image: -moz-linear-gradient(
		right,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.15) 100%
	);
	background-image: -ms-linear-gradient(
		right,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.15) 100%
	);
	background-image: -o-linear-gradient(
		right,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.15) 100%
	);
	background-image: linear-gradient(
		right,
		rgba(0, 0, 0, 0) 95%,
		rgba(0, 0, 0, 0.15) 100%
	);
}

.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient {
	display: none;
}

.magazine-viewport .loader {
	background-image: url(../images/loader.gif);
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}

.magazine-viewport .shadow {
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.magazine-viewport .next-button,
.magazine-viewport .previous-button {
	width: 80px;
	height: 600px;
	position: absolute;
	opacity: 0.4;
	top: 0;
}
.mobile .magazine-viewport .next-button,
.mobile .magazine-viewport .previous-button {
	width: 60px;
}
.magazine-viewport .next-button.hide,
.magazine-viewport .previous-button.hide {
	display: none;
}
.magazine-viewport .next-button {
	right: -80px;
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-ms-border-radius: 0 15px 15px 0;
	-o-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}
.mobile .magazine-viewport .next-button {
	right: -60px;
}
.magazine-viewport .previous-button {
	left: -80px;
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-ms-border-radius: 15px 0 0 15px;
	-o-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}
.mobile .magazine-viewport .previous-button {
	left: -60px;
}
.magazine-viewport .previous-button-hover,
.magazine-viewport .next-button-hover {
	/*background-color:rgba(0,0,0, 0.2);*/
	opacity: 1;
}

.magazine-viewport .previous-button {
	background-image: url(../images/left-arrow-angle.png);
	/*background-position:-4px 284px;*/
	background-repeat: no-repeat;
	background-size: 75% auto;
	background-position: center;
	cursor: pointer;
}

.magazine-viewport .previous-button-down,
.magazine-viewport .next-button-down {
	/*background-color:rgba(0,0,0, 0.4);*/
	opacity: 1;
}
.magazine-viewport .next-button {
	background-image: url(../images/right-arrow-angle.png);
	/*background-position:-38px 284px;*/
	background-repeat: no-repeat;
	background-size: 75% auto;
	background-position: center;
	cursor: pointer;
}
.mobile .magazine-viewport .next-button,
.magazine-viewport .previous-button {
	background-size: 80% auto;
}

.magazine-viewport .zoom-in .next-button,
.magazine-viewport .zoom-in .previous-button {
	display: none;
}

.animated {
	-webkit-transition: margin-left 0.5s;
	-moz-transition: margin-left 0.5s;
	-ms-transition: margin-left 0.5s;
	-o-transition: margin-left 0.5s;
	transition: margin-left 0.5s;
}

.thumbnails {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140px;
	z-index: 1;
}

.thumbnails > div {
	width: 1050px;
	height: 100px;
	margin: 20px auto;
}

.thumbnails ul {
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-transform: scale3d(0.5, 0.5, 1);
	-moz-transform: scale3d(0.5, 0.5, 1);
	-o-transform: scale3d(0.5, 0.5, 1);
	-ms-transform: scale3d(0.5, 0.5, 1);
	transform: scale3d(0.5, 0.5, 1);
	-webkit-transition: -webkit-transform ease-in-out 100ms;
	-moz-transition: -moz-transform ease-in-out 100ms;
	-ms-transition: -ms-transform ease-in-out 100ms;
	-o-transition: -o-transform ease-in-out 100ms;
	transition: transform ease-in-out 100ms;
}

.thumbanils-touch ul {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.thumbnails-hover ul {
	-webkit-transform: scale3d(0.6, 0.6, 1);
	-moz-transform: scale3d(0.6, 0.6, 1);
	-o-transform: scale3d(0.6, 0.6, 1);
	-ms-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
}

.thumbnails li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	-ms-box-shadow: 0 0 10px #ccc;
	-o-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	-webkit-transition: -webkit-transform 60ms;
	-moz-transition: -webkit-transform 60ms;
	-o-transition: -webkit-transform 60ms;
	-ms-transition: -webkit-transform 60ms;
	transition: -webkit-transform 60ms;
}

.thumbnails li span {
	display: none;
}

.thumbnails .current {
	-webkit-box-shadow: 0 0 10px red;
	-moz-box-shadow: 0 0 10px red;
	-ms-box-shadow: 0 0 10px red;
	-o-box-shadow: 0 0 10px red;
	box-shadow: 0 0 10px red;
}

.thumbnails .thumb-hover {
	-webkit-transform: scale3d(1.3, 1.3, 1);
	-moz-transform: scale3d(1.3, 1.3, 1);
	-o-transform: scale3d(1.3, 1.3, 1);
	-ms-transform: scale3d(1.3, 1.3, 1);
	transform: scale3d(1.3, 1.3, 1);

	-webkit-box-shadow: 0 0 10px #666;
	-moz-box-shadow: 0 0 10px #666;
	-ms-box-shadow: 0 0 10px #666;
	-o-box-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
}

.thumbanils-touch .thumb-hover {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.thumbnails .thumb-hover span {
	position: absolute;
	bottom: -30px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 30px;
	font: bold 15px arial;
	line-height: 30px;
	color: #666;
	display: block;
	cursor: default;
}

.thumbnails img {
	float: left;
}

.exit-message {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 10000;
}

.exit-message > div {
	width: 140px;
	height: 30px;
	margin: auto;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	font: 12px arial;
	line-height: 30px;
	color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.zoom-icon {
	position: absolute;
	z-index: 1000;
	width: 22px;
	height: 22px;
	top: 10px;
	right: 10px;
	background-image: url(../images/zoom-icons-pink.png);
	background-size: 88px 22px;
}

.zoom-icon-in {
	background-position: 0 0;
	cursor: pointer;
}

.zoom-icon-in.zoom-icon-in-hover {
	background-position: -22px 0;
	cursor: pointer;
}

.zoom-icon-out {
	background-position: -44px 0;
}

.zoom-icon-out.zoom-icon-out-hover {
	background-position: -66px 0;
	cursor: pointer;
}

.bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.magazine.shadow.animated {
	overflow: visible !important;
}

.mobile.horizon .control.hide {
	right: -100px;
	transition: right 700ms;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.magazine-viewport .page {
	background: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(0.95, #edf0f1),
		color-stop(1, #d3d3d3)
	);
	background-image: -webkit-linear-gradient(right, #edf0f1 0%, #d3d3d3 100%);
	background-image: -moz-linear-gradient(right, #edf0f1 0%, #d3d3d3 100%);
	background-image: -ms-linear-gradient(right, #edf0f1 0%, #d3d3d3 100%);
	background-image: -o-linear-gradient(right, #edf0f1 0%, #d3d3d3 100%);
	background-image: linear-gradient(right, #edf0f1 0%, #d3d3d3 100%);
}
.logo.ais {
	background-image: url(../images/logo_AIS.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	z-index: 60;
	left: 15px;
	top: 15px;
	width: 110px;
	height: 43px;
}
.mobile .logo.ais {
	display: none;
}
@media screen and (max-width: 1010px) {
	.logo.ais {
		display: none;
	}
}
/*
.mobile.vertical .next-button, .mobile.vertical .previous-button{
	display: none;
}
*/
.next-button.hide,
.previous-button.hide {
	display: none;
}
.control {
	width: 100%;
	height: 80px;
	background-color: #fcfbe7;
	text-align: center;
}
.holder {
	width: 100%;
	margin: auto;
	height: 100%;
}
.desktop .holder {
	max-width: 1062px;
	margin: auto;
	height: 100%;
}
.tablet.vertical .control {
	height: 120px;
}
.tablet.horizon .control {
	height: 80px;
}
.mobile.vertical .control {
	height: 160px;
}
.mobile.horizon .control {
	height: 60px;
}

.control .icon {
	background-position: center 30%;
	background-repeat: no-repeat;
	background-size: auto 35%;
	display: inline-block;
	width: 15%;
	height: 100%;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1;
	color: #231f20;
	cursor: pointer;
}
.control .holder .test {
	display: flex;
}
.desktop .control .icon {
	/*max-width: 60px;*/
}
.tablet .control .icon {
	font-size: 1.5rem;
}
.tablet.horizon .control .icon {
	font-size: 1.2rem;
}
.mobile .control .icon {
	font-size: 2.2rem;
}
.mobile.horizon .control .icon {
	font-size: 1.4rem;
}
.control .icon b {
	display: block;
	height: 40%;
}
@media only screen and (max-width: 768px) {
	.control .icon b {
		height: 65%;
	}
}
.control .icon .text {
	padding-left: 20%;
}
.control .icon.zoom {
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.zoom:hover {
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.zoom.in {
	background-image: url(../images/zoom-in-pink.png);
	background-repeat: no-repeat;
	background-position-x: 25%;
	background-position-y: center;
}
.control .icon.zoom.out {
	background-image: url(../images/zoom-out-pink.png);
	background-repeat: no-repeat;
	background-position-x: 25%;
	background-position-y: center;
}
.control .icon.next {
	background-image: url(../images/arrow-ex-right.png);
	background-repeat: no-repeat;
	background-position-x: 25%;
	background-position-y: center;
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.next:hover {
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.back {
	background-image: url(../images/arrow-ex-left.png);
	background-color: #007d64;
	transition-duration: 0.2s;
	background-repeat: no-repeat;
	background-position-x: 25%;
	background-position-y: center;
}
.control .icon.back:hover {
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.page {
	font-size: 2.5rem;
	line-height: 1.5;
	width: 25%;
	color: #fff;
	text-align: center;
	background-color: #007d64;
	pointer-events: none;
}
.desktop .control .icon.page {
	font-size: 1.4rem;
	line-height: 2.5;
	max-width: 120px;
}
.mobile .control .icon.page {
	font-size: 3.5rem;
	line-height: 3.2;
}
.mobile.horizon .control .icon.page {
	font-size: 2.5rem;
	line-height: 2.5;
}

.tablet .control .icon.page {
	font-size: 2.8rem;
	line-height: 2.6;
}
.tablet.horizon .control .icon.page {
	font-size: 2rem;
	line-height: 2.5;
}

.control .icon.thumb {
	background-image: url(../images/grid-pink.png);
	background-color: #007d64;
	transition-duration: 0.2s;
	background-repeat: no-repeat;
	background-position-x: 25%;
	background-position-y: center;
}
.control .icon.thumb:hover {
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.share {
	background-image: url(../images/share-pink.png);
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.share:hover {
	background-color: #007d64;
	transition-duration: 0.2s;
}
.control .icon.hide {
	opacity: 0.2;
	pointer-events: none;
}
.control .real.hide {
	opacity: 0.2;
	pointer-events: none;
}
.cover-thumb {
	position: fixed;
	z-index: 83;
	width: 100%;
	bottom: -400px;
	background-color: #f4f4f4;
	opacity: 0;
	transition-duration: 0.5s;
}
.cover-thumb.active {
	bottom: 0;
	opacity: 1;
	transition-duration: 0.3s;
}
.cover-thumb .swiper-thumb {
	padding: 30px 20px;
}
.mobile.vertical .cover-thumb .swiper-thumb {
	padding: 60px 40px;
}
.cover-thumb .swiper-slide {
	cursor: pointer;
}
.cover-thumb .swiper-slide.s {
	/*padding-right: 10px;*/
}
.cover-thumb .icon.close {
	width: 50px;
	height: 50px;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	position: absolute;
	background-color: #fff;
	border-radius: 999px;
	z-index: 84;
	cursor: pointer;
	transition-duration: 0.3s;
}
.cover-thumb .icon.close:hover {
	zoom: 1.2;
	-moz-transform: scale(1.2);
	transition-duration: 0.2s;
}
.mobile.vertical .cover-thumb .icon.close {
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
}
.page-link {
	position: absolute;
	background-color: #23854f;
	opacity: 0.1;
	z-index: auto;
	cursor: pointer;
}
.page-link:hover {
	opacity: 0.4;
}

.popup {
	width: 90%;
	max-width: 300px;
	padding-bottom: 20px;
	left: 50%;
	margin-left: -150px;
	top: -100%;
	margin-top: -120px;
	background-color: #fff;
	position: fixed;
	z-index: 62;
	border-radius: 6px;
	text-align: center;
	transition-duration: 0.5s;
}
.popup.active {
	top: 48%;
	transition-duration: 0.4s;
}
.popup .txt {
	padding: 5px 0 10px;
}
.tablet.vertical .popup {
	zoom: 2;
	-moz-transform: scale(2);
}
.mobile.vertical .popup {
	zoom: 2.5;
	-moz-transform: scale(2.5);
}
.tablet.horizon .popup,
.mobile.horizon .popup {
	zoom: 1.3;
	-moz-transform: scale(1.3);
}

@media screen and (max-width: 450px) {
	.popup {
		margin-left: -45%;
	}
}
.fader {
	width: 100%;
	height: 0%;
	background-color: #000;
	opacity: 0.7;
	position: fixed;
	z-index: 61;
	transition: height 0s;
	transition: opacity 0.3s;
	opacity: 0;
}
.fader.active {
	height: 100%;
	opacity: 0.7;
	transition: height 0s;
	transition: opacity 0.3s;
}
.popup b {
	font-weight: normal;
	display: block;
	padding-top: 20px;
	font-size: 1.5rem;
}
.popup .url {
	display: none;
	padding: 10px 0;
}
.popup .url #url-output {
	font-family: "cpn", "akrobatbold";
	font-size: 20px;
	width: 86%;
	padding: 5px;
}

.popup .social {
	width: 100%;
	height: 50px;
}

.mobile .popup .social {
	height: 60px;
}

.popup bt {
	width: 20%;
	min-width: 50px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-size: auto 70%;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.5;
}

.popup .close {
	width: 40px;
	height: 40px;
	background-image: url(../images/close.png);
	background-size: 40%;
	position: absolute;
	right: 0;
}
.popup bt:hover {
	opacity: 1;
}

.popup-vdo {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	z-index: 70;
	text-align: center;
	vertical-align: middle;
	display: none;
}
.popup-fader {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	z-index: auto;
	background-color: rgba(0, 0, 0, 0.7);
}
.popup-vdo.show {
	display: flex !important;
}

.popup-vdo .close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	cursor: pointer;
	border-radius: 99px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}
.popup-vdo .close:hover {
	background-color: #2274a5;
}
.mobile .popup-vdo .close {
	width: 100px;
	height: 100px;
}
.mobile.horizon .popup-vdo .close {
	width: 50px;
	height: 50px;
}
.tablet .popup-vdo .close {
	width: 70px;
	height: 70px;
}
.tablet.horizon .popup-vdo .close {
	width: 50px;
	height: 50px;
}
.popup-vdo #popup_container {
	margin: auto;
	position: relative;
	padding: 20px;
	width: 100%;
}
.popup-vdo #popup_container.vdo {
	max-inline-size: 894px;
}
.popup-vdo #popup_container iframe {
	width: 100%;
}

.swiper-thumb .swiper-slide {
	/*border: 8px solid #f4f4f4;*/
	opacity: 0.6;
	background-color: #f4f4f4;
	transition-duration: 0.2s;
}
.swiper-thumb .swiper-slide.active {
	/*border: 8px solid #b8cd4a;*/
	background-color: #007d64;
	opacity: 1;
	transition-duration: 0.2s;
}
.swiper-thumb .swiper-slide img {
	width: 88%;
	margin: 6% 6%;
}
/* ---------------------------------- */
.control2 {
	background-color: #fcfbe7;
}
.control_wraper {
	max-width: 1062px;
	width: 100%;
	margin: 0 auto;
	padding: 16px 0;
}
.box_control {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
}

.box_control .page {
	font-size: 1.5em;
	font-weight: bold;
	color: #231f20;
}
.control .new {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.control_wraper .box_control .icon {
	background: none;
}
.control_wraper .box_control .item_control .box_img {
	width: 3em;
	height: 3em;
}

.control_wraper .box_control .item_control .box_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.control_wraper .box_control .item_control .title {
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	color: #231f20;
}

.mobile .vertical .control .new .control_wraper .box_control .item_control {
	display: block;
}
.item_control {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5%;
	width: 15%;
	cursor: pointer;
	/* flex-direction: column; */
}
.mobile .control .title {
	font-size: 1.4rem;
}
.item_control:hover .box_img .arrow {
	display: none;
}
.item_control:hover .box_img .hover {
	display: block;
}
.item_control .box_img .hover {
	display: none;
}
.real.page.noselect br {
	display: none;
}
.mobile.vertical .real.page.noselect br {
	display: block;
}
.mobile.vertical .control_wraper .box_control .item_control .title {
	display: none;
}
.mobile.vertical .box_control .page {
	font-size: 2.5em;
}
.mobile.vertical .control_wraper .box_control .item_control .box_img {
	width: 6rem;
	height: 6rem;
}
.mobile.vertical .breadcrumb-cp .wrap-bread {
	padding: 2rem;
}
.mobile.vertical .breadcrumb-cp .wrap-bread .item a {
	font-size: 3rem;
}
.mobile.vertical .breadcrumb-cp .wrap-bread .item svg {
	width: 3rem;
	height: 3rem;
}
/* body {
	box-sizing: border-box;
	height: 100%;
	min-height: 100vh;
	position: relative;
} */

html {
	position: relative;
	min-height: 100vh;
}
.section_book {
	position: fixed;
	bottom: 0%;
}