*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
	height: 100%;
	width: 100vw;
	/* margin-left: 5px; */
    margin-right: 5px;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/* overflow-x: hidden; */
	background-image:url('../img/black-felt.png');
	background-color: #fff;
	background-attachment: fixed;
	/* Стилизация скрола */
	scrollbar-color: #458245 #3E3D3B;     /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width:thin; /* auto | thin | none;  */

    /* ************** */
}



input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}



@font-face {
	font-family: MonotypeCorsiv;
	src: url('../fonts/8209.ttf');
	font-weight: normal;
	font-style:normal; 
}

@font-face {
	font-family: HelveticaNeueCyr-Roman;
	src: url('../fonts/HelveticaNeueCyr-Roman.ttf');
	font-weight: normal;
	font-style:normal; 
}

@font-face {
	font-family:Tahoma;
	src: url('../fonts/ofont.ru_Tahoma.ttf');
	font-weight: normal;
	font-style:normal; 
}

@font-face {
	font-family:homePage;
	src: url('../fonts/20179.ttf');
	font-weight: normal;
	font-style:normal; 
}

@font-face {
	font-family:rukop_rus;
	src: url('../fonts/19844.otf');
	font-weight: normal;
	font-style:normal; 
}

@font-face {
	font-family:rukop;
	src: url('../fonts/18459.ttf');
	font-weight: normal;
	font-style:normal; 
}




header{
	width: 100vw;

}

nav{
width: 100vw;

display: -webkit-box;

display: -ms-flexbox;

display: flex;
/* margin-left: -10px; */
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
height: 50px;
background-color: #000;
box-shadow: -4px 11px 2px -4px rgba(15, 43, 64, 0.61);
position:fixed;
top: 0;
z-index: 7;
}





.nav-img {
	height: 50px;
	-webkit-transition: box-shadow 1s;
	transition: box-shadow 1s;
}


.nav_africo a,

.nav_austral a,
.nav_taun a, .nav_samerico_vert a,
.nav_namerico_vert a,
.nav_americo_vert a,
.nav_africo_vert a,
.nav_evraz_vert a,
.nav_austral_vert a,
.nav_taun_vert a, .nav_americo, .nav_evraz, .globe-container-nav{
	color: #fff;
	font: 16px Tahoma ;
	-webkit-transition: box-shadow 1s;
	transition: box-shadow 1s;
	cursor: pointer;

}



.nav_africo a:hover,

.nav_austral a:hover,
.nav_taun a:hover, .nav-img:hover, .nav_americo:hover, .nav_evraz:hover{
box-shadow: 0px -2px 22px 15px rgba(134, 255, 132, 0.74);
background-color: rgba(134, 255, 132, 0.74);
-webkit-transition: box-shadow 1s;
transition: all 1s;

}



.nav_namerico_vert a:hover,
.nav_samerico_vert a:hover,
.nav_africo_vert a:hover,
.nav_evraz_vert a:hover,
.nav_austral_vert a:hover,
.nav_taun_vert a:hover{
box-shadow: 0px -2px 22px 3px rgba(134, 255, 132, 0.74);
background-color: rgba(134, 255, 132, 0.74);
-webkit-transition: box-shadow 1s;
transition: all 1s;
}

.globe-container-nav{
	-webkit-transition: all 1s;
	transition: all 1s;

}


.globe-container-nav:hover{
-webkit-transform: scale(.3);
        transform: scale(.3);
        background-color: rgba(134, 255, 132, 0.74);
box-shadow: 0px -2px 22px 33px rgba(134, 255, 132, 0.74)
}

.image_slider{
	width: 600px;
	margin-left: 4.25vw;
	}

.slide_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-line-pack: justify;
	    align-content: space-between;

	max-width: 95vw;
	min-width: 0;
	margin-top: 80px;
	margin-bottom: 80px;
	/* padding-right: 70px; */
	
	
}

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

.swiper-wrapper_taun1 .swiper-slide img, 
.swiper-wrapper_taun2 .swiper-slide img,
.swiper-wrapper_taun3 .swiper-slide img{
	width: 100vw;
	height: auto;
	max-height: 100vh;
	max-width: 100%;

}
    

.swiper-wrapper{
	margin: 0 auto;
	align-items: center;
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next1::after,
.swiper .swiper-button-prev1::after{
	font-size: 32px;
	font-weight: bold;
	color: green;
	
	
}

.container {
	width: 75vw;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-line-pack: space-evenly;
	    align-content: space-evenly;
	


}

.container-min {
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-line-pack: space-evenly;
	    align-content: space-evenly;
	


}

.container_themes{
	margin: 0 auto;
	max-width: 90vw;
	
}

.img_cont{
	text-align: center;
max-width: 95%;
}

.img_cont img{
max-width: 100%;
}

.img_fit{
	max-width: 95vw;
	
}



.container_slot{
	
	-webkit-filter: grayscale(.7);
	
box-shadow: 7px -4px 0px 1px rgba(34, 60, 80, 0.2);
border-radius: 40px;
overflow: hidden;	

	
	margin-top: 25px;
	margin: 10px;
	position: relative;
}

 .myvideo {
position:relative;
padding: 0 0 40% 0;
height:0;
width: 60%;
margin: 0 auto;
overflow:hidden;


}

.myvideo iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

}
section{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.swiper-pagination1, .swiper-pagination2, .swiper-pagination3{
	margin-top: 20px;

}



.homePage{
	position: absolute;
	top: 65px;
	font: 20px homePage;
	background: #000;
	left: 7vw;
	color: #31CD70;
	border: black solid 6px;
	border-radius: 8px;
	max-width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
	z-index: 3;
}

.show-me{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
}


.sidebar {
	width: 25vw;
	height: 100%;
	/* margin-top: 25px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border-left:  6px solid #808080;
	padding-left: 5px;
	
}

.sidebar_min {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
	width: 100%;
	height: 100%;
}

.sidebar_text-min{
	margin-top: 15px;
	text-align: center;
}

.sidebar_text {
	color: #000;
	font: 20px Tahoma ;
	padding-top: 10px;
	

}


h1{
	
	font: 29px Tahoma ;
	margin-top: 70px;
	text-align: center;


	text-shadow:3px 3px 10px green,-3px -3px 10px yellow;color: #000;
}

h2{
	
	font: 23px Tahoma ;
	text-align: center;
	margin-top: 70px;

	text-shadow:3px 3px 7px green,-3px -3px 7px yellow;color: #000;
}
h3{
	
	font: 20px Tahoma ;
	text-align: center;
	margin-top: 70px;

	text-shadow:3px 3px 7px green,-3px -3px 7px yellow;color: #000;
}
p{
	font: 19px Tahoma ;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: justify;
	line-height: 1.5;
    text-indent: 20px;
    color:#000;

}


.nav_menu_americo, .nav_menu_evras{
	visibility: hidden;

}


.nav_evraz, .nav_americo{
	position: relative;
}


.button{
text-decoration:none;
text-align:center; 
 width: 90px;
 height: 40px;
 border:solid 1px #022407; 
 border-radius: 4px; 
 font:18px "Times New Roman", Times, serif; 
 color:#e8f7ec; 
 background-color:#28612f; 
 background-image: -webkit-linear-gradient(top, #28612f 0% ,#0cad5f 100%); 
 background-image: linear-gradient(top, #28612f 0% ,#0cad5f 100%);   
 
 -webkit-transition: all 0.4s linear;   
 
 transition:  all 0.4s linear;
position: fixed;
bottom: 0;
right: 0;
opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
visibility: hidden;
z-index: 22;
line-height: 40px;
}

 .button:hover{
 
  font-weight:bold; 
  font-size:20px;
 color:#e5ffff; 
 background-color:#57ed69;
 background-image: -webkit-linear-gradient(top, #57ed69 0% ,#074e52 100%);
 background-image: linear-gradient(top, #57ed69 0% ,#074e52 100%);   
  -webkit-transition: all 0.4s linear;   
  transition:  all 0.4s linear;
  opacity: 1;
 }

 .button:active{
 opacity: 1;
 border:solid 1px #022407;  
 border-radius: 4px; 
 font-weight:bold; 
  font-size:20px;
 color:#e8f7ec; 
 background-color:#28612f;  
 background-image: -webkit-linear-gradient(top, #28612f 0% ,#0cad5f 100%);  
 background-image: linear-gradient(top, #28612f 0% ,#0cad5f 100%);   
  
 }



@-webkit-keyframes swing {
 
  40% {
   
    -webkit-transform: translateY(19px);
   
            transform: translateY(19px);
  }
  
  100% {
   
    -webkit-transform: translateY(0);
   
            transform: translateY(0);
  }
}

@keyframes swing {
 
  40% {
   
    -webkit-transform: translateY(19px);
   
            transform: translateY(19px);
  }
  
  100% {
   
    -webkit-transform: translateY(0);
   
            transform: translateY(0);
  }
}

.container_slot:hover {
  
  -webkit-animation: swing 1.5s ease;
  
          animation: swing 1.5s ease;
   
   -webkit-animation-iteration-count: 1;
   
           animation-iteration-count: 1;
   -webkit-filter: grayscale(0);
}

.slot1{
	position: absolute;
	left: 20px;	
	bottom: 30px;
	z-index: 2;
	color: #fff	;
	font: 22px Tahoma ;

}

.slot{
	max-width: 100%;
	height: 100%;
}
 .scale-in-ver-center{-webkit-animation:scale-in-ver-center 2s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-ver-center 2s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-ver-center{0%{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}}
@keyframes scale-in-ver-center{0%{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}}
	@-webkit-keyframes burg_color {
  0%{border-color:#fff;}
  40% {border-color:#EAEAEA;}
  100% {border-color:#C6C6C6;}
}
	@keyframes burg_color {
  0%{border-color:#fff;}
  40% {border-color:#EAEAEA;}
  100% {border-color:#C6C6C6;}
} 

.burger1{
	width: 40px; 
	height: 2px;
	margin-top: 4px;
	border: 2px #fff solid;
	-webkit-animation: burg_color 3s ease;
	        animation: burg_color 3s ease;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
	

}
.burger{
	margin-right: 20px;
	cursor: pointer;

	
}


.burger_hidden {

border: 7px #fff solid;
border-radius: 50%;

}


.nav_vert{
	background: rgba(0,0,0,0.8);
	height:350px;
	display:none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-line-pack: distribute;
	    align-content: space-around;
	position: absolute;
	z-index: 120;
	right: 0;
	top: 50px;
	
	 
	
}

.nav_menu_americo {background: rgba(0,0,0,0.8);
	height:110px;
	width: 167px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-line-pack: distribute;
	    align-content: space-around;
	position: absolute;
	z-index: 12;
	top: 25px;
	left: -13px;}

	.nav_menu_evras{

		background: rgba(0,0,0,0.8);
	height:100px;
	width: 100px;
	top: 25px;
	left: -15px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-line-pack: distribute;
	    align-content: space-around;
	position: absolute;
	z-index: 12;
	
	

	}
.nav_taun_vert, .nav_namerico_vert, .nav_americo_vert,.nav_samerico_vert,.nav_africo_vert, .nav_evraz_vert, .nav_austral_vert{
	
	height: 30px;
	margin-top: 20px;
	margin-left: 10px;
}

.zastav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	height: 100%;
	margin-top: 75px;

}

.zastav1 {
	font: bold 39px rukop_rus ;
	letter-spacing: 15px;
	text-align: center;
	margin-top: 20px;

}

.zastav1-nav h1{
    font: bold 14px rukop_rus ;
	letter-spacing: 9px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	max-width: 450px;
	margin-top: 10px;

}

.slie_text_txt{
	max-width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
}

.zastav1-1{
	padding-bottom: 30px;

}

.zastav1-2{
padding-top: 30px;	
}
.zastav2 {
	font: 70px rukop;
	text-align: center;
}









.globe-container,
.globe {
    width: 200px;
    height: 200px; 
}
.globe-container {
    position: relative;  
    display: inline-block;
    margin: 0 auto;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
   
}
.globe {
    position: relative;  
    display: block;
    margin: 0;
    padding: 0;
    top: 0; 
    left: 0;
}
.globe-worldmap,
.globe-worldmap-front,
.globe-worldmap-back,
.globe-sphere,
.globe-outer-shadow,
.globe-inner-shadow {
    position: absolute; 
    display: block; 
    margin: 0; 
}
.globe-sphere,
.globe-outer-shadow,
.globe-inner-shadow {
    left: 0; 
    top: 0; 
    width: 200px; 
    height: 200px;
    background-position: 0 0; 
    background-repeat: no-repeat;
}
.globe-worldmap {
    left: 0; 
    top: 0; 
    width: 200px; 
    height: 200px; 
    overflow: hidden;
    border-radius: 50%;
}
.globe-worldmap-front,
.globe-worldmap-back {
    left: 0; 
    top: 0; 
    width: 1000px; 
    height: 200px; 
    overflow: visible;
    background-image: url('..//img/worldmap-7.svg');
    background-repeat: no-repeat;
}
.globe-outer-shadow { 
    left: 0; 
    top: 186px; 
    width: 200px; 
    height: 30px;
    background-image: url('..//img/outer_shadow.svg');
}
.globe-inner-shadow { 
    background-image: url('..//img/inner_shadow.svg');
}
 
.globe-worldmap-front { 
    background-position: 0px 0px;
    -webkit-animation: textureSpinreverse 8s linear infinite;
            animation: textureSpinreverse 8s linear infinite;
}
.globe-worldmap-back { 
    background-position: 0px -220px;
    -webkit-animation: textureSpin 8s linear infinite;
            animation: textureSpin 8s linear infinite;
}
 
@-webkit-keyframes textureSpin {
    from {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-47.5%);
                transform: translateX(-47.5%);
    }
}
 
@keyframes textureSpin {
    from {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-47.5%);
                transform: translateX(-47.5%);
    }
}
@-webkit-keyframes textureSpinreverse {
    from {
        -webkit-transform: translateX(-47.5%);
                transform: translateX(-47.5%);
    }
    to {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes textureSpinreverse {
    from {
        -webkit-transform: translateX(-47.5%);
                transform: translateX(-47.5%);
    }
    to {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

.globe-container-nav{
	-webkit-transform: scale(.25);
	        transform: scale(.25);
	 background: rgba(254,254,254,0.8); 
	position: relative;  
    display: inline-block;
    margin: 20px;
    border-radius: 50%;

	}

	







@media only screen and (min-width: 723px) {

.nav_vert, .sidebar_min, .burger, .sidebar_text-min, .container-min {
	display: none;
}}

@media only screen and (max-width: 1245px) {

.slie_text_txt{
	
	padding-top: 80px;
}




}



@media only screen and (max-width: 1170px) {

.slide_text {

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;
	padding-right: 0;
}
.slie_text_txt{
	max-width: 100vw;
	padding-top: 50px;
}}


@media only screen and (max-width: 922px) {
	.zastav1-nav h1{
    font-size:  11px;
	letter-spacing: 8px;
	
	
	max-width: 350px;
	

}
	}

	@media only screen and (max-width: 840px) {
.container_themes{
	margin-top: 90px;
}
	}

	@media only screen and (max-width: 795px) {
	.zastav1-nav h1{
font-size:  10px;
	letter-spacing: 4px;
	
	
	max-width: 280px;
	

}

.button{
	font-size: 15px;
	}
}




@media only screen and (max-width: 722px) {
body{overflow-x: hidden;}
.nav_americo,
.nav_africo,
.nav_evraz,
.nav_austral,
.nav_taun{
	display: none;
}
nav {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.nav-img{
	margin-left: 20px;
}


.container{
	width: 100vw;
}

.sidebar {
	display: none;
}

.nav_menu_americo, .nav_menu_evras{
	visibility: hidden;
}

.zastav1-nav h1{
font-size:  14px;
	letter-spacing: 10px;
	
	
	max-width: 98%;

}}

@media only screen and (max-width: 630px) {

.image_slider{
	display: none;
}




	}

@media only screen and (max-width: 540px) {

.nav_vert{
	height: 200px;}

	.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after{
	font-size: 25px;
	
	
	
}



.nav_taun_vert, .nav_namerico_vert, .nav_samerico_vert, 
.nav_africo_vert, .nav_evraz_vert, 
.nav_austral_vert{
	margin-top: 0px;
}

.zastav2 {
	font: 60px rukop;
}

.myvideo {
padding: 0 0 56.25% 0;
width: 100%;
}

.button{
 width: 70px;
 height: 30px;
 font-size:15px;
 line-height: 30px;
}

.button:hover{
 
 font-size:17px;

}
}
@media only screen and (max-width: 500px) {
.zastav1-nav h1{
font-size:  11px;
	letter-spacing: 5px;
	
	
	max-width: 98%;
	}

	.zastav1{
 font-size:  29px;
	letter-spacing: 11px;


	
	
	

}
}


@media only screen and (max-width: 410px) {

.nav_vert{
	height: 205px;
}


.zastav2 {
	font: 50px rukop;
}

}
@media only screen and (max-height: 400px) {

.nav_taun_vert, .nav_namerico_vert, .nav_americo_vert,.nav_samerico_vert,.nav_africo_vert, .nav_evraz_vert, .nav_austral_vert{
	
	
	margin-top: 5px;

}