*{padding:0;margin:0}html{height:100%}
a{text-decoration:none; color:#363636}a:hover{text-decoration:none; color:#363636}:focus{outline:0}
a.white{text-decoration:none; color:#ffffff}a.white:hover{text-decoration:none; color:#ffffff}:focus{outline:0}
a.silver{text-decoration:none; color:#979797}a.silver:hover{text-decoration:none; color:#979797}:focus{outline:0}
a.orange{text-decoration:none; color:#f37a21}a.orange:hover{text-decoration:none; color:#494949}:focus{outline:0}
a,:hover,:active,:focus{outline:0}fieldset,img{border:0}
body,html{height:100%;width:100%; min-width: 360px}
body{font:normal 16px;  font-family: 'Didact Gothic', sans-serif; color:#494949; line-height: 19px;text-align:left; background:#1c1c1e}

.f_0	 				{ font-family: 'Didact Gothic', sans-serif; font-size: 23px; color:#ffffff; line-height: 24px; letter-spacing: 0px}
.f_0 a 					{ color:#ffffff;}
.f_0 a:hover 			{ color:#ffffff;}

.f_1	 				{ font-family: 'Didact Gothic', sans-serif; font-size: 16px; color:#ffffff; line-height: 24px; letter-spacing: 0px }
.f_1 a 					{ color:#ffffff;}
.f_1 a:hover 			{ color:#ffffff;}

.f_2	 				{ font-family: 'Open Sans', sans-serif; font-size: 17px; color:#bc0808; line-height: 24px; letter-spacing: 0px; font-weight: 700}
.f_2 a 					{ color:#bc0808;}
.f_2 a:hover 			{ color:#bc0808;}

.f_3	 				{ font-family: 'Open Sans', sans-serif; font-size: 70px; color:#ffffff; line-height: 80px; letter-spacing: 0px; font-weight: 700}
.f_3 a 					{ color:#ffffff;}
.f_3 a:hover 			{ color:#ffffff;}

.f_4	 				{ font-family: 'Didact Gothic', sans-serif; font-size: 20px; color:#ffffff; line-height: 32px; letter-spacing: 0px }
.f_4 a 					{ color:#ffffff;}
.f_4 a:hover 			{ color:#ffffff;}

.f_5	 				{ font-family: 'Open Sans', sans-serif; font-size: 30px; color:#bc0808; line-height: 34px; letter-spacing: 0px; font-weight: 400}
.f_5 a 					{ color:#bc0808;}
.f_5 a:hover 			{ color:#bc0808;}

.f_6	 				{ font-family: 'Open Sans', sans-serif; font-size: 64px; color:#000000; line-height: 70px; letter-spacing: 0px; font-weight: 400}
.f_6 a 					{ color:#000000;}
.f_6 a:hover 			{ color:#000000;}

.f_6w	 				{ font-family: 'Open Sans', sans-serif; font-size: 64px; color:#ffffff; line-height: 70px; letter-spacing: 0px; font-weight: 400}
.f_6w a 				{ color:#ffffff;}
.f_6w a:hover 			{ color:#ffffff;}

.f_7	 				{ font-family: 'Open Sans', sans-serif; font-size: 18px; color:#000000; line-height: 26px; letter-spacing: 0px; font-weight: 400}
.f_7 a 					{ color:#000000;}
.f_7 a:hover 			{ color:#000000;}

.f_7w	 				{ font-family: 'Open Sans', sans-serif; font-size: 18px; color:#ffffff; line-height: 26px; letter-spacing: 0px; font-weight: 400}
.f_7w a 				{ color:#ffffff;}
.f_7w a:hover 			{ color:#ffffff;}

.f_shaddow 				{text-shadow: 1px 1px rgba(60,14,28, 0.5)}

.content 	   			{position: relative; width: 100%; min-width: 410px; height: 100%; z-index: 1; opacity: 0.001}
.main_conteiner   		{position: relative; width: 100%; min-width: 410px; height: 100%; min-height: 685px; z-index: 1002; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.sub_conteiner   		{position: relative; width: 100%; min-width: 410px; height: 100%; min-height: 685px; z-index: 2; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.sub_conteiner_last   	{position: relative; width: 100%; min-width: 410px; height: 100%; min-height: 685px; z-index: 2; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}

.content_frame 			{position: relative; max-width: 1226px; height: 100%; min-height: 685px; margin-left: auto; margin-right: auto}


.sub_1 					{position: relative; float: left; width: 100%; height: 223px; z-index: 2}
.sub_1_1 				{position: relative; float: left; width: 0px; height: 101px; z-index: 3}
.sub_1_2 				{position: relative; float: left; max-width: 1900px; height: 101px; margin-left: auto; margin-right: auto; z-index: 3;}
.sub_1_2_1 				{position: relative; float: left; width: 133px; height: 101px; margin-top: 30px; z-index: 4; background:  url(../_sub_1/top_1_2_1.png) no-repeat left}
.sub_1_2_2 				{position: relative; float: right; width: 1035px; height: 123px; z-index: 4}



.sub_1_2_2_1 			{position: absolute; width: 70px; height: 54px;  left: 0px; top: 30px; z-index: 5}
.sub_1_2_2_2 			{position: absolute; width: 129px; height: 54px; left:70px; top: 30px; z-index: 5}
.sub_1_2_2_3 			{position: absolute; width: 171px; height: 54px;  left: 199px; top: 30px; z-index: 5}
.sub_1_2_2_4 			{position: absolute; width: 202px; height: 54px; left: 370px; top: 30px; z-index: 5}
.sub_1_2_2_5 			{position: absolute; width: 99px; height: 54px; left: 572px; top: 30px; z-index: 5}
.sub_1_2_2_6 			{position: absolute; width: 82px; height: 54px; left: 671px; top: 30px; z-index: 5}
.sub_1_2_2_7 			{position: absolute; width: 240px; height: 94px; left: 753px; top: 0px; z-index: 5}

.sub_1_2_7 				{display: none; position: relative; float: right; width: 54px; height: 52px; margin-right: 10px; margin-top: 10px; z-index: 4; background: url(../_sub_1/top_1_2_7.png) no-repeat; cursor: pointer}
.sub_1_3 				{position: relative; float: right; width: 0px; height: 101px; z-index: 3}

.sub_1_4 				{position: absolute; width: 505px; height: 412px; bottom: 10%; left: 15%; z-index: 3}
.sub_1_4_1 				{position: relative; float: left; width: 100%; height: 18px; z-index: 3}
.sub_1_4_2 				{position: relative; float: left; width: 100%; margin-top: 20px; z-index: 3}
.sub_1_4_3 				{position: relative; float: left; width: 100%; margin-top: 35px; z-index: 3}
.sub_1_4_4 				{position: absolute; width: 160px; height: 63px;  bottom: 0px; left: 10px;  z-index: 3; background: url(../_sub_1/more.png) no-repeat; cursor: pointer}

.sub_1_5 				{position: absolute; width: 840px; min-height: 410px; top: 30%; right: 10%; z-index: 100; opacity: 0.0}
.sub_1_5_1 				{position: relative; float: left; width: 100%; height: 18px; z-index: 100; text-align: right;}
.sub_1_5_2 				{position: relative; float: left; width: 100%; margin-top: 25px; z-index: 100; text-align: right;}
.sub_1_5_3 				{position: relative; float: right; width: calc(100% - 100px); margin-top: 55px; z-index: 100; text-align: justify}
.sub_1_5_4				{position: relative; float: right; width: calc(100% - 100px); height: 63px; margin-top: 30px; z-index: 100}
.sub_1_5_4_1			{position: absolute; width: 160px; height: 63px;  bottom: 0px; right: 10px;  z-index: 3; cursor: pointer}

#more_2					{background: url(../_sub_1/more_2.png) no-repeat}
#more_3					{background: url(../_sub_1/more_3.png) no-repeat}
#more_4					{background: url(../_sub_1/more_4.png) no-repeat}
#more_5					{background: url(../_sub_1/more_5.png) no-repeat}
#more_6					{background: url(../_sub_1/more_6.png) no-repeat}

.sub_1_6 				{overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 101}
.sub_1_6_1 				{position: absolute; width: 100%; height: calc(100% - 80px); bottom: -100%; z-index: 101}

.sub_1_6_1_1			{position: absolute; width: 50px; height: 50px; top:37px; right: 37px; z-index: 102; background: url(../_sub_1/close_button.png) no-repeat; cursor: pointer}

.sub_1_footer 			{position: absolute; width:100%; height: 49px; bottom: 0px; z-index: 14; text-align: center}


.scroll_1 				{position: absolute; width: 100%; height: 80px; z-index: 999}
.scroll_1_1 			{position: relative; float: left; width: 0px; height: 54px; margin-top: 22px; z-index: 3}
.scroll_1_2 			{position: relative; float: left; max-width: 1900px; height: 80px; margin-left: auto; margin-right: auto; z-index: 3}
.scroll_1_2_1 			{position: relative; float: left; width: 133px; height: 64px; z-index: 4; background: url(../_sub_1/scroll_1_2_1w.png) no-repeat left}
.scroll_1_2_2 			{position: relative; float: right; width: 850px; height: 54px; z-index: 4}

.scroll_1_2_2_0 		{position: absolute; width: 60px; height: 54px; z-index: 5}
.scroll_1_2_2_0a 		{position: absolute; width: 100%; height: 34px; padding-top: 6px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_0b 		{position: absolute; width: 100%; height: 64px; top: 26px; z-index: 6;}

.scroll_1_2_2_1 		{position: absolute; width: 70px; height: 64px; left: 60px; z-index: 5}
.scroll_1_2_2_1a 		{position: absolute; width: 100%; height: 33px; padding-top: 5px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_1b 		{position: absolute; width: 100%; height: 40px; top: 26px; z-index: 6}
.scroll_1_2_2_1c 		{position: absolute; width: 100%; height: 64px; z-index: 4; background: #bc0808; opacity: 0}

.scroll_1_2_2_2 		{position: absolute; width: 129px; height: 64px; left: 130px; z-index: 5}
.scroll_1_2_2_2a 		{position: absolute; width: 100%; height: 33px; padding-top: 5px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_2b 		{position: absolute; width: 100%; height: 40px; top: 26px; z-index: 6}
.scroll_1_2_2_2c 		{position: absolute; width: 100%; height: 64px; z-index: 4;  background: #bc0808; opacity: 0}

.scroll_1_2_2_3 		{position: absolute; width: 171px; height: 64px; left: 259px; z-index: 5}
.scroll_1_2_2_3a 		{position: absolute; width: 100%; height: 33px; padding-top: 5px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_3b 		{position: absolute; width: 100%; height: 40px; top: 26px; z-index: 6}
.scroll_1_2_2_3c 		{position: absolute; width: 100%; height: 64px; z-index: 4;  background: #bc0808; opacity: 0}

.scroll_1_2_2_4 		{position: absolute; width: 202px; height: 64px; left: 430px; z-index: 5}
.scroll_1_2_2_4a 		{position: absolute; width: 100%; height: 33px; padding-top: 5px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_4b 		{position: absolute; width: 100%; height: 40px; top: 26px; z-index: 6}
.scroll_1_2_2_4c 		{position: absolute; width: 100%; height: 64px; z-index: 4;  background: #bc0808; opacity: 0}

.scroll_1_2_2_5 		{position: absolute; width: 99px; height: 64px; left: 632px; z-index: 5}
.scroll_1_2_2_5a 		{position: absolute; width: 100%; height: 33px; padding-top: 5px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_5b 		{position: absolute; width: 100%; height: 40px; top: 26px; z-index: 6}
.scroll_1_2_2_5c 		{position: absolute; width: 100%; height: 64px; z-index: 4;  background: #bc0808; opacity: 0}

.scroll_1_2_2_6 		{position: absolute; width: 82px; height: 64px; left:731px; z-index: 5}
.scroll_1_2_2_6a 		{position: absolute; width: 100%; height: 33px; padding-top: 5px; margin-top: 26px; z-index: 5; text-align:center}
.scroll_1_2_2_6b 		{position: absolute; width: 100%; height: 40px; top: 26px; z-index: 6}
.scroll_1_2_2_6c 		{position: absolute; width: 100%; height: 64px; z-index: 4;  background: #bc0808; opacity: 0}

.scroll_1_2_7 			{display: none; position: relative; float: right; width: 50px; height: 50px; margin-right: 14px; margin-top: 14px; z-index: 4; cursor: pointer}
.scroll_1_2_7_1 		{position: relative; float: right; width: 50px; height: 50px; z-index: 4; background: url(../_sub_1/scroll_1_2_7b.png) no-repeat;}
.scroll_1_3 			{position: relative; float: right; width: 0px; height: 54px; margin-top: 22px; z-index: 3;}


.blend_white			{position: relative; width: 100%; min-width: 410px; height: 100%; z-index: 50; background: #ffffff; opacity: 0.0001}
.blend_black			{position: relative; width: 100%; min-width: 410px; height: 100%; z-index: 50; background: #000000; opacity: 0.0001}




.footer					{position: absolute; width: 100%; height: 20px; z-index: 15; right: 0px; bottom: 10px; text-align: center}

.small_menu 			{position: fixed; top: 0px; right: -100%; width: 100%; height: 100%; z-index: 1000; background: rgba(1,0,5,0.9)}
.small_menu_1 			{position: absolute; top: 20px; right: 20px; width: 35px; height: 35px; z-index: 1001;  background: url(../_small_menu/close_button.png) no-repeat; cursor: pointer}
.small_menu_2 			{position: absolute; top: 60px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}
.small_menu_3 			{position: absolute; top: 110px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}
.small_menu_4 			{position: absolute; top: 150px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}
.small_menu_5 			{position: absolute; top: 190px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}
.small_menu_6 			{position: absolute; top: 230px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}
.small_menu_7 			{position: absolute; top: 270px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}
.small_menu_8 			{position: absolute; top: 310px; left: 60px; width: calc(100% - 60px); height: 55px; z-index: 1001; cursor: pointer}



/*menu */
@media only screen and (max-width: 1300px) {
	.sub_1_2_2 			{width: 795px}
	.sub_1_2_2_7 		{display:none}
	.scroll_1_2_2_0		{display:none}
}



@media only screen and (max-width: 1000px) {
	.sub_1_2_2 			{display:none}
	.sub_1_2_3 			{display:none}
	.sub_1_2_4 			{display:none}
	.sub_1_2_5 			{display:none}
	.sub_1_2_6 			{display:none}
	.sub_1_2_7 			{display: block;}
		
	.scroll_1_2_2 			{display:none}
	.scroll_1_2_3 			{display:none}
	.scroll_1_2_4 			{display:none}
	.scroll_1_2_5 			{display:none}
	.scroll_1_2_6 			{display:none}
	.scroll_1_2_7 			{display: block;}
	
}

/*main txt */
@media only screen and (max-width: 1400px) {
	
	.sub_1_4 				{position: absolute; width: 80%; max-width: 500px; height: 412px; bottom: 10%; left: 10%}
	.sub_1_4_2 				{font-size: 50px; line-height: 55px}
	.sub_1_4_3 				{position: relative; float: left; width: 100%; margin-top: 35px; z-index: 3}
	
	.sub_1_5 				{width: 80%; max-width: 840px;}
	.sub_1_5_2 				{font-size: 50px; line-height: 55px}
	.sub_1_5_3 				{position: relative; float: right; width: 100%; margin-top: 55px; z-index: 3; text-align: justify}
	
}

@media only screen and (max-width: 900px) {
	
	.sub_1_5 				{top: 20%}
	.sub_1_5_1 				{font-size: 20px; line-height: 25px}
	.sub_1_5_2 				{font-size: 40px; line-height: 45px}
	
}

@media only screen and (max-width: 500px) {
	
	.sub_1_5 				{top: 10%; height: calc(100% - 120px)}
	.sub_1_5_3 				{font-size: 17px; line-height: 22px}
	.sub_1_5_4				{width: 100%; margin-top:100px}
	
	
	#button_more_3			{margin-top:20px}
	#button_more_4			{margin-top:80px}
	#button_more_5			{margin-top:80px}
	#button_more_6			{margin-top:60px}
	#show_map				{display: none}

}
@media only screen and (max-width: 1400px) {
	
	#show_map				{top: -60px}
}

@media only screen and (max-height: 800px) {
	
	#page_6_txt				{top: 120px }
	.sub_1_5_2 				{margin-top: 15px }
	.sub_1_5_3 				{position: relative; float: right; width: 100%; margin-top:15px; z-index: 100; text-align: justify}
}



#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(00,00,00,0.6);
    padding-left: 20px;
    padding-right: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 10000;
    text-align: justify;
    
    font:normal 30px  "BenchNine", Arial, "Apple Gothic", CenturyGothic, AppleGothic, sans-serif,Serif;color:#ffffff; line-height: 25px; letter-spacing: 2px;}
}

#cookieinfo h6 {
    font-size: 16px;
    color: #f2f2f2;
}

#cookieinfo p {
 	margin-top: 10px;
    font-size: 13px;
    color: #f2f2f2;
	letter-spacing: 2px; font-weight: 300; line-height: 15px;
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 60px;
    height: 50px;
    border-radius: 0px;
    text-align: center;
    text-decoration: none;
    padding-top:10px;
    background: #a91e21 url(../_cookie_alert/button_close.png) no-repeat;
    
   
}

#cookieinfo a:hover {
    background-color: #2aa91e; 
}