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

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

a:hover {
    text-decoration: none;
    color: #AAACC0; 
}






body{ 

/* background: url(img/background.jpg) no-repeat center center fixed; 
background: url(img/background2.jpg) no-repeat center center fixed; */
	
    background-color: transparent;
  
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	
	width: 100%;
    height: 100%;
	margin: 0;
	padding: 0;
	float:none;
	color: #ddd;
	font-size: 12px;
	line-height: 1.6em; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}











@font-face {
    font-family: F01;
    src: url(fonts/AVA_IB.TTF);
       }
   
 @font-face {
    font-family: F02;
    src: url(fonts/AvantGarde.otf);
       }  
       
        @font-face {
    font-family: F03;
    src: url(fonts/lazyc.ttf);
       }
   
   
                                                                       /* FADE IN */

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}



.ipotekalogo {
    background-size: contain;
        width:306px;
        height:280px;
     position:relative; 
    margin: 20px 0 0 100px;
  padding:0;
z-index:10;

}



.b01 {
    background-size: contain;
        width:500px;
        height:125px;
     position:relative; 
    margin: 20px 0 0 100px;
  padding:0;
z-index:10;

}


.b02 {
    background-size: contain;
        width:500px;
        height:125px;
     position:relative; 
    margin: -110px 0 0 700px;
  padding:0;
z-index:10;

}



.b03 {
    background-size: contain;
        width:500px;
        height:125px;
     position:relative; 
    margin: 20px 0 0 100px;
  padding:0;
z-index:10;

}



.b04 {
    background-size: contain;
        width:500px;
        height:125px;
     position:relative; 
    margin: -127px 0 0 700px;
  padding:0;
z-index:10;

}





#rotator {
    background-size: contain;
        width:490px;
        height:250px;
     position:relative; 
    margin: -12px auto;
  padding:0;
z-index:10;

}

#rotator ul li {
     position:absolute;
    margin:0;
  padding:0;
  left:0;
  right:0;
    list-style: none;
    }
    
    
#rotator ul li.show {
    z-index:1;
    }



ul.images {
    background-size: contain;
  width:400px;
  height:200px;
  overflow:hidden;
  position:relative;
  margin:0;
  padding:0;
} 



ul.images li {
  position:absolute;
  margin:0;
  padding:0;
  left:0;
  right:0;
  list-style:none;
}
 


ul.images li.show {
  z-index:1;  
}


 
ul img {
  border:none;  
}




#rotator2 {
    background-size: contain;
        width: 545px;
	height: 340px;
     position:absolute; 
    margin: 0 auto;
  padding:0;
z-index:1;

}

#rotator2 ul li {
     position:absolute;
    margin:0;
  padding:0;
  left:0;
  right:0;
    list-style: none;
    }
    
    
#rotator2 ul li.show {
    z-index:1;
    }






.menu_button_001 {
    display:block;
     position: absolute;
      width: 40px;
    height: 40px;
    	margin: 26px 0 0 103px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: #007dc5;
    z-index: 4;
}



.menu_button_01 {
    display:block;
     position: absolute;
      width: 34px;
    height: 34px;
    	margin: 29px 0 0 106px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: white;
    z-index: 4;
   
    transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  
}

.menu_button_01:hover {
    transform: scale(1.2, 1.2);
    opacity: 1;
    background: #007dc5;
}


.menu_button_02 {
    display:block;
     position: absolute;
      width: 34px;
    height: 34px;
    	margin: 60px 0 0 271px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: white;
    z-index: 4;
    
     transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
    
}

.menu_button_02:hover {
    transform: scale(1.2, 1.2);
    opacity: 1;
    background: #007dc5;
}

.menu_button_002 {
    display:block;
     position: absolute;
      width: 40px;
    height: 40px;
    	margin: 57px 0 0 268px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: #007dc5;
    z-index: 4;
}


.menu_button_03 {
    display:block;
     position: absolute;
      width: 34px;
    height: 34px;
    	margin: 10px 0 0 454px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: white;
    z-index: 4;
    
    transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
    
}

.menu_button_03:hover {
    transform: scale(1.2, 1.2);
    opacity: 1;
    background: #007dc5;
}

.menu_button_003 {
    display:block;
     position: absolute;
      width: 40px;
    height: 40px;
    	margin: 7px 0 0 451px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: #007dc5;
    z-index: 4;
}


.menu_button_04 {
    display:block;
     position: absolute;
      width: 34px;
    height: 34px;
    	margin: 41px 0 0 613px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: white;
    z-index: 4;
    
    transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
    
}

.menu_button_04:hover {
    transform: scale(1.2, 1.2);
    opacity: 1;
    background: #007dc5;
}

.menu_button_004 {
    display:block;
     position: absolute;
      width: 40px;
    height: 40px;
    	margin: 38px 0 0 610px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: #007dc5;
    z-index: 4;
}



.menu_button_05 {
    display:block;
     position: absolute;
      width: 34px;
    height: 34px;
    	margin: 15px 0 0 758px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: white;
    z-index: 4;
    
    transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
    
}

.menu_button_05:hover {
    transform: scale(1.2, 1.2);
    opacity: 1;
    background: #007dc5;
}


.menu_button_005 {
    display:block;
     position: absolute;
      width: 40px;
    height: 40px;
    	margin: 12px 0 0 755px;
    background: #FF0000;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    background-color: #007dc5;
    z-index: 4;
}



.menu_main_04 {
    display:block;
    	margin: -220px auto;
    	z-index: 10;
       position:fixed;
	height: 100px;
	width: 100%;
	background-color: transparent;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);

    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
    
    
}

.menu_main_004 {
    display:block;
    	margin: -145px auto;
    	z-index: 10;
       position:fixed;
	height: 100px;
	width: 100%;
	background-color: white;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);

    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
    
    
}


.menu_main_0004 {
    display:block;
    	margin: -150px auto;
    	z-index: 150;
       position:fixed;
	height: 100px;
	width: 100%;
	background-color: white;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);

   animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
    
    
}


.cottadges_body {
    display:block;
    	margin: 150px auto;
    	z-index: 20;
	height: 100%;
	width: 100%;
	background-color: transparent;
	
	 animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
	
  
}


.cottadges_gallery {
    	margin: 130px auto;
    	z-index: 20;
	height: 2800px;
	width: 100%;
	background-color: transparent;
	overflow:visible;
  
}


.cottadge_01  {
    margin: 0 auto;
    z-index: 20;
	height: 450px;
	width: 1130px;
	background-color: white;
	
	border-style: solid;
    border-width: 1px;
  
}


.cottadge_02  {
    margin: 50px auto;
    z-index: 20;
	height: 450px;
	width: 1130px;
	background-color: white;
	
	border-style: solid;
    border-width: 1px;
  
}


.cottadge_03  {
    margin: 50px auto;
    z-index: 20;
	height: 450px;
	width: 1130px;
	background-color: white;
	
	border-style: solid;
    border-width: 1px;
  
}



.cottadge_04  {
    margin: 50px auto;
    z-index: 20;
	height: 450px;
	width: 1130px;
	background-color: white;
	
	border-style: solid;
    border-width: 1px;
  
}

.cottadge_05  {
    margin: 50px auto;
    z-index: 20;
	height: 450px;
	width: 1130px;
	background-color: white;
	
	border-style: solid;
    border-width: 1px;
  
}


.cottadge_06  {
    margin: 50px auto;
    z-index: 20;
	height: 450px;
	width: 1130px;
	background-color: white;
	
	border-style: solid;
    border-width: 1px;
  
}


.cottadges_gallery_shadow  {
    position:absolute;
    margin: 62px 0 0 -3px;
    z-index: 10;
	height: 32px;
	width: 1130px;
	background-image: url(img/house_shadow.png);
	background-size: contain;
  
}

.cottadges_gallery_shadow_02  {
    position:absolute;
    margin: 428px 0 0 -3px;
    z-index: 10;
	height: 32px;
	width: 1130px;
	background-image: url(img/house_shadow.png);
	background-size: contain;
  
}


.cottadge_number  {
    position:absolute;
    margin: 20px 0 0 20px;
    z-index: 20;
	height: 50px;
	width: 180px;
	background-color: transparent;


font-family: "F01";
	font-weight: 800;
	text-align: left;
     font-size: 4.5em;
     letter-spacing: 2.5px;
     line-height: 0.8;
      color: #2cae85;

}


.cottadge_descr  {
    position:absolute;
    margin: 220px 0 0 20px;
    z-index: 20;
	height: 80px;
	width: 240px;
	background-color: transparent;


font-family: "F02";
	font-weight: 100;
	text-align: left;
     font-size: 1.9em;
     letter-spacing: 1.5px;
     line-height: 1.4;
      color: #4f96e6;

}



.cottadge_price  {
    position:absolute;
    margin: 355px 0 0 818px;
    z-index: 20;
	height: 65px;
	width: 340px;
	background-image: url(img/price_shadow.png);
	background-size: contain;


font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.6em;
     letter-spacing: 0.1px;
     line-height: 1.0;
      color: white;

}


.cottadge_plan  {
    position:absolute;
    margin: 40px 0 0 970px;
    z-index: 20;
	height: 25px;
	width: 80px;
	background-color: transparent;


font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.6em;
     letter-spacing: 0.1px;
     line-height: 1.0;
      color: #7b930c;

}


.cottadge_fac_simile  {
    position:absolute;
    margin: 20px 0 0 250px;
    z-index: 20;
	height: 320px;
	width: 640px;
	
	background-color: rgba(0, 0, 0, 0.0);
	
  
}


.cottadge_plan_01  {
    position:absolute;
    margin: 80px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h01pl_min.jpg);
	background-size: contain;
    transition: all .2s ease-in-out;

            }
  
.cottadge_plan_01:hover { opacity: 0.5; filter: alpha(opacity=70); }            
            
.cottadge_plan_001  {
    position:absolute;
    margin: 80px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h02pl_min.jpg);
	background-size: contain;
    transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_001:hover { opacity: 0.5; filter: alpha(opacity=70); }

.cottadge_plan_02  {
    position:absolute;
    margin: 195px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h02pl2_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_02:hover { opacity: 0.5; filter: alpha(opacity=70); }



.cottadge_plan_03  {
    position:absolute;
    margin: 80px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h03pl_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_03:hover { opacity: 0.5; filter: alpha(opacity=70); }


.cottadge_plan_032  {
    position:absolute;
    margin: 195px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h03pl2_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_032:hover { opacity: 0.5; filter: alpha(opacity=70); }



.cottadge_plan_04  {
    position:absolute;
    margin: 80px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h04pl_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_04:hover { opacity: 0.5; filter: alpha(opacity=70); }


.cottadge_plan_042  {
    position:absolute;
    margin: 195px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h04pl2_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_042:hover { opacity: 0.5; filter: alpha(opacity=70); }




.cottadge_plan_05  {
    position:absolute;
    margin: 80px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h05pl_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_05:hover { opacity: 0.5; filter: alpha(opacity=70); }


.cottadge_plan_052  {
    position:absolute;
    margin: 195px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h05pl2_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_052:hover { opacity: 0.5; filter: alpha(opacity=70); }




.cottadge_plan_06  {
    position:absolute;
    margin: 80px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h06pl_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_06:hover { opacity: 0.5; filter: alpha(opacity=70); }


.cottadge_plan_062  {
    position:absolute;
    margin: 195px 0 0 960px;
    z-index: 20;
	height: 100px;
	width: 100px;
	background-image: url(img/houses/h06pl2_min.jpg);
	background-size: contain;
transition: all .2s ease-in-out;

            }            
            
.cottadge_plan_062:hover { opacity: 0.5; filter: alpha(opacity=70); }




.cottadges_title_banner {
    display:block;
    	margin: 120px auto;
    	z-index: 20;
	height: 200px;
	width: 100%;
	background-color: transparent;
  
}



.cottadges_title_banner_content {
    display:block;
    	margin: 120px auto;
    	z-index: 20;
	height: 250px;
	width: 1130px;
	background-color: transparent;
  
}



.banner_block_01  {
    position:absolute;
    margin: 0 0 0 173px;
    z-index: 20;
	height: 250px;
	width: 243px;
	background-color: transparent;
  
}

.banner_block_01_el01  {
    position:absolute;
    margin: 0 0 0 15px;
    z-index: 20;
	height: 214px;
	width: 213px;
	background-image: url(img/ruble.png);
	background-size: contain;
  
}



.banner_block_01_el02  {
    position:absolute;
    margin: 220px auto;
    z-index: 20;
	height: 36px;
	width: 243px;
	background-color: transparent;


font-family: "F02";
	font-weight: 800;
	text-align: left;
     font-size: 3.4em;
     letter-spacing: 2.5px;
     line-height: 0.8;
      color: #448713;

}


.banner_block_02  {
    position:absolute;
    margin: 90px 0 0 442px;
    z-index: 20;
	height: 45px;
	width: 60px;
	background-image: url(img/tobe.png);
	background-size: contain;
  
}


.banner_block_03  {
    position:absolute;
    margin: 24px 0 0 535px;
    z-index: 20;
	height: 195px;
	width: 170px;
	background-color: transparent;
  
}

.banner_block_03_el01  {
    position:absolute;
    margin: 0 auto;
    z-index: 20;
	height: 170px;
	width: 170px;
	background-image: url(img/house.png);
	background-size: contain;
  
}


.banner_block_03_el02  {
    position:absolute;
    margin: 170px auto;
    z-index: 20;
	height: 36px;
	width: 170px;
	background-color: transparent;


    font-family: "F02";
	font-weight: 800;
	text-align: center;
     font-size: 2.4em;
     letter-spacing: 2.1px;
     line-height: 0.9;
      color: #1d82b9;

}


.banner_block_04  {
    position:absolute;
    margin: 80px 0 0 728px;
    z-index: 20;
	height: 65px;
	width: 65px;
	background-image: url(img/plus.png);
	background-size: contain;
  
}



.banner_block_05  {
    position:absolute;
    margin: 24px 0 0 814px;
    z-index: 20;
	height: 195px;
	width: 170px;
	background-color: transparent;
  
}


.banner_block_05_el01  {
    position:absolute;
    margin: 0 auto;
    z-index: 20;
	height: 170px;
	width: 170px;
	background-image: url(img/terrain.png);
	background-size: contain;
  
}


.banner_block_05_el02  {
    position:absolute;
    margin: 170px 0 0 -30px;
    z-index: 20;
	height: 36px;
	width: 235px;
	background-color: transparent;


    font-family: "F02";
	font-weight: 800;
	text-align: center;
     font-size: 2.4em;
     letter-spacing: 2.1px;
     line-height: 0.9;
      color: #1d82b9;

}





.menu_main_01 {
    display:block;
     position: fixed;
    	margin: -140px auto;
    	z-index: 250;
   
	height: 100px;
	width: 100%;
	background-color: white;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);

    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
    
    
}



.menu_main {
    display:block;
     position: fixed;
    	margin: -135px auto;
    	z-index: 210;
   
	height: 100px;
	width: 100%;
	background-color: white;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);

    animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */
    
}

.menu {
    display:block;
     position: relative;
    	margin: 0 auto;
    	z-index: 10;
   
	height: 100px;
	width: 1200px;
	background-color: white;
	
	
}


.menu_logo {
    display:block;
     position: relative;
    	margin: 0 0 0 24px;
   
	height: 100px;
	width: 192px;
		background-image: url(img/logo.gif);
		background-size: contain;
}



.menu_content01 {
    display:block;
     position: relative;
    	margin: -100px 0 0 270px;
   
	height: 100px;
	width: 900px;
		background-image: url(img/menu01.jpg);
		background-size: contain;
}

                                                                        /* FADE IN */
   
.two,.four{
display:none;
}

 #test001 {
    position: relative;
    display:inline-block;
    	margin: 0 auto;
    width: 1100px;
	height: 970px;
	background-color: red;
	z-index: 2;
	
	
	
	
}  
 
   
 #test {
    position: relative;
    	margin: -710px 0 0 450px;
    width: auto;
	height: 407px;
	background-color: red;
	z-index: 2;
	
	
}  


 .test3 {
    position: relative;
    	margin: 10px 0 0 20px;
    width: auto;
	height: auto;
	background-color: blue;
	z-index: 2;
	
		font-family: "F02";
	text-align: left;
     font-size: 1.5em;
     line-height: 1.2;
     font-weight: bold;
       color: #2CC71B;
        z-index:1;
}  
   
   
   
   .leftimg {
       width:447;
       height:240;
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    background-color: transparent
   }
   
   
   .rightimg {
       width:447;
       height:240;
    float:right; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    background-color: black
   }
   
   
    .centerimg {
       width:447;
       height:240;
    float:none; /* Выравнивание по левому краю */
    margin: 0 0 0 80px; /* Отступы вокруг картинки */
    background-color: transparent
   }
   
   
   
   
  #test02 {
    position: relative;
    	margin: 10px 0 0 1px;
    width: 448px;
	height: auto;
	background-color: green;
	z-index: 2;
	
	
		font-family: "F02";
	text-align: left;
     font-size: 2.5em;
     line-height: 1.2;
     font-weight: bold;
       color: #2CC71B;
        z-index:1;
}    
   
    .test2 {
    display:block;
    position: absolute;
    
    width: 795px;
	height: 110px;
	background-color: black;
	z-index: 1;
}  
   
   .head {
	width: 1130px;
	height: 200px;
	overflow: visible;
	margin: 130px auto;
	background-color: transparent;
	z-index:1;

     
    
}


#title01  {
    
    width: 600px;
	height: 115px;
	margin: 0 0 0 -80px;
	background-color: transparent;
	
		font-family: "F02";
	text-align: right;
     font-size: 5.5em;
     line-height: 0.5;
     font-weight: bold;
       color: #2CC71B;
        z-index:1;
      
       
	
}



.animated3 { 
    animation-duration: 6s; 
    animation-fill-mode: both; 
    
    
} 

@keyframes zoomIn { 
    0% { 
        opacity: 0; 
        transform: scale3d(.3, .3, .3); 
    } 
    50% { 
        opacity: 1; 
    } 
} 
.zoomIn { 
    animation-name: zoomIn; 
}
   
   
   
#subtitle01  {
    
    width: 1130px;
	height: 25px;
	margin: 165px auto;
	background-color: transparent;
	z-index:1;
	
	
}


.animated2 { 
    animation-duration: 2s; 
    animation-fill-mode: both; 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
} 
.bounceInLeft { 
    animation-name: bounceInLeft; 
}


.subtitle01content  {
    display: block;
    
    width: 550px;
	height: 130px;
	margin: -30px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	text-align: justify;
     font-size: 1.9em;
     line-height: 1.2;
     font-weight: bold;
       color: #005460;
}


#subtitle001  {
    position:absolute;
    width: 580px;
	height: 25px;
	margin: -155px 0 0 580px;
	background-color: transparent;
	z-index:1;
	
	
}


.animated5 { 
    animation-duration: 4s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-out;  
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
} 

.bounceInRight { 
    animation-name: bounceInRight; 
}


.subtitle001content  {
    display: block;
    
    width: 550px;
	height: 400px;
	margin: -34px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	text-align: justify;
     font-size: 1.9em;
     line-height: 1.2;
     letter-spacing: 0.5px;
       color: #056103;
}


#subtitle0001  {
    position:absolute;
    width: 60px;
	height: 25px;
	margin: -25px 0 0 576px;
	background-color: transparent;
	z-index:1;
	
	
}


.animated0001 { 
    animation-duration: 7s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-in-out; 
} 

@keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn1 { 
    animation-name: fadeIn1; 
}


.animated0002 { 
    animation-duration: 10s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-in-out; 
} 

@keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn1 { 
    animation-name: fadeIn1; 
}

.animated0003 { 
    animation-duration: 13s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-in-out; 
} 

@keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn1 { 
    animation-name: fadeIn1; 
}


.animated0004 { 
    animation-duration: 15s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-in-out; 
} 

@keyframes fadeIn1 { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn1 { 
    animation-name: fadeIn1; 
}


.subtitle0001content  {
    display: block;
    position:absolute;
    width: 350px;
	height: 130px;
	margin: 0 auto;
	background-color: transparent;
	font-weight: bold;
	font-family: "F02";
	text-align: justify;
     font-size: 2.5em;
     line-height: 1.2;
     letter-spacing: 1.9px;
       color: #118BBF;
}


#subtitle0002  {
    position:absolute;
    width: 60px;
	height: 25px;
	margin: -25px 0 0 795px;
	background-color: transparent;
	z-index:1;

}

#subtitle0003  {
    position:absolute;
    width: 60px;
	height: 25px;
	margin: 25px 0 0 576px;
	background-color: transparent;
	z-index:1;
	
	
}


#subtitle0004  {
    position:absolute;
    width: 60px;
	height: 25px;
	margin: 25px 0 0 795px;
	background-color: transparent;
	z-index:1;
	
	
}



.subtitle02contain  {
     overflow:visible;
     display: block;
    width: 1130px;
	height: 240px;
	margin: -40px auto;
	background-color: transparent;
	
	
    z-index: 1;
}





.subtitle02  {
    overflow:visible;
     display: block;
     position:absolute;
    width: 570px;
	height: 240px;
	margin: 0 0 0 -5px;
	background-color: transparent;
	
	
	animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
	
    
}


.subtitle02content  {
    display: inline-block;
    position:absolute;
    
    width: 550px;
	height: 190px;
	margin: 8px 0 0 15px;
	background-color: transparent;
	
	font-family: "F02";
	text-align: justify;
     font-size: 1.8em;
     line-height: 1.3;
      color: #3178AE;
       z-index:1;
}

.genplan_title {

    display: inline-block;
    position: absolute;
    width: 400px;
	height: 60px;
	margin: -10px 0 0 680px;
	background-color: transparent;
	
	font-family: "F02";
	
	text-align: left;
     font-size: 2.7em;
     line-height: 1.3;
      color: #0E4F5D;
            }


.genplan
{

    position: absolute;
    width: 440px;
	height: 240px;
	margin: 45px 0 0 680px;
	background-color:transparent;
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
    transition: all .2s ease-in-out;

            }
            
            
            .genplan2
{

    position: absolute;
    width: 640px;
	height: 370px;
	margin: 45px 0 0 10px;
	background-color:transparent;
    transition: all .2s ease-in-out;
    background-image: url(img/main-map.jpg);

            }
            
 
.genplan3
{

    position: absolute;
    width: 470px;
	height: 328px;
	margin: 270px 0 0 10px;
	background-color:transparent;
    transition: all .2s ease-in-out;
    background-image: url(img/house-logo.jpg);

            }
            



.genplan4
{

    position: absolute;
    width: 1080px;
	height: 376px;
	margin: 200px 0 0 10px;
	background-color:transparent;
    transition: all .2s ease-in-out;
    background-image: url(img/portfolio.jpg);

            }
            
            
            .genplan4:hover {
    opacity: 0.7;
    cursor: pointer
   
}
            






.subtitle03  {
    position:absolute;
     display: block;
    width: 590px;
	height: 240px;
	margin: 20px 0 0 515px;
	background: rgba(255, 255, 255, 0.0);
	
	
}

.subtitle03content  {
    display: inline-block;
    
    width: 590px;
	height: 190px;
	margin: -1px 0 0 13px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.8em;
     line-height: 1.3;
      color: #3178AE;
      z-index:1;
}

.undertitle01contain  {
     display: block;
     overflow:visible;
    width: 1130px;
	height: 635px;
	margin: 40px auto;
	background-color: transparent;
	
}

.titolo01 {

    display: inline-block;
    position:absolute;
    width: 1130px;
	height: 60px;
	margin: 180px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	
	text-align: left;
     font-size: 3.2em;
     line-height: 1.3;
      color: #0E4F5D;
            }
            
            
.titolo02 {
    position:absolute;
    display: inline-block;
    width: 500px;
	height: 60px;
	margin: -8px 0 0 530px;
	background-color: transparent;
	
	font-family: "F02";
		text-align: left;
     font-size: 2.7em;
     line-height: 1.3;
      color: #0E4F5D;
            }
            
            
.map {

    display: inline-block;
    width: 350px;
	height: 280px;
	margin: 5px 0 0 13px;
	background-image: url(img/map.jpg);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);

    transition: all .2s ease-in-out;

            }
            
    .map:hover { opacity: 0.7; filter: alpha(opacity=70); } 
    

.sottotitolo0002 {

    display: inline-block;
    position:absolute;
    width: 590px;
	height: 140px;
	margin: 590px 0 0 10px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 1.9em;
     line-height: 1.2;
       color: #262b59;
            }

.sottotitolo02 {

    display: inline-block;
    position:absolute;
    width: 590px;
	height: 140px;
	margin: 345px 0 0 530px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 1.9em;
     line-height: 1.2;
       color: #262b59;
            }
            
            .sottotitolo03 {

    display: inline-block;
    position:absolute;
    width: 590px;
	height: 70px;
	margin: 315px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.6em;
     line-height: 1.2;
      color: black;
            }
            
            
            
            .sottotitolo003 {

    display: inline-block;
    position:absolute;
    width: 590px;
	height: 70px;
	margin: 200px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.6em;
     line-height: 1.2;
      color: black;
            } 


.sottotitolo04 {

    display: inline-block;
    position:absolute;
    width: 430px;
	height: 600px;
	margin: 305px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 1.3em;
     line-height: 1.5;
      color: #262b59;
           
            }
            
            
.ending  {
     display: block;
    width: 1130px;
	height: 200px;
	margin: 0px auto;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 2.9em;
     line-height: 1.2;
      color: transparent;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}


.ending_margin  {
     display: block;
    width: 1130px;
	height: 40px;
	margin: 60px auto;
	background-color: transparent;
}



.ending_contacts  {
     display: block;
    width: 1130px;
	height: 40px;
	margin: 60px auto;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 2.9em;
     line-height: 1.2;
      color: transparent;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}

.ending_contacts_02  {
     display: block;
    width: 1130px;
	height: 200px;
	margin: 220px auto;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 2.9em;
     line-height: 1.2;
      color: transparent;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}


.title2page  {
     display: block;
    width: 1130px;
	height: 200px;
	margin: 140px auto;
    background-color: transparent;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 4.2em;
     line-height: 1.2;
      color: #096c7a;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}




.title2page2  {
     display: block;
    width: 400px;
	height: 130px;
	margin: -110px 0 0 100px;
    background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: left;
     font-size: 4.2em;
     line-height: 1.2;
      color: #096c7a;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}


.title2page3  {
     display: block;
    width: 300px;
	height: 150px;
	margin: -180px 0 0 700px;
    background-color: transparent;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 4.2em;
     line-height: 1.2;
      color: #2bc71b;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}


.title2page4  {
     display: block;
    width: 300px;
	height: 150px;
	margin: -95px 0 0 700px;
    background-color: transparent;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 7.0em;
     line-height: 1.2;
      color: #2bc71b;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}





.undertitle2page  {
     display: block;
    width: 1130px;
	height: 150px;
	margin: -120px auto;
    background-color:transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
     font-size: 4.0em;
     line-height: 1.2;
       color: #064771;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}


.middle2page  {
     display: block;
    width: 1130px;
	height: 550px;
	margin: -150px auto;
    background-color:transparent;
	
	font-family: "F02";
	font-weight: 100;
	text-align: justify;
     font-size: 2.4em;
     line-height: 1.2;
      color: #0080b9;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}

.middle2page01  {
     display: block;
    width: 700px;
	height: 400px;
	margin: -250px 0 0 520px;
    background-color: transparent;
	
	font-family: "F02";
	font-weight: 100;
	text-align: center;
     font-size: 3.0em;
     line-height: 1.5;
      color: #0080b9;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}



.middle2page0101  {
     display: block;
    width: 1100px;
	height: 200px;
	margin: 0 auto;
    background-color: transparent;
	
	font-family: "F02";
	font-weight: 100;
	text-align: center;
     font-size: 4.0em;
     line-height: 1.5;
      color: #0080b9;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}



.middle2page00  {
     display: block;
    width: 1130px;
	height: 250px;
	margin: -10px auto;
    background-color:transparent;
	
	font-family: "F02";
	font-weight: 100;
	text-align: justify;
     font-size: 3.0em;
     line-height: 1.2;
      color: #0080b9;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}


.middle2page001  {
     display: block;
    width: 1130px;
	height: 750px;
	margin: -10px auto;
    background-color:transparent;
	
	font-family: "F02";
	font-weight: 100;
	text-align: justify;
     font-size: 2.4em;
     line-height: 1.2;
      color: #0080b9;
      
      animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */

}







.interract_img {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: 170px auto;
	background: linear-gradient(to top, #faca2e, #f8b81f, #faca2e);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-image: url(img/main_map.jpg);
	border: 5px; 
	border-style: solid;
    border-color: white;
	 
	 -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius:10px; 
     border-radius: 10px; 
     
     animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    
}





.gallery01 {
	width: 490px;
	height: 200px;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-color: white;
	
	 
	 
     
     animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */
    
}


.news_main_content {
	width: 1130px;
	height: 1650px;
	display:block;
	overflow: visible;
	margin: 145px auto;
	background-color: transparent;
	z-index:1;

     
    
}


.news_main_left_block {
	width: 545px;
	height: 1050px;
	position:relative;
	overflow:visible;
	margin: 0 0 0 1px;
	background-color: transparent;
	z-index:5;
	
	
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */

    
}



.news_main_right_block {
	width: 545px;
	height: 1028px;
	position:absolute;
	margin: -1030px 0 0 585px;
	background-color: transparent;
	
	z-index:3;
	
	
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */

    
}


.news_main_right_title {
	width: 545px;
	height: 80px;
	position:relative;
	margin: 0 auto;
	background-color: #eaeaea;
	
	z-index:40;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 4.7em;
     line-height: 1.4;
     letter-spacing: 4px;
      color: #00a79d;
      
      -webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);

    
}


.news_main_right_body_01 {
	width: 545px;
	height: 460px;
	position:relative;
	margin: 0 auto;
	-webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
	background-color: #f2f2f2;
	z-index:4;

    
}


.news_main_right_body_01_content {
	width: 480px;
	height: 390px;
	position:absolute;
	margin: -410px 0 0 30px;
	background-color: white;
	z-index:4;

    
}


.news_main_right_gallery_title {
	width: 545px;
	height: 40px;
	position:absolute;
	margin: 45px auto;
	background-color: transparent;
	z-index:40;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 4.2em;
     line-height: 0.7;
     letter-spacing: 4px;
      color: #d54e3f;
   
}

.news_main_right_gallery {
	width: 545px;
	height: 340px;
	position:relative;
	margin: 105px auto;
	background-color: transparent;
	z-index:4;
   
}

.news_main_right_gallery_overlay {
	width: 545px;
	height: 340px;
	position:absolute;
	margin: 0 auto;
	background-color: transparent;
	z-index:10;

    
}


.news_main_right_gallery_overlay_02 {
	width: 545px;
	height: 340px;
	position:absolute;
	margin: 0 auto;
	background-color: transparent;
	z-index:15;

    
}









.news_body {
            width: 800px;
            height: 400px;
            background: red;
            box-shadow: 3px 3px 5px #B1B1B1;
            margin: 0 auto;
           
        }



.news_body2 {
            width: 800px;
            height: 400px;
            background: red;
            box-shadow: 3px 3px 5px #B1B1B1;
            margin: 0 auto;
        }

.txt {
    
    font-family: "F02";
	font-weight: 600;
	text-align: left;
     font-size: 1.5em;
     line-height: 1.2;
     letter-spacing: 2px;
      color: #025649;
}





.news_main_left_title {
	width: 545px;
	height: 75px;
	position:relative;
	margin: 0 auto;
	background-color: transparent;
	z-index:1;

    
}

.news_main_left_title_01 {
	width: 300px;
	height: 45px;
	position:relative;
	margin: 0 0 0 0;
	background-color: transparent;
	z-index:4;
	
	font-family: "F02";
	font-weight: 600;
	text-align: left;
     font-size: 3.5em;
     line-height: 1.2;
     letter-spacing: 4px;
      color: #025649;

}

.news_main_left_page {
	width: 100px;
	height: 20px;
	position:relative;
	margin: -20px 0 0 440px;
	background-color: transparent;
	z-index:-420;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.5em;
     line-height: 1.2;
     letter-spacing: 1px;
      color: #c9c9c9;

}

.news_main_left_underline {
	width: 545px;
	height: 5px;
	position:relative;
	margin: 5px auto;
	background-color: #00a79d;
	z-index:-120;

    
}

.news_left_underline {
	width: 525px;
	height: 1px;
	position:relative;
	margin: 20px auto;
	background-color: #e1e1e1;
	z-index:-120;

    
}

.news_main_left_3block {
	width: 545px;
	height: 360px;
	position:relative;
	margin: 15px auto;
	background-color: #f3f3f3;
-webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
	z-index:2;
    
}



.news_main_left_3_title {
	width: 510px;
	height: 70px;
	position:absolute;
	margin: 15px 0 0 35px;
	background-color: #00a78d;
	-webkit-box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);
-moz-box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);
box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);

	
	z-index:2;

}

.news_main_left_3_title_content {
	width: 365px;
	height: 55px;
	position:absolute;
	margin: 8px 0 0 10px;
	background-color: transparent;
	z-index:4;
	
		font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 2.3em;
     line-height: 0.9;
     letter-spacing: 1px;
      color: white;

}

.news_main_left_3_title_img1 {
	width: 168px;
	height: 126px;
	position:absolute;
	margin: 115px 0 0 35px;
	background-image: url(img/upload/news/n3_1_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}

.news_main_left_3_title_img10 {
	width: 148px;
	height: 106px;
	position:absolute;
	margin: 70px 0 0 35px;
	background-image: url(img/upload/news/n3_1_m.jpg);
	background-size: contain;
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}

.news_main_left_3_title_img2 {
	width: 148px;
	height: 156px;
	position:absolute;
	margin: 115px 0 0 202px;
	background-image: url(img/upload/news/n3_2_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}

.news_main_left_3_title_img20 {
	width: 128px;
	height: 136px;
	position:absolute;
	margin: 90px 0 0 180px;
	background-image: url(img/upload/news/n3_2_m.jpg);
	background-size: contain;
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}

.news_main_left_3_title_img3 {
	width: 138px;
	height: 100px;
	position:absolute;
	margin: 171px 0 0 348px;
	background-image: url(img/upload/news/n3_5_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}


.news_main_left_3_title_img30 {
	width: 138px;
	height: 100px;
	position:absolute;
	margin: 80px 0 0 310px;
	background-image: url(img/upload/news/n3_5_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}

.news_main_left_3_title_img4 {
	width: 100px;
	height: 80px;
	position:absolute;
	margin: 240px 0 0 103px;
	background-image: url(img/upload/news/n3_4_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}

.news_main_left_3_title_img40 {
	width: 100px;
	height: 80px;
	position:absolute;
	margin: 150px 0 0 103px;
	background-image: url(img/upload/news/n3_4_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}


.news_main_left_2_title_img01 {
	width: 65px;
	height: 50px;
	position:absolute;
	margin: 90px 0 0 65px;
	background-image: url(img/upload/news/n1_1_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}


.news_main_left_2_title_img01 {
	width: 65px;
	height: 50px;
	position:absolute;
	margin: 90px 0 0 35px;
	background-image: url(img/upload/news/n1_1_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}

.news_main_left_2_title_img2 {
	width: 95px;
	height: 105px;
	position:absolute;
	margin: 110px 0 0 115px;
	background-image: url(img/upload/news/n1_2_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}


.news_main_left_2_title_img02 {
	width: 95px;
	height: 105px;
	position:absolute;
	margin: 110px 0 0 85px;
	background-image: url(img/upload/news/n1_2_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:4;

}

.news_main_left_2_title_img3 {
	width: 65px;
	height: 50px;
	position:absolute;
	margin: 70px 0 0 175px;
	background-image: url(img/upload/news/n1_3_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}

.news_main_left_2_title_img03 {
	width: 65px;
	height: 50px;
	position:absolute;
	margin: 70px 0 0 155px;
	background-image: url(img/upload/news/n1_3_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}

.news_main_left_2_title_img4 {
	width: 130px;
	height: 90px;
	position:absolute;
	margin: 125px 0 0 233px;
	background-image: url(img/upload/news/n1_4_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}

.news_main_left_2_title_img04 {
	width: 130px;
	height: 90px;
	position:absolute;
	margin: 105px 0 0 200px;
	background-image: url(img/upload/news/n1_4_m.jpg);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	z-index:2;

}

.more_dummy_main {
	width: 100px;
	height: 20px;
	position:absolute;
	margin: 0 auto;
	background-color: transparent;
	z-index:5;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.8em;
     line-height: 1.0;
     letter-spacing: 1px;
      color: #a53605;
        
        transition: all .2s ease-in-out;
      
            }

.more_dummy_main:hover {
    opacity: 0.5;
    cursor: pointer
   
}


.more_dummy_main_small {
	width: 80px;
	height: 20px;
	position:absolute;
	margin: 0 auto;
	background-color: transparent;
	z-index:5;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.4em;
     line-height: 1.0;
     letter-spacing: 1px;
      color: #a53605;
        
        transition: all .2s ease-in-out;
      
            }

.more_dummy_main_small:hover {
    opacity: 0.5;
    cursor: pointer
   
}

.more_03 {
	width: 100px;
	height: 20px;
	position:absolute;
	margin: 290px 0 0 243px;
	background-color: transparent;
	z-index:10;
	
	

}

.more_02 {
	width: 80px;
	height: 20px;
	position:absolute;
	margin: -50px 0 0 20px;
	background-color: transparent;
	z-index:1;
	
	

}

.more_01 {
	width: 80px;
	height: 20px;
	position:absolute;
	margin: 160px 0 0 330px;
	background-color: transparent;
	z-index:5;
	
	

}


.date_03 {
	width: 180px;
	height: 15px;
	position:absolute;
	margin: 330px 0 0 350px;
	background-color: transparent;
	z-index:5;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.1em;
     line-height: 1.0;
     letter-spacing: 1px;
      color: #686868;

}


.date_02 {
	width: 140px;
	height: 10px;
	position:absolute;
	margin: -15px 0 0 340px;
	background-color: transparent;
	z-index:1;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 0.8em;
     line-height: 1.0;
     letter-spacing: 1px;
      color: #686868;

}


.date_01 {
	width: 140px;
	height: 10px;
	position:absolute;
	margin: 210px 0 0 300px;
	background-color: transparent;
	z-index:2;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 0.8em;
     line-height: 1.0;
     letter-spacing: 1px;
      color: #686868;

}


.news_main_left_2block {
	width: 480px;
	height: 240px;
	position:relative;
	margin: 20px 0 0 0;
	-webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
	background-color: #f3f3f3;
	z-index:1;

    
}


.news_main_left_2block2 {
	width: 100px;
	height: 100px;
	display:none;
	position:relative;
	overflow:hidden;
	margin: 20px 0 0 0;
	-webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
	background-color: red;
	z-index:1;
	opacity:0;

    
}



.news_main_left_2_title {
	width: 440px;
	height: 40px;
	position:absolute;
	margin: 15px 0 0 40px;
	background-color: #00a78d;
	-webkit-box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);
-moz-box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);
box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);

	z-index:4;

}

.news_main_left_2_title_content {
	width: 365px;
	height: 55px;
	position:absolute;
	margin: 13px 0 0 10px;
	background-color: transparent;
	z-index:4;
	
		font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.7em;
     line-height: 0.6;
     letter-spacing: 1px;
      color: white;

}

.news_main_left_2_title_content02 {
	width: 365px;
	height: 55px;
	position:absolute;
	margin: 1px 0 0 10px;
	background-color: transparent;
	z-index:4;
	
		font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.7em;
     line-height: 0.9;
     letter-spacing: 1px;
      color: white;

}


.news_main_left_1block {
	width: 480px;
	height: 240px;
	position:relative;
	margin: 20px 0 0 0;
	background-color: #f3f3f3;
	-webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
	z-index:1;

    
}

.news_main_left_1block1 {
	width: 100px;
	height: 100px;
	position:relative;
	display:none;
	margin: 0 auto;
	overflow:hidden;
	background-color: red;
	-webkit-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
box-shadow: -1px 8px 4px -4px rgba(0,0,0,0.18);
	z-index:1;
	opacity:0;

    
}

.news_block_video
{

    display: inline-block;
    position: absolute;
    width: 300px;
	height: 150px;
	margin: 50px 0 0 13px;
	background-image: url(img/upload/news/news_video.jpg);
	background-color:transparent;
	
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);

    transition: all .2s ease-in-out;

            }
            
           
            .news_block_video02
{

    display: inline-block;
    position: absolute;
    width: 330px;
	height: 190px;
	margin: 120px 0 0 70px;
	background-image: url(img/upload/news/news_video.jpg) ;
    background-size: cover;
	
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);

    transition: all .2s ease-in-out;

            }




.news_block_video_02
{

    display: inline-block;
    position: absolute;
    width: 400px;
	height: 200px;
	margin: 110px 0 0 53px;
	background-image: url(img/upload/news/news_video_02.jpg);
	background-color:transparent;
	  background-size: contain;
	
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);

    transition: all .2s ease-in-out;

            }



.news_main_left_1_title {
	width: 440px;
	height: 40px;
	position:absolute;
	margin: 15px 0 0 40px;
	background-color: #00a78d;
	-webkit-box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);
-moz-box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);
box-shadow: 1px 5px 1px -1px rgba(0,0,0,0.18);

	
	z-index:4;

}

.news_main_left_1_title_content {
	width: 365px;
	height: 55px;
	position:absolute;
	margin: 13px 0 0 10px;
	background-color: transparent;
	z-index:4;
	
		font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.7em;
     line-height: 0.6;
     letter-spacing: 1px;
      color: white;

}




.pages {
	width: 240px;
	height: 40px;
	position:relative;
	margin: 20px 0 0 130px;
	background-color: transparent;
	z-index:-200;
  
}



.page_back {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 0;
	background-color: transparent;
	z-index:46;

}


.page_back_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 0;
	background-color: transparent;
		background-image: url(img/back0002.png) ;
   background-size: contain;
	z-index:46;
  
 transition: all .2s ease-in-out;
      
            }

.page_back_dummy:hover {
     opacity: 0.5;
   
}


.page_next {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 200px;
	background-color: transparent;
	z-index:2;

}


.page_next_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 auto;
	z-index:2;
	
	background-image: url(img/next002.png) ;
   background-size: contain;
  
 transition: all .2s ease-in-out;
      
            }

.page_next_dummy:hover {
     opacity: 0.5;
   
}



.page_last {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 240px;
	background-color: transparent;
	z-index:2;
	
  
}


.page_last_dummy {
	width: 18px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 -20px;
	background-image: url(img/last_page.png);
	z-index:2;
  
 transition: all .2s ease-in-out;
      
            }

.page_last_dummy:hover {
     opacity: 0.5;
   
}


.page_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 80px;
	background-color: #f3f3f3;
    border-radius: 100%;
	z-index:46;
  
}

.page_dummy2 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 120px;
	background-color: #f3f3f3;
    border-radius: 100%;
	z-index:46;
  
}

.page_dummy3 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 160px;
	background-color: #f3f3f3;
    border-radius: 100%;
	z-index:46;
  
}

.page_01 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 40px;
	background-color: transparent;
    border-radius: 100%;
	z-index:46;
  
}

.page_01_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 40px;
	background-color: #009cff;
    border-radius: 100%;
	z-index:46;
	
	font-family: "F02";
	font-weight: 200;
     font-size: 2.0em;
     text-align: center;
     line-height: 1.2;
     letter-spacing: 1px;
      color: #025649;
 
            }
            
            .page_001 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 40px;
	background-color: transparent;
    border-radius: 100%;
	z-index:49;
           
             transition: all .2s ease-in-out;
                
            }
            
            
               .page_001:hover {
    opacity: 0.5;
   
}
            
            
            .page_001_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 auto;
	background-color: #7f7f7f;
    border-radius: 100%;
	z-index:46;
	
	font-family: "F02";
	font-weight: 200;
     font-size: 2.0em;
     text-align: center;
     line-height: 1.2;
     letter-spacing: 1px;
      color: #d7d7d7;
 
            }
            
            .page_012 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 80px;
	background-color: #7f7f7f;
    border-radius: 100%;
	z-index:46;

              transition: all .2s ease-in-out;
                
            }
            
         .page_012:hover {
    opacity: 0.5;
   
}
   
            
            
            
            .page_012_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 auto;
	background-color: transparent;
    border-radius: 100%;
	z-index:46;
	
	font-family: "F02";
	font-weight: 200;
     font-size: 2.0em;
     text-align: center;
     line-height: 1.2;
     letter-spacing: 1px;
      color: #d7d7d7;
 
            }
            
            


.page_002_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 40px;
	background-color: #009cff;
    border-radius: 100%;
	z-index:46;
	
	font-family: "F02";
	font-weight: 200;
     font-size: 2.0em;
     text-align: center;
     line-height: 1.2;
     letter-spacing: 1px;
      color: #025649;
 
            }
            
            .page_002 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 40px;
	background-color: transparent;
    border-radius: 100%;
	z-index:46;
           
            
            }
            
            
              


.page_02 {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 40px;
	background-color: transparent;
    border-radius: 100%;
	z-index:46;
  
}


.page_02_dummy {
	width: 30px;
	height: 30px;
	position:absolute;
	margin: 0 0 0 0;
	background-color: #00a78d;
    border-radius: 100%;
	z-index:46;
	
	font-family: "F02";
	font-weight: 200;
     font-size: 2.0em;
     text-align: center;
     line-height: 1.2;
     letter-spacing: 1px;
      color: white;
 
  transition: all .2s ease-in-out;
      
            }

.page_02_dummy:hover {
    transform: scale(0.8);
   
}




.interract_img01 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: -120px auto;
	background: linear-gradient(to top, #faca2e, #f8b81f, #faca2e);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-image: url(img/main_map.jpg);
	border: 5px; 
	border-style: solid;
    border-color: white;
	 
	 -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius:10px; 
     border-radius: 10px; 
     
     animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    
}

.interract_img02 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: 1px auto;
	background-image: url(img/main_map.jpg);
	z-index:2;

     
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
    
}

.interract_img03 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: 1px auto;
	background-image: url(img/main_map2.jpg);
	z-index:2;

     
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
    
}



.interract_img04 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: -30px auto;
	background-image: url(img/main_map2.jpg);
	z-index:2;

     
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
    
}



.news_main {
	width: 1130px;
	height: 610px;
	overflow: visible;
	margin: 200px auto;
	background-color: transparent;
	z-index:190;

     
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
    
}


.news1 {
    position:absolute;
    display: inline-block;
    width: 1130px;
	height: 100px;
	margin: 70px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 3.9em;
     line-height: 1.1;
      color: #0E4F5D;
            }
            
            
            
            .news2 {
    position:absolute;
    display: inline-block;
    width: 1130px;
	height: 100px;
	margin: -70px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 3.0em;
     line-height: 1.2;
     letter-spacing: 2.0px;
      color: #0E4F5D;
            }
            
            
             .news3 {
    position:absolute;
    display: inline-block;
    width: 1130px;
	height: 100px;
	margin: 150px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 3.0em;
     line-height: 1.2;
     letter-spacing: 2.3px;
      color: #069b9d;
            }
            
            
            
            .news_underline {

    position:absolute;
    width: 900px;
	height: 2px;
	margin: 60px 0 0 1px;
	
	background: #3f3f3f; /* Old browsers */
background: -moz-linear-gradient(left, #3f3f3f 1%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3f3f3f 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3f3f3f 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	
            }
            
            
            .news_underline2 {

    position:absolute;
    width: 900px;
	height: 2px;
	margin: 65px 0 0 226px;
	
	background: #3f3f3f; /* Old browsers */
background: -moz-linear-gradient(right, #3f3f3f 1%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right, #3f3f3f 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left, #3f3f3f 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	
            }


.news_block_01 {

    display: inline-block;
    position:absolute;
    width: 500px;
	height: 300px;
	margin: 70px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 3.8em;
     line-height: 1.3;
      color: #0E4F5D;
            }
            
    .news_content01 {
    display: inline-block;
    position:absolute;
    width: 485px;
	height: 50px;
	margin: 5px 0 0 5px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.6em;
     line-height: 1.1;
      color: #1F266B;
      
      transition: all .2s ease-in-out;
      
            }

.news_content01:hover {
    opacity: 0.5;
   
}




.news_content02 {
    display: inline-block;
    position:absolute;
    width: 200px;
	height: 30px;
	margin: -51px 0 0 2px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.8em;
     line-height: 1.1;
      color: #DB4D4F;
      
      transition: all .2s ease-in-out;
      
            }







.news_subtitle02 {
    display: inline-block;
    position:absolute;
    width: 530px;
	height: 30px;
	margin: 6px 0 0 2px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.6em;
     line-height: 1.1;
      color: #52130A ;
      
      transition: all .2s ease-in-out;
      
            }

.news_subtitle02:hover {
    opacity: 0.5;
   
}





.news_date {
    display: inline-block;
    position:absolute;
    width: 485px;
	height: 20px;
	margin: 36px 0 0 5px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.4em;
     line-height: 1.1;
      color: #BDBDBD ;
            }
            
            
            
.news_date_02 {
    display: inline-block;
    position:absolute;
    width: 485px;
	height: 20px;
	margin: 20px 0 0 5px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.4em;
     line-height: 1.1;
      color: #BDBDBD ;
            }   
            
            
            
            
            
   .news_gallery_01 {

    display: block;
    width: 490px;
	height: 170px;
	margin: 95px 0 0 6px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 3.8em;
     line-height: 1.3;
      color: #0E4F5D;
            }
            
            .news_gallery_001 {

    display: block;
    width: 350px;
	height: 220px;
	margin: 50px 0 0 35px;
	background-color: transparent;
	background-image: url(img/upload/news/news_video_02.jpg) ;
    background-size: cover;
    box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 3.8em;
     line-height: 1.3;
      color: #0E4F5D;
           
             transition: all .2s ease-in-out;
            }
            
            
        .news_gallery_001:hover {
    opacity: 0.5;
   
}    
        
            
            
            
            .news_gallery_001_dummy {

    display: block;
    width: 350px;
	height: 220px;
	margin: 0 auto;
	background-color: transparent;
	

            }
            
        
	

            
            .news_gallery_02 {

    display: block;
    width: 490px;
	height: 170px;
	margin: 105px 0 0 6px;
	background-color: transparent;

            }
            
    .news_block_02 {

    display: inline-block;
    position:absolute;
    width: 500px;
	height: 300px;
	margin: -264px 0 0 570px;
	background-color: transparent;
	
            }        
            
            
    .news_txt_02 {

    display: block;
    width: 250px;
	height: 170px;
	margin: 95px 0 0 6px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.3em;
     line-height: 1.3;
      color: #0E4F5D;
            }        
            
             .banner01 {

    display: block;
    position:absolute;
    width: 490px;
	height: 150px;
	margin: 310px 0 0 630px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: left;
     font-size: 3.8em;
     line-height: 1.1;
      color: #f86312;
            }
            
            
            .gallery_right {

    display: block;
    position:absolute;
    overflow:visible;
    width: 490px;
	height: 250px;
	margin: 450px 0 0 620px;
	background-color: white;
	z-index:5;
            }
            
            
      
            
            .gallery_right_overlay {

    display: inline-block;
    position:absolute;
    width: 490px;
	height: 250px;
	margin: 205px 0 0 620px;
	background-color: transparent;
	z-index:10;
            }
            
            
          .gallery_right_02 {

    display: block;
    position:absolute;
    overflow:visible;
    width: 490px;
	height: 250px;
	margin: 543px 0 0 620px;
	background-color: transparent;
	z-index:199;
            }  
            
            
            .small_shadow_01 {

    display: inline-block;
    position:absolute;
    width: 490px;
	height: 22px;
	margin: 12px auto;
	background-image: url(img/small_shadow.png);
	z-index:10;
            }
            
            
              .small_shadow_02 {

    display: inline-block;
    position:absolute;
    width: 490px;
	height: 22px;
	margin: 793px 0 0  620px;
	background-image: url(img/small_shadow.png);
	z-index:10;
            }
            
            .small_shadow_03 {

    display: inline-block;
    position:absolute;
    width: 532px;
	height: 14px;
	margin: 340px 0 0 5px;
	background-image: url(img/small_shadow_02.png);
	z-index:70;
            }
            
            
            .degree_title {
                
                display: block;
    position:absolute;
    width: 490px;
	height: 20px;
	margin: 50px 0 0 1px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 3.0em;
     line-height: 1.1;
      color: #00C72C;
                
            }
            
            .dummy_virt {
                
                display: block;
    position:absolute;
    width: 290px;
	height: 20px;
	margin: 200px 0 0 640px;
	background-color: transparent;
	
      color: transparent;
                
            }
            
            
            .new_test {

    
    width: 489px;
	height: 250px;
	margin: 0 auto;
	background-color: red ;
	
            }
            
            .new_test:hover {
     cursor: url("img/cursor_rotate.png"), auto;
   
} 
   
   
   
   .rotate_fullscreen {

    position:absolute;
    overflow:hidden;
    width: 1100px;
	height: 560px;
	margin: 0 0 0 -16px;
	background-color: black;
	transition: all .2s ease-in-out;
	z-index:1;
            }
            
            .rotate_fullscreen:hover {
     cursor: url("img/cursor_rotate.png"), auto;
   
}
   
   
   
            
          
  .line1 {

    display: block;
    position:absolute;
    width: 489px;
	height: 20px;
	margin: 100px 0 0 1px;
	background-color: black;
	z-index:20;
	opacity:0.4;
	transition: all .2s ease-in-out;
	
	
            }
            
            .line2 {

    display: block;
    position:absolute;
    width: 489px;
	height: 20px;
	margin: 330px 0 0 1px;
	background-color: black;
	z-index:20;
	opacity:0.4;
	transition: all .2s ease-in-out;
            }
  
  .fullscreen {
    display: block;
    position:absolute;
    width: 40px;
	height: 40px;
	margin: 290px 0 0 450px;
	background-image: url(img/fullscreen01.png);
	z-index:20;
	opacity:0.4;
	transition: all .2s ease-in-out;
	
            }
            
      .fullscreen:hover {
    
   transform: scale(0.8);
   
}      
            
            
            .fullscreen_dummy {

    display: block;
    position:absolute;
    width: 40px;
	height: 40px;
	margin: 0 auto;
	background-color: transparent;
	z-index:20;
	opacity:0;
	transition: all .2s ease-in-out;
	
            }
 

            
            
  

.pr_01 {
    position:absolute;
    display: inline-block;
    width: 160px;
	height: 160px;
	margin: 10px 0 0 2px;
	background-image: url(img/pr01.jpg);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	border-radius: 100%;
	transition: all .2s ease-in-out;
	
            }
         

.pr_01:hover {
    opacity: 0.5;
   
}    
            
            


.pr_02 {
    position:absolute;
    display: inline-block;
    width: 160px;
	height: 160px;
	margin: 10px 0 0 164px;
	background-image: url(img/pr02.jpg);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	border-radius: 100%;
	transition: all .2s ease-in-out;
	
            }
         

.pr_02:hover {
    opacity: 0.5;
   
}        
            .pr_03 {
    position:absolute;
    display: inline-block;
    width: 160px;
	height: 160px;
	margin: 10px 0 0 326px;
	background-image: url(img/pr03.jpg);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	border-radius: 100%;
	transition: all .2s ease-in-out;
	
            }
         

.pr_03:hover {
    opacity: 0.5;
   
} 




.pr_04 {
    position:absolute;
    display: inline-block;
    width: 210px;
	height: 210px;
	margin: -40px 0 0 280px;
	background-image: url(img/upload/smi7_min.jpg);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	border-radius: 100%;
	transition: all .2s ease-in-out;
	
            }
         

.pr_04:hover {
    opacity: 0.5;
   
}  


.pr_05 {
    position:absolute;
    display: inline-block;
    width: 260px;
	height: 210px;
	margin: -20px 0 0 1px;
	background-color:transparent;
	transition: all .2s ease-in-out;
	color:black;
            }
         

.pr_04:hover {
    opacity: 0.5;
   
}  


.shadow01 {
	width: 1130px;
	height: 74px;
	margin: 30px auto;
	z-index:1;
	
	background-image: url(img/shadow01.png);

     
     animation: fadein 9s;
    -moz-animation: fadein 9s; /* Firefox */
    -webkit-animation: fadein 9s; /* Safari and Chrome */
    -o-animation: fadein 9s; /* Opera */
    
}


.shadow02 {
	width: 1130px;
	height: 74px;
	margin: -1px auto;
	z-index:1;
	
	background-image: url(img/shadow01.png);

     
     animation: fadein 9s;
    -moz-animation: fadein 9s; /* Firefox */
    -webkit-animation: fadein 9s; /* Safari and Chrome */
    -o-animation: fadein 9s; /* Opera */
    
}





.interract_img_regio_04 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: 45px auto;
	background: linear-gradient(to top, #faca2e, #f8b81f, #faca2e);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-image: url(img/regio04_zoomed.jpg);
	border: 5px; 
	border-style: solid;
    border-color: white;
	 
	 -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius:10px; 
     border-radius: 10px; 
     
     animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    
}


.interract_img_regio_03 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: 45px auto;
	background: linear-gradient(to top, #faca2e, #f8b81f, #faca2e);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-image: url(img/regio03_zoomed.jpg);
	border: 5px; 
	border-style: solid;
    border-color: white;
	 
	 -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius:10px; 
     border-radius: 10px; 
     
     animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    
}


.interract_img_regio_02 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: -20px auto;
	background: linear-gradient(to top, #faca2e, #f8b81f, #faca2e);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-image: url(img/regio02_zoomed.jpg);
	border: 5px; 
	border-style: solid;
    border-color: white;
    z-index:1;
	 
	 -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius:10px; 
     border-radius: 10px; 
     
     animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    
}



.interract_img_regio_01 {
	width: 1130px;
	height: 700px;
	overflow: hidden;
	margin: 45px auto;
	background: linear-gradient(to top, #faca2e, #f8b81f, #faca2e);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	background-image: url(img/regio01_zoomed.jpg);
	border: 5px; 
	border-style: solid;
    border-color: white;
	 
	 -moz-border-radius: 10px; 
     -webkit-border-radius: 10px; 
     -khtml-border-radius:10px; 
     border-radius: 10px; 
     
     animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    
}



.notes01hold {
    width: 1130px;
	height: 50px;
		margin: 10px auto;
	display:block;
     background-color: transparent;
    z-index: 2;
   
  
    
}


.notes01 {
    width: 380px;
	height: 285px;
	margin: 160px 0 0 -10px;
	display:block;
    position: absolute;
    background-image: url(img/notes.png);
    z-index: 1;
    
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
    
     -moz-transform: rotate(-15deg); /* Для Firefox */
    -ms-transform: rotate(-15deg); /* Для IE */
    -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-15deg); /* Для Opera */
    transform: rotate(-15deg);
   
            
  }
  
  
  .turnbackdummy {
    width: 140px;
	height: 40px;
	margin: 0 auto;
	display:block;
    position: absolute;
    background-color: transparent;
    z-index: 1;
    opacity:0;
  }
  
  
  .turnback {
    width: 140px;
	height: 40px;
	margin: -30px 0 0 970px;
	display:block;
    position: absolute;
    background-image: url(img/back_arrow.png);
    z-index: 1;
    
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
    
     transition: all .2s ease-in-out;
    
  }
  
  
  .turnback:hover {
    transform: scale(0.8);
   
}



  .turnback02 {
    width: 140px;
	height: 40px;
	margin: 150px auto;
	display:block;
    position: fixed;
    background-image: url(img/back_arrow.png);
    z-index: 1;
    
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    transition: all .2s ease-in-out;
    
    
    
  }
  






.sold01 {
    
     width: 200px;
	height: 60px;
	margin: 525px 0 0 880px;
	display:block;
    position: absolute;
    background-image: url(img/soldout.png);
     background-size: cover;
    
    
     -moz-transform: rotate(-40deg); /* Для Firefox */
    -ms-transform: rotate(-40deg); /* Для IE */
    -webkit-transform: rotate(-40deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-40deg); /* Для Opera */
    transform: rotate(-40deg);
    
}


/*************************** **************************** MAIN REGIO **************************** ***************************/


.lupa01 {
    width: 30px;
	height: 30px;
		margin: 0 auto;
	display:block;
    position: absolute;
    background-image: url(img/lupa01.gif);
     background-size: cover;
    z-index: 2;
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}



.degr360 {
    width: 35px;
	height: 35px;
		margin: 400px 0 0 400px;
	display:block;
    position: absolute;
    background-image: url(img/360d.png);
     background-size: cover;
    z-index: 20;
    
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
    
     transition: all .2s ease-in-out;
    
    
  }
  
  
  .degr360:hover {
    transform: scale(0.8);
   
}



.degr360_01 {
    width: 35px;
	height: 35px;
		margin: 0 auto;
	display:block;
    position: absolute;
    background-color:transparent;
     background-size: cover;
    z-index: 21;
    
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

    
    
  }
  
  
  
.degr360_txt {
    position: absolute;
	margin:9px 0 0 3px;
font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.2em;
     line-height: 1.1;
      color: white;
  
  z-index: 100;   
    
}

.degr360_02 {
    width: 35px;
	height: 35px;
		margin:345px 0 0 155px;
	display:block;
    position: absolute;
     border-radius: 100%;
     box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    
    background: -moz-linear-gradient(top, #f47764 0%, #770a02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f47764 0%,#770a02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f47764 0%,#770a02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     background-size: cover;
    z-index: 199;
    
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
    
     transition: all .2s ease-in-out;
    
    
  }
  
  
  .degr360_02:hover {
    transform: scale(0.8);
   
}




.degr360_04 {
    width: 35px;
	height: 35px;
		margin:560px 0 0 630px;
	display:block;
    position: absolute;
     border-radius: 100%;
     box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    
    background: -moz-linear-gradient(top, #f47764 0%, #770a02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f47764 0%,#770a02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f47764 0%,#770a02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     background-size: cover;
    z-index: 199;
    
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
    
     transition: all .2s ease-in-out;
    
    
  }
  
  
  .degr360_04:hover {
    transform: scale(0.8);
   
}


.degr360_05 {
    width: 35px;
	height: 35px;
		margin: 120px 0 0 580px;
	display:block;
    position: absolute;
     border-radius: 100%;
     box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    
    background: -moz-linear-gradient(top, #f47764 0%, #770a02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f47764 0%,#770a02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f47764 0%,#770a02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     background-size: cover;
    z-index: 199;
    
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
    
     transition: all .2s ease-in-out;
    
    
  }
  
  
  .degr360_05:hover {
    transform: scale(0.8);
   
}






.park01 {
    width: 100px;
	height: 100px;
		margin: 290px 0 0 390px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 190;
    
    -webkit-clip-path: polygon(3% 41%, 90% 24%, 97% 63%, 10% 78%);
clip-path: polygon(3% 41%, 90% 24%, 97% 63%, 10% 78%);
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.park01_dummy {
    width: 400px;
	height: 245px;
	margin: 50px 0 0 290px;
	display:block;
    position: absolute;
    background-image: url(img/gallery02min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.park01:hover + .park01_dummy{
    opacity: 1;
    
}  









.park001 {
    width: 80px;
	height: 30px;
		margin: 300px 0 0 210px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 195;
    /*
    width: 200px;
	height: 200px;
		margin: 250px 0 0 158px;
    
    -webkit-clip-path: polygon(14% 45%, 98% 39%, 98% 71%, 16% 80%);
clip-path: polygon(14% 45%, 98% 39%, 98% 71%, 16% 80%);
     */
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
    
    
    
}


.park001_dummy {
    width: 400px;
	height: 245px;
	margin: 150px 0 0 300px;
	display:block;
    position: absolute;
    background-image: url(img/park_min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 190;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
    
}


.park001:hover + .park001_dummy{
    opacity: 1;
    
}  






.park002 {
    width: 80px;
	height: 30px;
		margin: 100px 0 0 620px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 190;
    
    

  /*
    width: 200px;
	height: 200px;
		margin: 50px 0 0 570px;
    
    -webkit-clip-path: polygon(14% 39%, 98% 36%, 100% 76%, 16% 80%);
clip-path: polygon(14% 39%, 98% 36%, 100% 76%, 16% 80%);
     */



    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.park002_dummy {
    width: 400px;
	height: 245px;
	margin: 210px 0 0 670px;
	display:block;
    position: absolute;
    background-image: url(img/park02_min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 190;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
}


.park002:hover + .park002_dummy{
    opacity: 1;
    
}  














.relax01 {
    width: 120px;
	height: 120px;
		margin: 300px 0 0 30px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 10;
    
 -webkit-clip-path: polygon(0 40%, 11% 10%, 100% 49%, 60% 85%);
clip-path: polygon(0 40%, 11% 10%, 100% 49%, 60% 85%);
    
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.relax01_dummy {
    width: 400px;
	height: 245px;
	margin: 50px 0 0 90px;
	display:block;
    position: absolute;
    background-image: url(img/gallery02min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 1;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
    
}


.relax01:hover + .relax01_dummy{
    opacity: 1;
    
}  






.port001 {
    width: 90px;
	height: 30px;
		margin: 460px 0 0 90px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 190;
    
    
     /*
     width: 120px;
	height: 120px;
		margin: 455px 0 0 60px;
    
    -webkit-clip-path: polygon(1% 37%, 98% 20%, 100% 68%, 3% 77%);
clip-path: polygon(1% 37%, 98% 20%, 100% 68%, 3% 77%);
     */
    

    
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
            
            
    
}


.port001_dummy {
    width: 400px;
	height: 245px;
	margin: 310px 0 0 210px;
	display:block;
    position: absolute;
    background-image: url(img/gallery03min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 190;
    
    /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
}


.port001:hover + .port001_dummy{
    opacity: 1;
    
}  









.port01 {
    width: 120px;
	height: 120px;
		margin: 560px 0 0 937px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 10;
    
-webkit-clip-path: polygon(26% 11%, 57% 6%, 75% 62%, 42% 70%);
clip-path: polygon(26% 11%, 57% 6%, 75% 62%, 42% 70%);
    
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.port01_dummy {
    width: 400px;
	height: 245px;
	margin: 320px 0 0 560px;
	display:block;
    position: absolute;
    background-image: url(img/gallery03min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 1;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
    
}


.port01:hover + .port01_dummy{
    opacity: 1;
    
}  






.house001 {
    width: 400px;
	height: 400px;
		margin: 400px 0 0 380px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 190;
    
-webkit-clip-path: polygon(78% 40%, 90% 51%, 66% 72%, 1% 54%, 14% 28%);
clip-path: polygon(78% 40%, 90% 51%, 66% 72%, 1% 54%, 14% 28%);
    
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.house001_dummy {
    width: 400px;
	height: 245px;
	margin: 220px 0 0 370px;
	display:block;
    position: absolute;
    background-image: url(img/houses_min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 190;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
    
}


.house001:hover + .house001_dummy{
    opacity: 1;
    
}








.store01 {
    width: 120px;
	height: 120px;
		margin: 220px 0 0 900px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 10;
    
    
    
    
    
-webkit-clip-path: polygon(27% 48%, 75% 26%, 68% 78%, 41% 66%);
clip-path: polygon(27% 48%, 75% 26%, 68% 78%, 41% 66%);
    
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.store01_dummy {
    width: 400px;
	height: 245px;
	margin: 30px 0 0 510px;
	display:block;
    position: absolute;
    background-image: url(img/gallery03min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 1;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
    
}


.store01:hover + .store01_dummy{
    opacity: 1;
    
}  






.store001 {
    width: 163px;
	height: 20px;
		margin: 460px 0 0 574px;
	display:block;
    position: absolute;
    background-color: transparent;
    opacity: 0.2;
    z-index: 190;
    
/*
     width: 120px;
	height: 120px;
		margin: 220px 0 0 900px;
    
    -webkit-clip-path: polygon(27% 48%, 75% 26%, 68% 78%, 41% 66%);
clip-path: polygon(27% 48%, 75% 26%, 68% 78%, 41% 66%);
     */
    
    
    
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.store001_dummy {
    width: 400px;
	height: 245px;
	margin: 200px 0 0 510px;
	display:block;
    position: absolute;
    background-image: url(img/store_min.jpg);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    opacity: 0;
    z-index: 190;
     /*
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    */
    
}


.store001:hover + .store001_dummy{
    opacity: 1;
    
}  







.regio1 {
    position: absolute;
    display:block;
    	width: 450px;
	height: 400px;
-webkit-clip-path: polygon(14% 31%, 34% 27%, 54% 14%, 63% 0, 71% 21%, 84% 65%, 18% 94%, 10% 91%, 3% 31%);
clip-path: polygon(14% 31%, 34% 27%, 54% 14%, 63% 0, 71% 21%, 84% 65%, 18% 94%, 10% 91%, 3% 31%);


	margin: 7px 0 0 570px;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}


.regio1link {
    position: absolute;
    display:block;
    	width: 450px;
	height: 400px;
-webkit-clip-path: polygon(14% 31%, 34% 27%, 54% 14%, 63% 0, 71% 21%, 84% 65%, 18% 94%, 10% 91%, 3% 31%);
clip-path: polygon(14% 31%, 34% 27%, 54% 14%, 63% 0, 71% 21%, 84% 65%, 18% 94%, 10% 91%, 3% 31%);


	margin: 0 auto;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}




.dummy1 {
    width: 1130px;
	height: 700px;
	display:block;
    position: absolute;
    background-image: url(img/regio01.jpg);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.regio1:hover + .dummy1{
    opacity: 1;
    
}  



.regio2 {
    position: absolute;
    display:block;
    	width: 550px;
	height: 330px;
-webkit-clip-path: polygon(1% 90%, 27% 51%, 87% 9%, 92% 82%, 87% 86%, 84% 92%, 59% 97%, 44% 95%, 16% 95%, 13% 92%);
clip-path: polygon(1% 90%, 27% 51%, 87% 9%, 92% 82%, 87% 86%, 84% 92%, 59% 97%, 44% 95%, 16% 95%, 13% 92%);

	margin: 100px 0 0 100px;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}


.regio2link {
    position: absolute;
    display:block;
    	width: 550px;
	height: 330px;
-webkit-clip-path: polygon(1% 90%, 27% 51%, 87% 9%, 92% 82%, 87% 86%, 84% 92%, 59% 97%, 44% 95%, 16% 95%, 13% 92%);
clip-path: polygon(1% 90%, 27% 51%, 87% 9%, 92% 82%, 87% 86%, 84% 92%, 59% 97%, 44% 95%, 16% 95%, 13% 92%);

	margin: 0 auto;
	background-color: blue;
	opacity: 0;
	z-index: 1;
	
	
}


.dummy2 {
    width: 1130px;
	height: 700px;
	display:block;
    position: absolute;
    background-image: url(img/regio02.jpg);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.regio2:hover + .dummy2{
    opacity: 1;
    
}






.regio3 {
    position: absolute;
    display:block;
    	width: 520px;
	height: 250px;

-webkit-clip-path: polygon(59% 5%, 84% 0, 94% 5%, 76% 88%, 56% 90%, 41% 77%, 25% 56%, 0 32%, 9% 3%, 43% 3%);
clip-path: polygon(59% 5%, 84% 0, 94% 5%, 76% 88%, 56% 90%, 41% 77%, 25% 56%, 0 32%, 9% 3%, 43% 3%);

	margin: 410px 0 0 120px;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}


.regio3link {
    position: absolute;
    display:block;
    	width: 520px;
	height: 250px;

-webkit-clip-path: polygon(59% 5%, 84% 0, 94% 5%, 76% 88%, 56% 90%, 41% 77%, 25% 56%, 0 32%, 9% 3%, 43% 3%);
clip-path: polygon(59% 5%, 84% 0, 94% 5%, 76% 88%, 56% 90%, 41% 77%, 25% 56%, 0 32%, 9% 3%, 43% 3%);

	margin: 0 auto;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}

.dummy3 {
    width: 1130px;
	height: 700px;
	display:block;
    position: absolute;
    background-image: url(img/regio03.jpg);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.regio3:hover + .dummy3{
    opacity: 1;
    
}                     



.regio4 {
    position: absolute;
    display:block;
    	width: 450px;
	height: 400px;

-webkit-clip-path: polygon(81% 0, 98% 14%, 92% 54%, 77% 79%, 64% 82%, 52% 96%, 38% 75%, 24% 50%, 0 42%, 74% 8%);
clip-path: polygon(81% 0, 98% 14%, 92% 54%, 77% 79%, 64% 82%, 52% 96%, 38% 75%, 24% 50%, 0 42%, 74% 8%);


	margin: 220px 0 0 660px;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}


.regio4link {
    position: absolute;
    display:block;
    	width: 450px;
	height: 400px;

-webkit-clip-path: polygon(81% 0, 98% 14%, 92% 54%, 77% 79%, 64% 82%, 52% 96%, 38% 75%, 24% 50%, 0 42%, 74% 8%);
clip-path: polygon(81% 0, 98% 14%, 92% 54%, 77% 79%, 64% 82%, 52% 96%, 38% 75%, 24% 50%, 0 42%, 74% 8%);


	margin: 0 auto;
	background-color: red;
	opacity: 0;
	z-index: 2;
	
	
}



.dummy4 {
    width: 1130px;
	height: 700px;
	display:block;
    position: absolute;
    background-image: url(img/regio04.jpg);
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    
}


.regio4:hover + .dummy4{
    opacity: 1;
    
}      




/*************************** **************************** REGIO 02 **************************** ***************************/


.R2-01 {
                position: absolute;
                display:block;
                width: 80px;
	            height: 80px;
	            margin: 75px 0 0 975px;
            	background-color: rgba(255,0,0,.5);
	            opacity: 0;
	            z-index: 2;
	
                -webkit-clip-path: polygon(2% 28%, 59% 3%, 63% 66%, 11% 76%);
                clip-path: polygon(2% 28%, 59% 3%, 63% 66%, 11% 76%);
	        }


    .R2-01-link {
                position: absolute;
                display:block;
                width: 80px;
	            height: 80px;
	            margin: 0 auto;
                background-color: transparent;
            	opacity: 0;
	            z-index: 1;
	
                -webkit-clip-path: polygon(2% 28%, 59% 3%, 63% 66%, 11% 76%);
                clip-path: polygon(2% 28%, 59% 3%, 63% 66%, 11% 76%);
	        }


                .R2-01dummy {
                width: 1130px;
            	height: 700px;
            	display:block;
                position: absolute;
                background-image: url(img/subregions/R02-01.png);
                opacity: 0;
                z-index: 1;
                
                -webkit-transition: opacity 1s ease-in-out;
                -moz-transition: opacity 1s ease-in-out;
                -ms-transition: opacity 1s ease-in-out;
                -o-transition: opacity 1s ease-in-out;
                transition: opacity 1s ease-in-out;
             }


    .R2-01:hover + .R2-01dummy{
    opacity: 1;
                }  


    .R2-01dummyDescr {
                width: 260px;
            	height: 200px;
            	margin: 145px 0 0 20px;
            	display:block;
                position: absolute;
                background-color: transparent;
                opacity: 1;
                z-index: 1;
    
            	font-family: "F03";
            	font-weight: 700;
                text-align: left;
	            letter-spacing: -2px; 
                font-size: 1.9em;
                line-height: 1.6;
                color: #272727;
    
                -moz-transform: rotate(-15deg); /* Для Firefox */
                -ms-transform: rotate(-15deg); /* Для IE */
                -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
                -o-transform: rotate(-15deg); /* Для Opera */
                 transform: rotate(-15deg);
            }
            
            
.R2-02 {
                position: absolute;
                display:block;
                width: 80px;
	            height: 80px;
	            margin: 125px 0 0 975px;
            	background-color: rgba(255,0,0,.5);
	            opacity: 0;
	            z-index: 2;
	
                -webkit-clip-path: polygon(10% 17%, 67% 6%, 75% 59%, 18% 71%);
                clip-path: polygon(10% 17%, 67% 6%, 75% 59%, 18% 71%);     

            }


    .R2-02-link {
                position: absolute;
                display:block;
                width: 80px;
	            height: 80px;
	            margin: 0 auto;
                background-color: transparent;
            	opacity: 0;
	            z-index: 1;
	
                -webkit-clip-path: polygon(10% 17%, 67% 6%, 75% 59%, 18% 71%);
                clip-path: polygon(10% 17%, 67% 6%, 75% 59%, 18% 71%);  
	        }
	        
	        
	 .R2-02dummy {
                width: 1130px;
            	height: 700px;
            	display:block;
                position: absolute;
                background-image: url(img/subregions/R02-02.png);
                opacity: 0;
                z-index: 1;
                
                -webkit-transition: opacity 1s ease-in-out;
                -moz-transition: opacity 1s ease-in-out;
                -ms-transition: opacity 1s ease-in-out;
                -o-transition: opacity 1s ease-in-out;
                transition: opacity 1s ease-in-out;
             }
             
             
    .R2-02:hover + .R2-02dummy{
    opacity: 1;
                }  


    .R2-02dummyDescr {
                width: 260px;
            	height: 200px;
            	margin: 145px 0 0 20px;
            	display:block;
                position: absolute;
                background-color: transparent;
                opacity: 1;
                z-index: 1;
    
            	font-family: "F03";
            	font-weight: 700;
                text-align: left;
	            letter-spacing: -2px; 
                font-size: 1.9em;
                line-height: 1.6;
                color: #272727;
    
                -moz-transform: rotate(-15deg); /* Для Firefox */
                -ms-transform: rotate(-15deg); /* Для IE */
                -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
                -o-transform: rotate(-15deg); /* Для Opera */
                 transform: rotate(-15deg);
            }
            
.R2-03 {
                position: absolute;
                display:block;
                width: 80px;
	            height: 140px;
	            margin: 70px 0 0 935px;
            	background-color: rgba(255,0,0,.5);
	            opacity: 0;
	            z-index: 2;
	
                -webkit-clip-path: polygon(14% 30%, 54% 22%, 66% 79%, 26% 84%);
                clip-path: polygon(14% 30%, 54% 22%, 66% 79%, 26% 84%); 

            }            
            
        .R2-03-link {
                position: absolute;
                display:block;
                width: 80px;
	            height: 140px;
	            margin: 0 auto;
                background-color: transparent;
            	opacity: 0;
	            z-index: 1;
	
                -webkit-clip-path: polygon(14% 30%, 54% 22%, 66% 79%, 26% 84%);
                clip-path: polygon(14% 30%, 54% 22%, 66% 79%, 26% 84%); 
	        }
	        
	        
	 .R2-03dummy {
                width: 1130px;
            	height: 700px;
            	display:block;
                position: absolute;
                background-image: url(img/subregions/R02-03.png);
                opacity: 0;
                z-index: 1;
                
                -webkit-transition: opacity 1s ease-in-out;
                -moz-transition: opacity 1s ease-in-out;
                -ms-transition: opacity 1s ease-in-out;
                -o-transition: opacity 1s ease-in-out;
                transition: opacity 1s ease-in-out;
             }
             
             
    .R2-03:hover + .R2-03dummy{
    opacity: 1;
                }  


    .R2-03dummyDescr {
                width: 260px;
            	height: 200px;
            	margin: 145px 0 0 20px;
            	display:block;
                position: absolute;
                background-color: transparent;
                opacity: 1;
                z-index: 1;
    
            	font-family: "F03";
            	font-weight: 700;
                text-align: left;
	            letter-spacing: -2px; 
                font-size: 1.9em;
                line-height: 1.6;
                color: #272727;
    
                -moz-transform: rotate(-15deg); /* Для Firefox */
                -ms-transform: rotate(-15deg); /* Для IE */
                -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
                -o-transform: rotate(-15deg); /* Для Opera */
                 transform: rotate(-15deg);
            }
            
.R2-04 {
                position: absolute;
                display:block;
                width: 80px;
	            height: 140px;
	            margin: 80px 0 0 900px;
            	background-color: rgba(255,0,0,.5);
	            opacity: 0;
	            z-index: 2;
	
                -webkit-clip-path: polygon(18% 33%, 56% 24%, 68% 76%, 28% 81%);
                clip-path: polygon(18% 33%, 56% 24%, 68% 76%, 28% 81%);

            } 
            
     .R2-04-link {
                position: absolute;
                display:block;
                width: 80px;
	            height: 140px;
	            margin: 0 auto;
                background-color: transparent;
            	opacity: 0;
	            z-index: 1;
	
                -webkit-clip-path: polygon(18% 33%, 56% 24%, 68% 76%, 28% 81%);
                clip-path: polygon(18% 33%, 56% 24%, 68% 76%, 28% 81%); 
	        }
	        
	        
	 .R2-04dummy {
                width: 1130px;
            	height: 700px;
            	display:block;
                position: absolute;
                background-image: url(img/subregions/R02-04.png);
                opacity: 0;
                z-index: 1;
                
                -webkit-transition: opacity 1s ease-in-out;
                -moz-transition: opacity 1s ease-in-out;
                -ms-transition: opacity 1s ease-in-out;
                -o-transition: opacity 1s ease-in-out;
                transition: opacity 1s ease-in-out;
             }
             
             
    .R2-04:hover + .R2-04dummy{
    opacity: 1;
                }  


    .R2-04dummyDescr {
                width: 260px;
            	height: 200px;
            	margin: 145px 0 0 20px;
            	display:block;
                position: absolute;
                background-color: transparent;
                opacity: 1;
                z-index: 1;
    
            	font-family: "F03";
            	font-weight: 700;
                text-align: left;
	            letter-spacing: -2px; 
                font-size: 1.9em;
                line-height: 1.6;
                color: #272727;
    
                -moz-transform: rotate(-15deg); /* Для Firefox */
                -ms-transform: rotate(-15deg); /* Для IE */
                -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
                -o-transform: rotate(-15deg); /* Для Opera */
                 transform: rotate(-15deg);
            }        
            
            
  .leftlogos    {  
      
      width: 260px;
        height: 200px;
            	
            	display: none;
    
            	 background-color: red;
      
  }
  
  
  
  
  #animated-example { 
  background: rgba( 255, 255, 255, 0.5);
   height: 30px; 
   margin: 100px 0 0 620px; 
   width: 80px; 
   opacity:1;
   font-family: "F02";
	text-align: center;
     font-size: 1.9em;
     line-height: 1.2;
     font-weight: bold;
       color: #042f8e;
   
   
}


 #animated-example_02 { 
  background: rgba( 255, 255, 255, 0.5);
   height: 30px; 
   margin: 170px 0 0 210px; 
   width: 80px; 
   
   font-family: "F02";
	text-align: center;
     font-size: 1.9em;
     line-height: 1.2;
     font-weight: bold;
       color: #042f8e;
   
   
}



#animated-example_03 { 
  background: rgba( 255, 255, 255, 0.5);
   height: 30px; 
   margin: 130px 0 0 90px; 
   width: 90px; 
   
   font-family: "F02";
	text-align: center;
     font-size: 1.9em;
     line-height: 1.2;
     font-weight: bold;
       color: #042f8e;
   
   
}


#animated-example_04 { 
  background: rgba( 255, 255, 255, 0.5);
   height: 20px; 
   margin: -30px 0 0 575px; 
   width: 160px; 
   
   font-family: "F02";
	text-align: center;
     font-size: 1.4em;
     line-height: 1.2;
     font-weight: bold;
       color: #042f8e;
   
   
}



.animated { 
    animation-duration: 15s; 
    animation-fill-mode: both; 
} 

@keyframes zoomIn { 
    0% { 
        opacity: 0; 
        transform: scale3d(.3, .3, .3); 
    } 
    50% { 
        opacity: 1; 
    } 
} 
.zoomIn { 
    animation-name: zoomIn; 
}
  
  
  
  
.left_menu { 
    position:absolute;
  background: rgba( 0, 0, 0, 0.5);
   height: 135px; 
   margin: 5px 0 0 5px; 
   width: 335px; 
       
       z-index:190;
 
}






.circle01 {
    position:absolute;
         margin: 12px 0 0 5px;
        width: 9px; height: 9px;
        border-radius: 100%;
        background-color: white;
      }
      
      
    .descr01 {
    position:absolute;
         margin: 7px 0 0 22px;
        width: 120px; height: 15px;
        background-color: transparent;
      
         font-family: "F02";
	text-align: left;
     font-size: 1.4em;
     line-height: 1.2;
       color: white;
      }
      
      .dummy_descr01 {
          width: 290px; height: 23px;
          position: absolute;
          margin: 11px 0 0 6px;
            background: rgba( 0, 0, 0, 0);
           z-index: 191;
      }
      
      .descr_content01 {
          position: absolute;
          margin: 0 auto;
      width: 1130px;
	height: 700px;;
      background-image: url(img/lots.jpg);
      opacity: 0;
      z-index: 1;
      
      transition: all .2s ease-in-out;
     
      }
      
      
      .dummy_descr01:hover + .descr_content01{
    opacity: 1;
    
} 
      
      
      .circle02 {
    position:absolute;
         margin: 36px 0 0 5px;
        width: 9px; height: 9px;
        border-radius: 100%;
        background-color: white;
      }
      
      
.descr02 {
    position:absolute;
         margin: 31px 0 0 22px;
        width: 270px; height: 15px;
        background-color: transparent;
      
         font-family: "F02";
	text-align: left;
     font-size: 1.4em;
     line-height: 1.2;
    
       color: white;
      }



.dummy_descr02 {
          width: 290px; height: 23px;
          position: absolute;
          margin: 36px 0 0 6px;
            background: rgba( 0, 0, 0, 0);
           z-index: 192;
      }
      
      .descr_content02 {
          position: absolute;
          margin: 0 auto;
      width: 1130px;
	height: 700px;;
      background-image: url(img/shops.jpg);
      opacity: 0;
      z-index: 1;
      
      transition: all .2s ease-in-out;
     
      }
      
      
      .dummy_descr02:hover + .descr_content02{
    opacity: 1;
    
} 




 .circle03 {
    position:absolute;
         margin: 62px 0 0 5px;
        width: 9px; height: 9px;
        border-radius: 100%;
        background-color: white;
      }
      
      
.descr03 {
    position:absolute;
         margin: 57px 0 0 22px;
        width: 330px; height: 15px;
        background-color: transparent;
      
         font-family: "F02";
	text-align: left;
     font-size: 1.4em;
     line-height: 1.2;
    
       color: white;
      }
      
      
    .dummy_descr03 {
          width: 330px; height: 23px;
          position: absolute;
          margin: 62px 0 0 6px;
             background: rgba( 0, 0, 0, 0);
           z-index: 192;
      }
      
      .descr_content03 {
          position: absolute;
          margin: 0 auto;
      width: 1130px;
	height: 700px;;
      background-image: url(img/parks.jpg);
      opacity: 0;
      z-index: 1;
      
      transition: all .2s ease-in-out;
     
      }
      
      
      
      .dummy_descr03:hover + .descr_content03{
    opacity: 1;
    
}   

   
     
      
      
  
  .circle04 {
    position:absolute;
         margin: 87px 0 0 5px;
        width: 9px; height: 9px;
        border-radius: 100%;
        background-color: white;
      }
      
      
.descr04 {
    position:absolute;
         margin: 82px 0 0 22px;
        width: 280px; height: 15px;
        background-color: transparent;
      
         font-family: "F02";
	text-align: left;
     font-size: 1.4em;
     line-height: 1.2;
    
       color: white;
      }
      
      
      
      .dummy_descr04 {
          width: 304px; height: 43px;
          position: absolute;
          margin: 87px 0 0 6px;
             background: rgba( 0, 0, 0, 0);
           z-index: 192;
      }
      
      .descr_content04 {
          position: absolute;
          margin: 0 auto;
      width: 1130px;
	height: 700px;;
      background-image: url(img/infrastrukt.jpg);
      opacity: 0;
      z-index: 1;
      
      transition: all .2s ease-in-out;
     
      }
      
      
      .dummy_descr04:hover + .descr_content04{
    opacity: 1;
    
}   





.ending {
	width: 1130px;
	height: 550px;
	overflow: visible;
	margin: -150px auto;
	background-color: transparent;
	z-index:1;

     
     animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
    
}





.question_title {
                
                display: block;
    position:absolute;
    width: 300px;
	height: 30px;
	margin: 1px 0 0 100px;
	background-color: transparent;
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.0em;
     line-height: 1.1;
      color: #b93a0d;
                
            }
            
.question_title_02 {
                
                display: block;
    position:absolute;
    width: 300px;
	height: 30px;
	margin: 80px 0 0 140px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.0em;
     line-height: 1.1;
      color: #b93a0d;
                
            }


.question_block {
                
                display: block;
    position:absolute;
    width: 460px;
	height: 290px;
	margin: 50px 0 0 10px;
	background-color: transparent;
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.5em;
     line-height: 1.1;
      color: #ce940a;
	
                
            }
            

.question_block_02 {
                
                display: block;
    position:absolute;
    width: 460px;
	height: 290px;
	margin: 130px 0 0 40px;
	background-color: transparent;
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 0.5em;
     line-height: 1.1;
      color: #ce940a;
	
                
            }            
            
            
            

/* -----------------------------------contact form--------------------- */


/* form styling */
.form_settings { 
  margin: -10px auto;
}

.form_settings p { 
 margin: 1px auto;
  padding: 3px;
}

.form_settings span { 
  padding: 0 ; 
  float: left; 
  width: 170px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
   
  width: 252px; 
  font: 100% arial, sans-serif;
  border: 0;
  border-bottom: 1px solid #DDD; 
  background: transparent;
}
  
.form_settings .submit { 
  font: 110% 'Arial', arial, sans-serif; 
  border: 0; 
  width: 120px; 
  margin: 0 0 0 162px; 
  height: 30px;
  
  cursor: pointer; 
  background: white;
  color: #b93a0d;
  line-height: 15px;
}

.form_settings textarea, .form_settings select { 
  font: 100% 'trebuchet ms', arial, sans-serif; 
  border: 1px solid #DDD; 
  width: 250px;
  overflow: auto;
}

.form_settings select { 
  width: 304px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}






/* -----------------------------------contact form--------------------- */




.ya_map_title_02 {
                
                display: block;
    position:absolute;
    width: 400px;
	height: 30px;
	margin: -50px 0 0 615px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.0em;
     line-height: 1.1;
      color: #009496;
                
            }
            
.ya_map_title {
                
                display: block;
    position:absolute;
    width: 400px;
	height: 30px;
	margin: 1px 0 0 615px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.0em;
     line-height: 1.1;
      color: #009496;
                
            }            
            

.adress {
                
                display: block;
    position:absolute;
    width: 400px;
	height: 30px;
	margin: 1px 0 0 615px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 0.6em;
     line-height: 1.1;
      color: #009496;
                
            }




.contact_title {
                
                display: block;
    position:absolute;
    width: 450px;
	height: 30px;
	margin: -70px 0 0 5px;
	background-color: transparent;
	
    font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.0em;
     line-height: 1.1;
      color: #044e7c;
                
            }
            
.contact_underline {

    position:absolute;
    width: 500px;
	height: 2px;
	margin: -30px 0 0 7px;
	
	background: #044e7c; /* Old browsers */
background: -moz-linear-gradient(left, #044e7c 1%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #044e7c 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #044e7c 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044e7c', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	
            }            
            
            
.tel {
                
                display: block;
    position:absolute;
    width: 450px;
	height: 30px;
	margin: 11px 0 0 76px;
	background-color: transparent;
	
    font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 0.6em;
     line-height: 1.1;
      color: #1c79b4;
                
            } 
            
            .tel_logo {
                
                display: block;
    position:absolute;
    width: 35px;
	height: 35px;
	margin: 5px 0 0 40px;
	background-image: url(img/tel_logo.jpg) ;
   background-size: contain;
                
            }  
            
.mail {
                
                display: block;
    position:absolute;
    width: 350px;
	height: 30px;
	margin: 11px 0 0 288px;
	background-color: transparent;
	
    font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 0.6em;
     line-height: 1.1;
      color: #1c79b4;
                
            }
            
            
             .mail_logo {
                
                display: block;
    position:absolute;
    width: 35px;
	height: 35px;
	margin: 5px 0 0 250px;
	background-image: url(img/mail_logo.jpg) ;
   background-size: contain;
                
            } 
            


.ya_map {
                
                display: block;
    position:absolute;
    width: 460px;
	height: 290px;
	margin: 50px 0 0 605px;
	background-color: transparent;
		box-shadow: 0 5px 5px rgba(0,0,0,0.3);
                
            }


.bottom_02 {
     position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
   height:140px; 
    
    width: 100%;
             background-color:#00a78d; 
  
   }





.bottom_01 {
    position:relative;
      margin: 0 auto;
  width: auto;
   height:140px;          
             background-color:#00a78d; 
           
      
  }



  .bottom {
      margin:0 auto;
  width: 1130px;
   height:140px;    
   
             background-color:#00a78d;
      z-index:10;     
      
  }

.foot_logo {
   position:absolute;
   margin:8px 0 0 7px;
   width: 107px;
   height:71px;    
   background-image: url(img/foot-logo.png) ;
   background-size: contain;
   background-color:transparent; 
   z-index:1;     
      
  }
  
  .foot_adress {
                
    display: block;
    position:absolute;
    width: 270px;
	height: 40px;
	margin: 8px 0 0 149px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.2em;
     line-height: 1.1;
      color: white;
                
            }
            
            
            .foot_tel {
                
    display: block;
    position:absolute;
    width: 185px;
	height: 20px;
	margin: 56px 0 0 149px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.9em;
     line-height: 1.1;
     letter-spacing:0.7px;
      color: white;
                
            }
            
            
            .foot_visits {
                
    display: block;
    position:absolute;
    width: 295px;
	height: 29px;
	margin: 97px 0 0 7px;
	background-color: transparent;
	
            }
            
            
            .foot_link01 {
                
    display: block;
    position:absolute;
    width: 115px;
	height: 29px;
	margin: 10px 0 0 358px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.3em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: #0d2a3a;
	            
                
      transition: 0.1s ease;
      webkit-transition: 0.1s ease;
      -moz-transition: 0.1s ease;
	            } 
            
	            .foot_link01:hover {
                color: #335568;
	                }        
            
            
            
            .foot_link02 {
                
    display: block;
    position:absolute;
    width: 117px;
	height: 29px;
	margin: 43px 0 0 455px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.3em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: #0d2a3a;
            
      transition: 0.1s ease;
      webkit-transition: 0.1s ease;
      -moz-transition: 0.1s ease;
	             }
            
            .foot_link02:hover {
                color: #335568;
	                }  
            
            
            .foot_link03 {
                
    display: block;
    position:absolute;
    width: 137px;
	height: 29px;
	margin: 10px 0 0 557px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.3em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: #0d2a3a;
            
      transition: 0.1s ease;
      webkit-transition: 0.1s ease;
      -moz-transition: 0.1s ease;
	            } 
            
            .foot_link03:hover {
                color: #335568;
	                }  
            
            .foot_link04 {
                
    display: block;
    position:absolute;
    width: 120px;
	height: 29px;
	margin: 43px 0 0 665px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.3em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: #0d2a3a;
           
      transition: 0.1s ease;
      webkit-transition: 0.1s ease;
      -moz-transition: 0.1s ease;
	            } 
            
            .foot_link04:hover {
                color: #335568;
	                }  
            
            
            
            .foot_link05 {
                
    display: block;
    position:absolute;
    width: 130px;
	height: 29px;
	margin: 10px 0 0 765px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 2.3em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: #0d2a3a;
       
      transition: 0.1s ease;
      webkit-transition: 0.1s ease;
      -moz-transition: 0.1s ease;
	            } 
            
            .foot_link05:hover {
                color: #335568;
	                }  
            
            
            .foot_privacy01 {
                
    display: block;
    position:absolute;
    width: 655px;
	height: 20px; 
	margin: 90px 0 0 283px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 1.0em;
     line-height: 1.1;
      color: #e7e7e7;
                
            }
            
            .foot_privacy02 {
                
    display: block;
    position:absolute;
    width: 655px;
	height: 20px;
	margin: 117px 0 0 283px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: justify;
     font-size: 1.1em;
     line-height: 1.1;
     letter-spacing:0.3px;
      color: #e7e7e7;
                
            }
            
       
       
        .foot_social_01 {
                
    display: block;
    position:absolute;
    width: 45px;
	height: 45px;
	margin: 16px 0 0 947px;
	background-color: transparent;
	background-image: url(img/fb.png) ;
	transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }     
	            
	            .foot_social_01:hover {
    
   transform: scale(0.8);
   background-image: url(img/fb_h.png) ;
   cursor: pointer;
}     


 .foot_social_02 {
                
    display: block;
    position:absolute;
    width: 45px;
	height: 45px;
	margin: 16px 0 0 995px;
	background-color: transparent;
	background-image: url(img/vk.png) ;
	transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }     
	            
	            .foot_social_02:hover {
    
   transform: scale(0.8);
   background-image: url(img/vk_h.png) ;
   cursor: pointer;
}  


 .foot_social_03 {
                
    display: block;
    position:absolute;
    width: 45px;
	height: 45px;
	margin: 16px 0 0 1043px;
	background-color: transparent;
	background-image: url(img/tw.png) ;
	transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }     
	            
	            .foot_social_03:hover {
    
   transform: scale(0.8);
   background-image: url(img/tw_h.png) ;
   cursor: pointer;
   
}  

.foot_social_04 {
                
    display: block;
    position:absolute;
    width: 45px;
	height: 45px;
	margin: 16px 0 0 1071px;
	background-color: transparent;
	background-image: url(img/inst.png) ;
	transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }     
	            
	            .foot_social_04:hover {
    
   transform: scale(0.8);
   background-image: url(img/inst_h.png) ;
   
}  
  
  
 .madeby01 {
                
    display: block;
    position:absolute;
    width: 174px;
	height: 15px;
	margin: 76px 0 0 934px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.2em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: white;
                
            } 
  
  
  .madeby02 {
                
    display: block;
    position:absolute;
    width: 179px;
	height: 16px;
	margin: 94px 0 0 961px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.2em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: white;
      
      transition: 0.2s ease;
      webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
	            } 
            
            
            .madeby02:hover {
                color: #2f3e70;
	                }
            
            .year {
                
    display: block;
    position:absolute;
    width: 179px;
	height: 20px;
	margin: 113px 0 0 985px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 400;
	text-align: left;
     font-size: 1.4em;
     letter-spacing: 1px;
     line-height: 1.1;
      color: #00044b;
                
            }
            
            
            
 .smi_01 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 67px 0 0 45px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi1_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_01:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_01_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 30px 0 0 30px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;           
            
 }
 
 
 
 
 
 .smi_02 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 47px 0 0 300px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi1_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_02:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_02_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 15px 0 0 280px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;           
            
 }
 
 
 
  .smi_03 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 237px 0 0 187px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi1_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_03:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_03_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 190px 0 0 175px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;          
            
 }
 
 
 .smi_04 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 45px 0 0 65px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi1_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_04:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_04_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 14px 0 0 60px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;            
            
 }
 
 
 
 
  .smi_05 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 230px 0 0 25px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi1_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_05:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_05_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 185px 0 0 20px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;            
            
 }
 
 
 
 
 
 .smi_06 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 230px 0 0 290px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi1_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_06:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_06_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 195px 0 0 280px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;            
            
 }
 
 
 .smi_07 {
                
    position:absolute;
    width: 140px;
	height: 140px;
	border-radius:100%;
	margin: 60px 0 0 160px;
	background-color: transparent;
	background-image: url(img/upload/smi/smi7_min.jpg) ;
	border-width: 6px;
	border-style: solid;
	border-color: #009a91;
	overflow:hidden;
   transition: 0.5s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
	            }  
 
 .smi_07:hover {
   -webkit-transform: scale(0.9) rotate(30deg);
          transform: scale(0.9) rotate(30deg);
          opacity:0.6;
}
 
 .smi_07_descr {
                
    position:absolute;
    width: 170px;
	height: 30px;
	margin: 10px 0 0 150px;
	background-color: transparent;
	
	font-family: "F02";
	font-weight: 600;
	text-align: center;
     font-size: 1.0em;
     letter-spacing: 1px;
     line-height: 1.2;
      color: #495453;            
            
 }
 
 
 
 
                                                                                              /* MODAL */
            
            .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* 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.7); /* Black w/ opacity */
}


.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* 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.7); /* Black w/ opacity */
}


.modal3 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* 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.7); /* Black w/ opacity */
}



/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 300px auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}


.modal-content2 {
    position: relative;
    background-color: #fefefe;
    margin: 300px auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}


.modal-content3 {
    position: relative;
    background-color: #fefefe;
    margin: 300px auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}



/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@-moz-keyframes  animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.close2 {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close2:hover,
.close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}



.close3 {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close3:hover,
.close3:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}




.modal-header {
    padding: 2px 16px;
    background-color: #0d9984;
    color: white;
}

.modal-header2 {
    padding: 2px 16px;
    background-color: #0d9984;
    color: white;
}


.modal-header3 {
    padding: 2px 16px;
    background-color: #0d9984;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-body2 {padding: 2px 16px;}

.modal-body3 {padding: 2px 16px;}


.modal-footer {
    text-align:right;
    padding: 2px 16px;
    background-color: #0d9984;
    color: white;
}

.modal-footer2 {
    text-align:right;
    padding: 2px 16px;
    background-color: #0d9984;
    color: white;
}

.modal-footer3 {
    text-align:right;
    padding: 2px 16px;
    background-color: #0d9984;
    color: white;
}



#myBtn {
    
    	width: 460px;
	height: 170px;
	position:absolute;
	margin: -130px 0 0 -10px;
	background-color: transparent;
	z-index:2;

   transition: all .2s ease-in-out;
   
   
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      
            }

#myBtn:hover {
    cursor: pointer;
   
}

#myBtn02 {
    
    	width: 1px;
	height: 1px;
	position:absolute;
	margin: -130px 0 0 -10px;
	
	background-color: transparent;
	z-index:2;

   transition: all .2s ease-in-out;
   
   
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      
            }

#myBtn02:hover {
    cursor: pointer;
   
}

.click02 {
    
    	width: 50px;
	height: 150px;
	position: absolute;
	margin: -110px 0 0 -40px;
	background-image:url(img/arrow_click.png);
	background-size: contain;
	opacity: 0;
	z-index:2;
   transition: all .2s ease-in-out;
   
   
  
}

#myBtn:hover + .click02{
    opacity: 1;
    margin: -110px 0 0 -20px;
    
}   




#myBtn2 {
    
    	width: 460px;
	height: 170px;
	position: absolute;
	margin: -110px 0 0 -360px;
	background-color: transparent;
	z-index:2;
   transition: all .2s ease-in-out;
   
   
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      
            }

#myBtn2:hover {
    cursor: pointer;
   
}



.click01 {
    
    	width: 50px;
	height: 150px;
	position: absolute;
	margin: -110px 0 0 -395px;
	background-image:url(img/arrow_click.png);
	background-size: contain;
	opacity: 0;
	z-index:2;
   transition: all .2s ease-in-out;
  
}


#myBtn2:hover + .click01{
    opacity: 1;
    margin: -110px 0 0 -370px;
    
}


.read_more_03 {
    
    	width: 1130px;
	height: 80px;
	position:absolute;
	margin: 240px 0 0 235px;
	background-color: transparent;
	background-image:url(img/more_news.png);
	background-size: contain;
	z-index:2;
            }
            
           
            




#myBtn3 {
    
    	width: 520px;
	height: 260px;
	position:absolute;
	margin: -200px 0 0 -230px;
	background-color: transparent;
	z-index:2;

   transition: all .2s ease-in-out;
   
   
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      
            }

#myBtn3:hover {
    cursor: pointer;
   
}



.click03 {
    
    	width: 50px;
	height: 150px;
	position: absolute;
	margin: -140px 0 0 -270px;
	background-image:url(img/arrow_click.png);
	background-size: contain;
	opacity: 0;
	z-index:2;
   transition: all .2s ease-in-out;
   
   
  
}


#myBtn3:hover + .click03{
    opacity: 1;
    margin: -140px 0 0 -243px;
    
}
 
 
 .read_more_02 {
    
    	width: 80px;
	height: 20px;
	position:absolute;
	margin: 1px 0 0 1px;
	background-color: transparent;
	background-image:url(img/more_news.png);
	background-size: contain;
	z-index:1;
            } 
 
 .dummy001{

    display: block;
    overflow:hidden;
    width: 489px;
	height: 250px;
	margin: -132px 0 0 769px;
	background-color: red;
	transition: all .2s ease-in-out;
	z-index:200;
            }
          
  
#myBtn10 {
    
    	width: 490px;
	height: 250px;
	position:absolute;
	margin: 0 auto;
	background-color: transparent;
	background-image:url(img/360_001.jpg);
	z-index:2;
	
	font-family: "F02";
	font-weight: 200;
	text-align: left;
     font-size: 1.4em;
     line-height: 1.0;
     letter-spacing: 1px;
      color: #a53605;

   transition: all .2s ease-in-out;
   
   
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
      
            }

#myBtn10:hover {
    opacity: 0.5;
    cursor: pointer;
   
}



#myBtn10:hover {
    opacity: 0.5;
    cursor: pointer;
   
}


.bottom_contacts {
    
    	width: 250px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	background-color:transparent
   
   
  
}