/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

@media only screen 
  and (min-device-width: 640px) 
  and (max-device-width: 740px)
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: protrait) {
  


.slideshow {  
	width: 100vw;
	height: 100vh;
	position: absolute;
	overflow:hidden;
    background-position: center center;
    background-repeat: none;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;		


    opacity: 0;
    z-index: 0;
    /*animation00: imageAnimation 48s linear infinite 0s;*/

}



.slideshow:nth-child(1) { 
	background-image: url('img_new/m1024_681_18.jpg'); 
    animation: imageAnimation 48s 40s infinite;
}
.slideshow:nth-child(2) { 
    background-image: url('img_new/m1024_681_08.jpg'); 
    animation: imageAnimation 48s 32s infinite;
}
.slideshow:nth-child(3) { 
    background-image: url('img_new/m1024_681_05.jpg');
    animation: imageAnimation 48s 24s infinite; 
}
.slideshow:nth-child(4) { 
    background-image: url('img_new/m1024_681_16.jpg'); 
    animation: imageAnimation 48s 16s infinite;  
}
.slideshow:nth-child(5) { 
    background-image: url('img_new/m1024_681_25.jpg'); 
    animation: imageAnimation 48s 8s infinite;  
}
.slideshow:nth-child(6) { 
    background-image: url('img_new/m1024_681_23.jpg');
    animation: imageAnimation 48s 0s infinite; 
}


@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1; }
    25% { opacity: 1; }
    30% { opacity: 0; }
    98% { opacity: 0; }
    100% { opacity: 0; }
}

.indexBody1d{
	display: block;
	text-align: center;	
	font-size: 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3.7vh 0 1.5vh 1vw;
}

a[href^="tel:"] {
  color: orange;
  text-decoration: none;
  font-size: 12px;
}


.logo1 img{
	position: relative;
	top: 75vh;
	left: 15vw;
	width: 70vw;
	height: auto;
	font-size: 8.75vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFC06A;
	margin: 0 0 3vw 0;
	z-index: 3;
	text-shadow: 3px 3px 20px #000000;
}


.menu{
	dislpay: block;
	position: fixed;
	left: 4vw;
	top: 8vh;
	width: 7vw;
	height: 5vh;
	z-index: 1000;
	border-radius: .51vw .51vw .51vw .51vw;
	-webkit-border-radius: .51vw .51vw .51vw .51vw;
	-moz-border-radius: .51vw .51vw .51vw .51vw;	
}

.menu:hover{
	dislpay: block;
	position: fixed;
	left: 4vw;
	top: 8vh;
	width: 7vw;
	height: 5vh;
	z-index: 1000;
	border-radius: .80vw .80vw .80vw .80vw;
	-webkit-border-radius: .80vw .80vw .80vw .80vw;
	-moz-border-radius: .51vw .51vw .51vw .51vw;	

}


#hlpdiv {
	dislpay: block;
	position: fixed;
  	left: 6.5vw;
	top: 12vh;
  	padding: 10px 30px;
  	z-index: 500; 

}

.menu_list{
	background: rgba(255, 255, 255, 0.9);
	height: 3.3vh;
	width: 33vw;
	font-size: 2.5vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 	
	border-bottom: 1px solid gray;
	vertical-align: middle;	
	margin: 0.2vh 0 0 0;
	padding: 0.95vh 0.1 0 .85vw;
	text-decoration: none;
	color: black;
	box-shadow: 0 0 .05vw .05vw #000000;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(174, 167, 157, 1) 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(174, 167, 157, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(174, 167, 157, 1) 100%);
}


.menu_list_int{
	background: rgba(255, 255, 255, 0.8);
	height: 2.3vh;
	width: 33vw;
	font-size: 2.5vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 	
	border-bottom: 1px solid gray;
	vertical-align: middle;	
	margin: 0.2vh 0 0 0;
	padding: 0.9vh 0 0 1vw;
	text-decoration: none;
	color: black;
	box-shadow: 0 0 .05vw .05vw #000000;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(174, 167, 157, 1) 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(174, 167, 157, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(174, 167, 157, 1) 100%);
}

.menu_list_intd{
	position: absolute;
	left: 14vw;
	top: 15.6vh;
	height: 14.3vh;
	width: 12vw;
	margin: 0.2vh 0 0 0;
	padding: 0.9vh 0 0 1vw;
	z-index:5;
}

.menu_list a{
	height: 2.3vh;
	width: 33vw;
	font-size: 2.5vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 	
	vertical-align: middle;	
	margin: 0.2vh 0 0 -.25vw;
	padding: 0.9vh 0.2 0 .3vw;
	text-decoration: none;
	color: black;
}


.menu_list:hover{
	background: rgba(0, 160, 229, 0.9);
	height: 2.3vh;
	width: 33vw;
	font-size: 2.5vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 	
	border-bottom: 1px solid gray;
	vertical-align: middle;	
	margin: 0.2vh 0 0 0;
	padding: 0.95vh 0.1 0 .85vw;
	text-decoration: none;
	background: -webkit-linear-gradient(top, rgba(121, 185, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(top, rgba(121, 185, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(121, 185, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);	
}

.menu_list_int:hover{
	/*background: rgba(0, 160, 229, 0.5);*/
	height: 3.3vh;
	width: 12vw;
	font-size: 2.5vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 	
	border-bottom: 1px solid gray;
	vertical-align: middle;	
	margin: 0.2vh 0 0 0;
	padding: 0.9vh 0 0 1vw;
	text-decoration: none;
	background: -webkit-linear-gradient(top, rgba(121, 185, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(top, rgba(121, 185, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(121, 185, 216, 1) 0%, rgba(255, 255, 255, 1) 100%);
}




.menu_list0{
	background: rgba(255, 204, 85, 0.8);
	height: 2.0vh;
	width: 33vw;	
	font-size: 3.0vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 	
	libe-height: 5.2vw;	
	vertical-align: middle;		
	padding: .4vh 0 0.6vh .85vw;
	border: 1px solid grey;
	box-shadow: 0 0 .05vw .05vw #000000;
}


.logo1 img{
	width: auto;
	height: auto;
	position: relative;
	top: 72vh;
	left: 10vw;
	width: 80vw;
	height: auto;
	font-size: 8.75vw;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFC06A;
	margin: 0 0 3vw 0;
	z-index: 3;
	text-shadow: 3px 3px 20px #000000;
}




.sidelogo img{
	position: fixed;
	float: right;
	right: -5px;
	top: 33vh;
	width: 5vh;
	height: auto;
	background: #603B15;
	background: #1d6c92;
	z-index: 1001;
	padding: 10px 0;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}

.sidelogoA img{
	position: fixed;
	float: right;
	right: 17px;
	top: 33vh;
	width: 5vh;
	height: auto;
	background: #603B15;
	background: #1d6c92;
	z-index: 1001;
	padding: 10px 0;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}


.indexTitle2{
	display: block;
	height: 5vh;
	width: 71vw;
	/*background: #FFC06A;
	background: rgba(255, 204, 85, 0.8);*/
	text-align: left;	
	vertical-alignment: bottom;
	font-size: 4vw;
	font-family: Arial, Helvetica, sans-serif;
	color: white; 	
	padding: 1vh 0 0 1vw;
	text-shadow: 1px 1px 5px #000000;
}

.indexBody2{
	display: block;
	height: 45vh;
	width: 69vw;
	background: rgba(255, 255, 255, 0.7);
	text-align: left;	
	font-size: 2.25vh;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: 1px 1px 10px #000000;
	padding: 1.5vh 1.5vw 1.5vh 1.5vw;
	overflow-y: scroll;
}

.indexBody2 a{
	color: orange;
}

.indexBody2 a:hover {
	color: green;
}


.index_container{
	width: 100vw;
	height: 410vh;
	position: relative;
	overflow:hidden;
	background-color: #fff;
}

.part1{
	width: 100vw;
	height: 90vh;
	position: relative;
	overflow:hidden;
	z-index: 1;
    -webkit-animation: myfirst linear 1s
    -moz-animation: myfirst linear 1s;
    animation: myfirst linear 1s
}

	@-webkit-keyframes myfirst {
    0%   { #fc5; opacity: 1; background: url('img_new/Aikido-bg-6.jpg') no-repeat center center fixed; -webkit-background-size: cover;}
    100% { #fc5; opacity: 1; background: url('img_new/Aikido-bg-7.jpg') no-repeat center center fixed; -webkit-background-size: cover;}
}
    
	@-moz-keyframes myfirst {
    0%   { #fc5; opacity: 0; right: 0; top:0;}
    100% { #fc5; opacity: 1; right: 0; top:0;}
}


.part1a{
	display: hidden;
	width: 100vw;
	min-height: 80vh;
	max-height: 80vh;
	position: relative;
	overflow:hidden;
	z-index: 1;
	background: rgba(102, 115, 127, 08);
}

.part1b{
	display: hidden;
	width: 100vw;
	min-height: 80vh;
	max-height: 80vh;
	position: relative;
	overflow:hidden;
	z-index: 1;
	background: rgba(186, 187, 189, 0.8);

}

.part1c{
	width: 100vw;
	min-height: 80vh;
	max-height: 80vh;
	position: relative;
	overflow:hidden;
	z-index: 1;
	background: url('img_new/1024_681_11a.jpg') no-repeat center center scroll;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;		
}

.part1d{
	width: 100vw;
	height: 10vh;
	position: relative;
	overflow:hidden;
	z-index: 1;
	background: rgba(0, 0, 0, 08);
}




.indexCont3a{
	display: block;
	position: absolute;
	top: 0;
	padding: 0vh 5vw 0vh 2vw;
	width: 100vw;
	height: 40vh;
	text-align: center;	
	vertical-align: middle;
	z-index: 1;
	
    -webkit-animation: myfirst linear 1s; /* Chrome, Safari, Opera */
    -moz-animation: myfirst linear 1s; /* Chrome, Safari, Opera */
    animation: myfirst linear 1s/* Standard syntax */
}



.indexCont3b{
	display: block;
	position: absolute;
	padding: 0vh 5vw 0vh 2vw;
	top: 40vh;
	left: 0;
	width: 100vw;
	height: 40vh;
	vertical-align: middle;
	text-align: center;	
	background: rgba(180, 151, 121, 0.7);	
	z-index: 1;
	
    -webkit-animation: myfirst linear 1s; /* Chrome, Safari, Opera */
    -moz-animation: myfirst linear 1s; /* Chrome, Safari, Opera */
    animation: myfirst linear 1s/* Standard syntax */
}

.nespic{
	display: block;
	position: absolute;
	width: 70vw;
	height: auto;
	margin: 0 0 0 2vw;
	
}

.indexBody3a, .indexBody3b{
	position: absolute;
	overflow:hidden;
	height: 35vh;
	width: auto;
	margin: 0 0 0 3vw;	
	text-align: left;	
	font-size: 1.15vw;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1vh 1.5vw 1.5vh 1vw;
}

.indexBody3b{
	position: absolute;
	overflow:hidden;
	height: 75vh;
	width: 100%;
	margin: 0 0 0 3vw;	
	text-align: left;	
	font-size: 1.15vw;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1vh 1.5vw 1.5vh 1vw;
}

.indexTitle3a{
	display: block;
	height: 5vh;
	width: 100vw;
	margin: 4vh 0 0 0;
	text-align: center;	
	vertical-alignment: bottom;
	font-size: 5vw;
	font-family: Arial, Helvetica, sans-serif;
	color: white; 	
	text-shadow: 1px 1px 5px #000000;
}


.indexTitle3b{
	display: block;
	height: 5vh;
	width: 100vw;
	margin: 4vh 0 0 4vw;
	text-align: center;	
	vertical-alignment: bottom;
	font-size: 5vw;
	font-family: Arial, Helvetica, sans-serif;
	color: white; 	
	text-shadow: 1px 1px 5px #000000;
}

.newsfeed {  
	position: absolute;
	overflow:hidden;
	height: auto;
	width: 38vw;
	text-align: left;	
	font-size: 1.15vw;
	font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    z-index: 5;
    /*border: 1px solid white;*/
}


.newsfeed:nth-child(1) { 
    animation: newsfeed1 36s 0s infinite;
    -webkit-animation: newsfeed1 36s 0s infinite;
    -moz-animation: newsfeed1 36s 0s infinite;
    -ms-animation: newsfeed1 36s 0s infinite;
    -o-animation: newsfeed1 36s 0s infinite;
}

.newsfeed:nth-child(2) { 
    animation: newsfeed1 36s 9s infinite;    
    -webkit-animation: newsfeed1 36s 9s infinite;
    -moz-animation: newsfeed1 36s 9s infinite;
    -ms-animation: newsfeed1 36s 9s infinite;
    -o-animation: newsfeed1 36s 9s infinite;   
}

.newsfeed:nth-child(3) { 
    animation: newsfeed1 36s 18s infinite;  
    -webkit-animation: newsfeed1 36s 18s infinite; 
    -moz-animation: newsfeed1 36s 18s infinite; 
    -ms-animation: newsfeed1 36s 18s infinite; 
    -o-animation: newsfeed1 36s 18s infinite;      
}

.newsfeed:nth-child(4) { 
    animation: newsfeed1 36s 27s infinite;   
    -webkit-animation: newsfeed1 36s 27s infinite; 
    -moz-animation: newsfeed1 36s 27s infinite; 
    -ms-animation: newsfeed1 36s 27s infinite; 
    -o-animation: newsfeed1 36s 27s infinite;     
}

@keyframes newsfeed1 { 
    0% { opacity: 1; animation-timing-function: ease-in;}
    20% { opacity: 1; animation-timing-function: ease-in;}
    25% { opacity: 0;}
    98% { opacity: 0;}
    100% { opacity: 1;}
}



.newsfeed2 {  
	position: absolute;
	overflow:hidden;
	height: 100vh;
	width: 70vw;
	text-align: right;	
	font-size: 1.15vw;
	font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    z-index: 0;
}





.newsfeed2:nth-child(1) { 
    animation: newsfeed2 20s 0s infinite;
    
}
.newsfeed2:nth-child(2) { 
    animation: newsfeed2 20s 10s infinite;
    
}



@keyframes newsfeed2 { 
    0% { opacity: 1; animation-timing-function: ease-in;}
    45% { opacity: 1; animation-timing-function: ease-in;}
    50% { opacity: 0;}
    98% { opacity: 0;}
    100% { opacity: 1;}
}



.myTextTitle{
	display: block;
	height: 7vmin;
	width: 71vw;
	background: #FFC06A;
	background: rgba(255, 204, 85, 0.8);	
	text-align: left;	
	vertical-alignment: bottom;
	font-size: 2.5vw;
	font-family: Arial, Helvetica, sans-serif;
	color: white; 	
	text-shadow: 1px 1px 5px #000000;
	padding: 1vh 0 0 1vw;
	z-index: 15;
}

.myTitleN{
	position: relative;
	display: block;
	height: 7vmin;
	width: 67vw;
	text-align: left;	
	vertical-alignment: bottom;
	font-size: 2.5vw;
	font-family: Arial, Helvetica, sans-serif;
	color: white; 	
	text-shadow: 1px 1px 5px #000000;
	z-index: 10;
}


}