/** Generated by FG **/
@font-face {
	font-family: 'Conv_PSL001pro';
	src: url('../fonts/PSL001pro.eot');
	src: local('☺'), url('../fonts/PSL001pro.woff') format('woff'), url('../fonts/PSL001pro.ttf') format('truetype'), url('../fonts/PSL001pro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_PSL002pro';
	src: url('../fonts/PSL002pro.eot');
	src: local('☺'), url('../fonts/PSL002pro.woff') format('woff'), url('../fonts/PSL002pro.ttf') format('truetype'), url('../fonts/PSL002pro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Conv_PSL001pro';
	overflow-x: hidden;
	overflow-y: scroll;	
}

a,a:link {
	color:#686868;
	text-decoration:none;
}

a:active, a:hover, a.active {
	color:#fff;
	text-decoration:none;
}

	

.img-responsive {
    margin: 0 auto;
}

#wrap{
	position:relative;
	z-index:-1; 	
	top:0; 
	left:0; 
	background-color:black
}

.wrap-text {
	position:relative;
	z-index:1; 		
	color:#fff;
	font-family: 'Conv_PSL001pro';		
	width:100%;
	height:90%;
	}

#wrap img.bgfade{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
	z-index:-1
}

.flex-container {
    height: 85%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: table-cell;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-container-contest {
    height: 70%;
    padding: 0;
    margin: 0;
	padding-top:5%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: table-cell;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.logo_contain-contest {
    position: absolute;
    text-align: center;
    bottom: 2%;
    left: 0;
    z-index: 2;
    width: 100%;
}


.row {
    width: auto;    
}
.flex-item {        
    text-align: center;
}
.font-1vw {
	font-size:1vw;
	line-height: 1vw	
}

.font-1-4vw {
	font-size:1.5vw;
	line-height: 1.5vw	
}

.font-1-5vw {
	font-size:1.5vw;
	line-height: 1.2vw	
}

.font-1-8vw {
	font-size: 1.5vw;
    line-height: 1.7vw;
}

.font-2vw {
	font-size:2vw;
	line-height: 2vw	
}

.font-2-5vw {
	font-size:2vw;
	line-height: 5vw	
}

.font-2-55vw {
    font-size: 3vw;
    line-height: 3vw;
}
.font-2-555vw {
    font-size: 2.8vw;
    line-height: 2.8vw;
}

.font-3vw {
	font-size:3vw;
	line-height: 3vw	
}

.font-3-3vw {
	font-size:3vw;
	line-height: 3vw	
}

.font-4vw {
	font-size:4vw;
	line-height: 4vw	
}

.font-5vw {
	font-size:5vw;
	line-height: 5vw	
}

.font-20vw {
	font-size:16vw;
	line-height: 5vw	
}
.margintop1 {
	margin-top:1%;
}

.margintop2 {
	margin-top:2%;
}

.margintop5 {
	margin-top:5%;
}

.marginbottom2 {
	margin-bottom:2%;
}
.marginbottom8 {
	margin-bottom:8%;
}

.marginbottom10 {
	margin-bottom:7%;
}


.margintop10 {
	margin-top:10%;
}

.paddingleft {
	padding-left: 5%;
}

.paddingright {
	padding-right: 5%;
}

.orange {
	color:#e4c9b0;
}
.white {
	color:#fff;
}


hr {
	padding: 0;
    margin: 0;
}

 .vertical-align {
	display: table-cell;
    display: flex;
	flex-flow: row wrap;
   	align-items: center;
	justify-content: center;
}
.video_contain {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;	
	text-align:center;
	z-index:1;
}

.menu_contain {
    position: absolute;    
	text-align:center;
	padding:1%;
	z-index:3;
	width:100%;
}

.logo_contain {
	position: absolute;    
	text-align:center;
	bottom:10%;
	left: 0;
	z-index:2;
	width:100%;
}

.page2-contain {
	position: absolute;    
	right:10%;
	width:40%;
	z-index:3;
}


.hightlight {
	padding: 0 10%;
	background: -moz-linear-gradient(left, rgba(145,127,110,0) 0%, rgba(145,127,110,0.88) 22%, rgba(145,127,110,1) 25%, rgba(145,127,110,1) 75%, rgba(145,127,110,0.92) 77%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(145,127,110,0) 0%,rgba(145,127,110,0.88) 22%,rgba(145,127,110,1) 25%,rgba(145,127,110,1) 75%,rgba(145,127,110,0.92) 77%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(145,127,110,0) 0%,rgba(145,127,110,0.88) 22%,rgba(145,127,110,1) 25%,rgba(145,127,110,1) 75%,rgba(145,127,110,0.92) 77%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00917f6e', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	
}

.logo_contain  img , .logo_contain-contest img{
	width:35%;
}

 .logocontest img  {
	 width:52%;
 }

.top-bar-section > ul {
    display: -webkit-box;
    display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding:0px;
    
}
	
.top-bar-section > ul > li {
    float:left;
	    display: -webkit-box;
	    display: -moz-box;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	    -webkit-flex: 1;
	    -moz-flex: 1;
	    flex: 1;
	    flex-grow: 1;
	    flex-direction: row;
		justify-content: center;

	}


	
.winner-announce-1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20412+0,e20412+100&0+1,0.7+25,0.7+75,0+99 */
background: -moz-linear-gradient(left, rgba(226,4,18,0) 0%, rgba(226,4,18,0) 1%, rgba(226,4,18,0.7) 25%, rgba(226,4,18,0.7) 75%, rgba(226,4,18,0) 99%, rgba(226,4,18,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(226,4,18,0) 0%,rgba(226,4,18,0) 1%,rgba(226,4,18,0.7) 25%,rgba(226,4,18,0.7) 75%,rgba(226,4,18,0) 99%,rgba(226,4,18,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(226,4,18,0) 0%,rgba(226,4,18,0) 1%,rgba(226,4,18,0.7) 25%,rgba(226,4,18,0.7) 75%,rgba(226,4,18,0) 99%,rgba(226,4,18,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e20412', endColorstr='#00e20412',GradientType=1 ); /* IE6-9 */
}

video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}
#page2 {
		position:absolute;
		background-image:url(../img/d_theme_video_1.jpg);
		background-repeat:no-repeat;
		background-position:center center;		
		background-size: cover;		
		top:0;
		left: -15px;
		z-index: 5;
}

#page3 {
		position:absolute;
		background-image:url(../img/d_theme_video_2.jpg);
		background-repeat:no-repeat;
		background-position:center center;		
		background-size: cover;		
		top:0;
		left: -15px;
}

#page4 {
		position:absolute;
		background-image:url(../img/d_theme_video_3.jpg);
		background-repeat:no-repeat;
		background-position:center center;		
		background-size: cover;		
		top:0;
		left: -15px;
}

#page5 {
		position:absolute;
		background-image:url(../img/d_theme_video_4.jpg);
		background-repeat:no-repeat;
		background-position:center center;		
		background-size: cover;		
		top:0;
		left: -15px;
}

.textline {
	   border-bottom: 3px solid #fff;
}

.page2_contain {
    position: absolute;    
    padding: 1%;
    z-index: 3;
    width: 50%;
    right: 6%;
    bottom: 1%;
	text-align:right;
}

.page3_contain {
    position: absolute;    
    padding: 1%;
    z-index: 3;
    width: 50%;
    left: 6%;
    bottom: 1%;
	text-align:left;
}

.page4_contain {
    position: absolute;    
    padding: 1%;
    z-index: 3;
    width: 50%;
    right: 6%;
    bottom: 1%;
	text-align:right;
}

.page5_contain {
    position: absolute;    
    padding: 1%;
    z-index: 3;
    width: 45%;
    left: 6%;
    bottom: 1%;
	text-align:left;
}

.page_contain-contest {
	 left: 0; 
	  right: 0; 
	  bottom:14%;
	  margin-left: auto; 
	  margin-right: auto; 
    /*position: absolute;    */
    padding: 1%;
    z-index: 3;
    width: 100%;
	height:40%;
	background-color:#000;   
	-webkit-box-shadow: 2px 3px 68px 0px rgba(0,0,0,1);
	-moz-box-shadow: 2px 3px 68px 0px rgba(0,0,0,1);
	box-shadow: 2px 3px 68px 0px rgba(0,0,0,1);
	padding:1%;
	text-align:left;	
	
}

.contest-content {
	width: 65%;
}

.page2_contain img , .page3_contain img , .page4_contain img , .page5_contain img{	
	width:50%;
}

.textslogan {
	color:#8b857b;
}



.boxgray {
	background-color: #8b857b;
    padding: 1% 3% 1% 3%;
	margin-right:2%;
}

.boxblack {
	background-color: #292620;
    padding: 1% 3% 1% 3%;
	margin-left:2%;
}


#btntop{ display:block; position:relative; width:44px; height:44px; background:url(../img/top.png) no-repeat; transition:ease 0.5s;  }


#bg_contest {
		position:absolute;
		width:100%;
		height:100%;
		background-image:url(../img/d_contest_1.jpg);
		background-repeat:no-repeat;
		background-color:#000;
		background-position:top center;		
		background-size: contain;		
		top:0;
		/*left: -15px;*/
}

.content {
    overflow: auto;
    position: relative;
    margin: 10px;
    width: 100%;
    max-width: 98%;	
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#8c8b8b;
}

ol.nonestyle  {
	/*list-style:none;
	margin-left: -19px;*/
}

.video-fb-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-fb-container iframe {
    position: absolute;
    top:0;
    left: 0%;
    width: 100%;
    height: 100%;
}

.video-yt-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-yt-container iframe {
    position: absolute;
    top:0;
    left: 0%;
    width: 100%;
    height: 100%;
}

.bg_howto	{
	background-image: url(../img/d_contest_1.jpg);
	background-position: top right;
	background-size:contain;	
}

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

.font-3-3vw {
	font-size:6vw;
	line-height: 6vw
}

.font-1-4vw {
	font-size:5vw;
	line-height: 5vw	
}
.font-1-5vw	{
	font-size:3vw;
	line-height: 6vw	
}
.font-1-8vw {
    font-size: 2.2vw;
    line-height: 2.4vw;
}

.font-6-7vw {
    font-size: 4vw;
    line-height: 7vw;
}
	
.bg_contest {
	background-image: url(../img/bg_contest.jpg);
	background-position: top right;
	background-size:contain;	
	}
	
.bg_howto	{
	background-image: url(../img/bg_contest.jpg);
	background-position: top right;
	background-size:contain;	
}
	
.page_contain-contest {	
	padding:4%;
	color:#8c8b8b;
	/*background-color:transparent;*/	
	background:rgb(0,0,0);  
    background: transparent\9;  
    background:rgba(0,0,0,0.4);  
	
	
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}	
.logocontest img {
    width: 71%;
	}		
	
}

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

.marginbottom10 {
	margin-bottom:10%;
}

.font-1-5vw	{
	font-size:5vw;
	line-height: 6vw	
}
	
.font-1-8vw {
	font-size:5vw;
	line-height: 6vw	
}	
	
.font-2vw {
	font-size:4.5vw;
	line-height: 4.5vw	
	}
.font-2-5vw {
    font-size: 3vw;
    line-height: 5vw;
}
	
.font-3vw {
	font-size:5vw;
	line-height: 7vw	
}

.font-4vw {
	font-size:7vw;
	line-height: 9vw	
}

.font-5vw {
	font-size:8vw;
	line-height: 10vw	
}

.font-6-7vw {
    font-size: 6vw;
    line-height: 7vw;
}

.logo_contain  img {
	width:85%;
}

.logo_contain {
	bottom:16%;

}

.wrap-text {	
	height:80%;
}
	
.menu_contain {    	
	padding:3%;
	}
.top-bar-section > ul > li.tleft {
	justify-content: left;
	}	
#fp-nav {
	display:none;
	}

#page2 {    
    background-image: url(../img/m_theme_video_1.jpg);
	background-position: center right;
	}
	
#page3 {    
    background-image: url(../img/m_theme_video_2.jpg);
	background-position: center right;
	}	
	
#page4 {    
    background-image: url(../img/m_theme_video_3.jpg);
	background-position: center right;
	}	

#page5 {    
    background-image: url(../img/m_theme_video_4.jpg);
	background-position: center right;
	}	

.page2_contain , .page3_contain , .page4_contain , .page5_contain{ 
    width: 70%;

}

	
.page2_contain img , .page3_contain img , .page4_contain img , .page5_contain img {	
	width:67%;
	}

.textline {
    border-bottom: 2px solid #fff;
	}
	
.m-ver	{
	display:block;
	} 
.m-her	{
	display:none;
	} 	
	
.flex-container-contest {
    height: 100%;    
    padding-top: 15%;	
	}
.contest-content {
    width: 100%;
	}	
	
.bg_contest {
	background-image: url(../img/bg_contest.jpg);
	background-position: top right;
	background-size:contain;	
	}
	
.page_contain-contest {	
	padding:4%;
	color:#8c8b8b;
	/*background-color:transparent;*/	
	background:rgb(0,0,0);  
    background: transparent\9;  
    background:rgba(0,0,0,0.4);  
	
	
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
	
.logocontest img {
    width: 68%;
	}	
}


@media only screen and (max-width: 768px) and (orientation: landscape) {
.logo_contain {
	bottom:8%;
}
	
.logo_contain  img {
	width:35%;
	}
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
.font-20vw {
    font-size: 15vw;
    line-height: 5vw;
	}
.font-2vw {
    font-size: 3vw;
    line-height: 3vw;
	}
.font-4vw {
    font-size: 5vw;
    line-height: 6vw;
}


.m-ver	{
	display:none;
	} 
.m-her	{
	display:block;
	} 	
	
.top-bar-section > ul > li.tleft {
    justify-content: center;
}

#page2 {    
    background-image: url(../img/d_theme_video_1.jpg);
	background-position: bottom right;
	}
	
#page3 {    
    background-image: url(../img/d_theme_video_2.jpg);
	background-position: bottom right;
	}	
	
#page4 {    
    background-image: url(../img/d_theme_video_3.jpg);
	background-position: bottom right;
	}	

#page5 {    
    background-image: url(../img/d_theme_video_4.jpg);
	background-position: bottom right;
	}

.page2_contain img, .page3_contain img, .page4_contain img, .page5_contain img {
    width: 54%;
	}
	
.page2_contain, .page3_contain, .page4_contain, .page5_contain {
    width: 50%;
	}	
}

@media (min-width: 768px) {
.container {
    width: auto;
	}
}

@media only screen and (max-width: 425px) {
.logo_contain {
	bottom:5%;

}