html {
	height:100%;
	width:100%;
}

bolder { font-weight: bolder; }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Roboto-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf) format('truetype');
}

/* font-family: "icons"; */
@font-face {
	font-family: icons;
	src: url(../fonts/icons.ttf) format("truetype");
	font-style: normal;
	font-weight: normal;
}

body {
	-webkit-touch-callout: none;				/* prevent callout to copy image, etc when tap to hold */
	text-size-adjust: none;	
	-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
	user-select: none;
	-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
	background-color:#F0F0F0;
	background-image:gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E4E4E4),
		color-stop(0.51, #F0F0F0)
	);
	background-attachment:fixed;
	font-family: 'Roboto';
	font-size:5.0vmin;
	height:100%;
	margin:0;
	padding:0;
	!text-transform:uppercase;
	width:100%;
}

#index{
	display: flex;
    flex-direction: column;
}

.app_erudit_menu a {
	cursor: pointer;
	font-size: 130%; 
	color: #707070; 
	text-shadow: 0.5vmin 0.5vmin white;
}

.app_erudit_menu {
	font-size: 120%; 
	display: flex; 
	flex-direction: column; 
	padding-top: 2rem; 
	justify-content: space-around;
	padding-bottom: 2rem;
	flex: 1;
	align-items: center;
}

.app_erudit_img_cell{
	display: flex; 
	flex: 1;
	align-items: flex-end;;
	justify-content: space-around;
	position: relative;
}

@media all and (orientation:portrait) {
	
	.app_erudit_img_cell{
		background: url(../img/logo.png) no-repeat center bottom;
		background-size: auto 85%;
	}
	
	@media screen and (device-aspect-ratio: 3/4) {
		.app_erudit_img_big, .app_erudit_img_small {
			width1: 60%;
		}
		
		.app_erudit_img_cell {
			height1: 48%; 
		}
		
		.app_erudit_menu {
			height1: 52%;
		}
		
		.app_erudit_menu a {
			font-size: 120%;
		}
	}
}

@media all and (orientation:landscape) {
	
	#index{
		flex-direction: row;
	}
	
	.app_erudit_img_cell{
		background:url(../img/logo.png) no-repeat 70% center;
		background-size: 80% auto;
	}
	
	.app_erudit_menu{
		align-items: flex-start;
	}
	
	@media screen and (device-aspect-ratio: 4/3) {
		.app_erudit_menu {
			padding-top: 10rem;
			padding-bottom: 10rem;
		}
		.app_erudit_menu a {
			font-size: 120%;
		}
	}
}

.p2 {
    margin-top: 0em; /* Отступ сверху */
	margin-bottom: 0em; /* Отступ снизу */
}

a {
	text-decoration: none;
	color: #4f7faf;
}

a:visited {
	color: #4f7faf;
}

h1 {
    font-size: 150%;
    font-weight: normal;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: center;
}

hr {
	margin: 0.5vmin 0 0.5vmin 0;
	border-width: 0.5vmin;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}

.swiper-pagination-bullet {
	width: 3em;
	height: 3em;
	text-align: center;
	line-height: 3em;
	font-size: 100%;
	color: #000;
	opacity: 1;
	background: rgba(0,0,0,0.1);
}

.swiper-pagination-bullet-active {
	color: #fff;
	background: #007aff;
	background: rgba(0,0,0,0.3);
}
	
.b-popup{
	width: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,0.8);
	overflow: hidden;
	position: fixed;
	top: 0;
	display: none;
	z-index: 1000;
}

.b-popup-content{
	position: fixed;
	left: 5%;
	top: 45%;
	margin-top: 0;
	width: 85%;
	height: auto;
	padding: 2.5%;
	background-color: #c5c5c5;
	border-radius: 1.25vmin;
	box-shadow: 0 0 2.5vmin #000;
	
}	

.popup-load {
	position: fixed;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
	display: none;
	background-image: url(../img/loading-new.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}	

.shadow {
    -webkit-filter: drop-shadow( -0.25vmin -0.5vmin 0.5vmin #fff) drop-shadow( 0.25vmin 0.25vmin 0.5vmin #fff) drop-shadow( -0.25vmin 0.25vmin 0.5vmin #fff) drop-shadow( 0.25vmin -0.25vmin 0.5vmin #fff);
}

#arrow {
	display: none; 
	font-size: 100%; 
	position: fixed; 
	bottom: 3.75vmin; 
	right: 3.75vmin; 
	text-shadow: white 0.25vmin 0, white 0.25vmin 0.25vmin, white 0 0.25vmin, white -0.25vmin 0.25vmin, white -0.25vmin 0, white -0.25vmin -0.25vmin, white 0 -0.25vmin, white 0.25vmin -0.25vmin, white 0 0 0.75vmin, white 0 0 0.75vmin, white 0 0 0.75vmin, white 0 0 0.75vmin, white 0 0 0.75vmin, white 0 0 0.75vmin, white 0 0 0.75vmin, white 0 0 0.75vmin;
}

.portrait-up .iphonex1 {
	padding-left: 2.5vmin; 
	padding-right: 2.5vmin; 
}

.portrait-down .iphonex1 { 
	padding-left: 2.5vmin; 
	padding-right: 2.5vmin; 
}

.landscape-left .iphonex1 { 
	padding-left: 2.5vmin; 
	padding-left: max(2.5vmin, env(safe-area-inset-left)); 
	padding-right: 2.5vmin;
}

.landscape-right .iphonex1 { 
	padding-right: 2.5vmin; 
	padding-right: max(2.5vmin, env(safe-area-inset-right)); 
	padding-left: 2.5vmin;
}

.portrait-up .iphonex2, .landscape-left .iphonex2, .landscape-right .iphonex2 { 
	padding-bottom: 0; 
	padding-bottom: calc( env(safe-area-inset-bottom) / 2.5 );
}