html {
	background-color: #000;
    overflow-y: auto;
}

html, body {
	/*height: 3000px;*/
	height: auto;
	margin:0;
	padding:0;
	overflow-x: hidden;
}

p, h1, h2 {
	margin:0;
	padding:0;
}

a:link {
	color: #E4539E;
}
a:visited {
	color: #E4539E;
}
a:hover {
	color: #E4539E;
}
a:active {
	color: #E4539E;
}

#container {
	min-width: 750px;
	/*height: 3400px;*/
	height: auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

#container-body {
	position: relative;
	width: 100vw;
	height: auto;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    float: left;
}






#header-cc {
	width: 100vw;
	height: auto;
    min-height: 730px;
	background: url(../pics/back-home.png) no-repeat top center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-color: #f50083;
}

#rebecca-cc {
	width: 100vw;
	height: auto;
	background-color: #f50083;
	position: relative;
	float: left;
	margin-top: -160px;
	padding-bottom: 60px;
}

#fanart-cc {
	width: 100vw;
	min-height: 102px;
	height: auto;
	background-color: #000;
	position: relative;
	float: left;
	z-index: 1;
	padding-bottom: 70px;
}

#cosplay-cc {
	width: 100vw;
	height: auto;
	float: left;
	background-color: #f50083;
	position: relative;
    z-index: 1;
}

#juego-cc {
	display: none;
	width: 100vw;
	height: auto;
	float: left;
	background-color: #f50083;
	position: relative;
    z-index: 1;
}

#ccxp-cc {
	width: 100vw;
	min-height: 502px;
	height: auto;
	background-color: #f50083;
	position: relative;
	float: left;
	padding-bottom: 110px;
}

#llegar-cc {
	width: 100vw;
	height: auto;
	float: left;
	position: relative;
	z-index: 1;
}




.cont-int {
	min-width: 950px;
	width: 950px;
	/*min-width: 880px;
	width: 880px;*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}






#titulo-01 {
    padding-top: 40px;
    margin-bottom: 0px;
}

#titulo-01 h2 {
	font-family: 'CNLatin', sans-serif;
	font-size: 39px;
    width: 390px;
    text-align: center;
    line-height: 32px;
}

#titulo-01 img {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#titulo-02 {
	width: 390px;
	text-align: center;
}

#titulo-02 h3 {
	font-family: 'GothamRounded-Bold';
	font-size: 22px;
	margin-left: auto;
    margin-right: auto;
	width: fit-content;
	background-color: #000;
	color: #ffd336;
	padding: 3px 6px;
    margin-top: 0;
    margin-bottom: 0;
}







#titulo-03 h3 {
	font-family: 'CNLatin', sans-serif;
	font-size: 37px;
	width: fit-content;
	color: #ffd336;
	border-bottom: solid 5px #03a2ff;
	margin-left: 50px;
	line-height: 32px;
	padding-bottom: 10px;
}

#titulo-03-line {
	position: relative;
	top: -40px;
    left: 170px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0px 0 20px;
	border-color: #03a2ff transparent transparent transparent;
}

#foto-rebecca {
	margin-left: -31px;
	float: left;
}

#bio-rebecca {
	width: 350px;
	float: right;
}

#bio-rebecca h3 {
	font-family: 'GothamRounded-Medium';
	color: #ffd336;
	font-size: 40px;
	border-bottom: dotted 2px;
    padding-bottom: 30px;
}

#bio-rebecca p {
	font-family: 'GothamRounded-Medium';
	color: #fff;
	margin-bottom: 15px;
	font-size: 18px;
}








#fanart-cc:before {
	background: #000;
  	content: '';
	display: block;
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1;
	-webkit-backface-visibility: hidden;
	top: -80px;
	-webkit-transform: skewY(-2.5deg);
        	transform: skewY(-2.5deg);
	-webkit-transform-origin: 100%;
	        transform-origin: 100%;
}

#fanart-line {
	position: absolute;
    z-index: 1;
    transform: rotate(286deg);
    top: -100px;
    right: 170px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 90px 0px 0 140px;
    border-color: #f50083 transparent transparent transparent;
}

#foto-steven {
	margin-left: -11px;
	float: left;
}

#fanart {
	width: 500px;
	float: right;
	margin-top: 30px;
}

#fanart h3 {
	color: #fff;
	font-family: 'GothamRounded-Medium';
	font-size: 25px;
}

#fanart p {
	font-family: 'GothamRounded-Medium';
	color: #fff;
	margin-bottom: 15px;
	font-size: 20px;
}

#btn-cnfanart {
	background-color: #ffd336;
	width: 280px;
	height: 70px;
	text-align: center;
    line-height: 70px;
    border-radius: 35px;
    border: 1px solid #000;
    margin-top: 50px;
    margin-bottom: 20px;
}

#btn-cnfanart a {
	color: #000;
	font-family: 'GothamRounded-Bold';
	text-decoration: none;
	font-size: 30px;
}

#btn-cnfanart:hover {
	background-color: #000;
	border: 1px solid #ffd336;
}

#btn-cnfanart:hover a {
	color: #ffd336;
}

#btn-bases {

}

#btn-bases {
	color: #f50083;
	font-family: 'GothamRounded-Medium';
	margin-left: 40px;
}









#cosplay-cc:before {
	background: #f50083;
  	content: '';
	display: block;
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1;
	-webkit-backface-visibility: hidden;
	top: -80px;
	-webkit-transform: skewY(-2.5deg);
        	transform: skewY(-2.5deg);
	-webkit-transform-origin: 100%;
	        transform-origin: 100%;
}

#titulo-05 h3 {
	font-family: 'CNLatin', sans-serif;
	font-size: 37px;
	width: fit-content;
	color: #ffd336;
	border-bottom: solid 5px #03a2ff;
	margin-left: 5px;
	line-height: 32px;
	padding-bottom: 10px;
}

#titulo-05-line {
	position: relative;
	top: -40px;
    left: 130px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0px 0 20px;
	border-color: #03a2ff transparent transparent transparent;
}

#cosplay-cc p {
	color: #fff;
	font-family: 'GothamRounded-Medium';
	font-size: 22px;
	width: 760px;
	margin-bottom: 40px;
}

.flexslider {
	width: 796px;
	height: auto;
	border: 3px solid #000;
	border-radius: 5px;
}


.flex-direction-nav {
	position: absolute;
    width: 100%;
    left: 0%;
    bottom: 55%;
    z-index: 10;
}

.flex-prev {
    background: url(../pics/left.png) no-repeat top center;
    left: -46px;
    width: 46px !important;
    height: 79px !important;
}

.flex-prev:hover {
	/*background: url(../pics/prev-over.png) no-repeat top center;*/
}

.flex-next {
    right: -46px;
    background: url(../pics/right.png) no-repeat top center;
    width: 46px !important;
    height: 79px !important;
}

.flex-next:hover {
	/*background: url(../pics/next-over.png) no-repeat top center;*/
}









#foto-tablet {
	margin-left: -56px;
	float: left;
}

#juego {
	width: 410px;
	float: right;
	margin-top: 70px;
}

#juego h2 {
	color: #ffd336;
	font-family: 'GothamRounded-Medium';
	font-size: 48px;
	line-height: 45px;
}

#juego p {
	color: #fff;
	font-family: 'GothamRounded-Medium';
	font-size: 24px;
	width: 360px;
}

#btn-juego {
	background-color: #000;
	width: 270px;
	height: 60px;
	text-align: center;
    line-height: 60px;
    border-radius: 35px;
    border: 1px solid #000;
    margin-top: 30px;
}

#btn-juego a {
	color: #fff;
	font-family: 'GothamRounded-Bold';
	text-decoration: none;
	font-size: 30px;
}

#btn-juego:hover {
	background-color: #fff;
	border: 1px solid #000;
}

#btn-juego:hover a {
	color: #000;
}


#linea-puntos {
	width: 90%;
	border-bottom: dotted 2px #ffd336;
	float: left;
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 80px;
}









#titulo-04 h3 {
	font-family: 'CNLatin', sans-serif;
	font-size: 37px;
	width: fit-content;
	color: #ffd336;
	border-bottom: solid 5px #03a2ff;
	margin-left: 5px;
	line-height: 32px;
	padding-bottom: 10px;
}

#titulo-04-line {
	position: relative;
	top: -40px;
    left: 130px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0px 0 20px;
	border-color: #03a2ff transparent transparent transparent;
}

.fecha {
	float: left;
	width: 60%;
	height: auto;
	margin-bottom: 50px;
	margin-left: 10px;
}

.calend {
	float: left;
	margin-right: 30px;
}

.programa {
	width: calc(100% - 110px);
    margin-left: 110px;
}

.programa .dia {
	font-family: 'CNLatin', sans-serif;
	color: #fff;
	font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.programa .activ p {
	font-family: 'GothamRounded-Medium';
	color: #fff;
	font-size: 18px;
	margin-bottom: 15px;
}

.anuncio p {
	font-family: 'GothamRounded-Medium';
	color: #fff;
	font-size: 19px;
}

#jorel {
	position: absolute;
	right: 10px;
	top: 100px;
}























#llegar-cc:before {
	background: #000;
  	content: '';
	display: block;
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1;
	-webkit-backface-visibility: hidden;
	top: -30px;
	-webkit-transform: skewY(2.5deg);
        	transform: skewY(2.5deg);
	-webkit-transform-origin: 100%;
	        transform-origin: 100%;
}

#llegar-cc .cont-int {
	margin-top: -50px;
}

#titulo-06 h3 {
	font-family: 'CNLatin', sans-serif;
	font-size: 37px;
	width: fit-content;
	color: #ffd336;
	border-bottom: solid 5px #03a2ff;
	margin-left: 50px;
	line-height: 32px;
	padding-bottom: 10px;
}

#titulo-06-line {
	position: relative;
	top: -40px;
    left: 170px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0px 0 20px;
	border-color: #03a2ff transparent transparent transparent;
}





@media (max-width:950px){

	.cont-int {
		min-width: 100%;
		width: 100%;
		float: left;
	}

	#titulo-01 {
		width: 44%; /*44vw;*/
	    margin-left: 4%;
	    padding-top: 20px;
	    margin-bottom: 10px;
	}

	#titulo-01 h2 {
		width: 100%;
	    font-size: 100%;/*2.8vh;*/
    	line-height: 100%; /*2.7vh;*/
	}

	#titulo-01 img {
		width: 100%;
		margin-left: -5px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	}


	#titulo-02 {
		width: 44%; /*44vw;*/
		margin-left: 4%;
	}

	#titulo-02 h3 {
		font-size: 100%; /*1.9vh;*/
	}



	#rebecca-cc {
		padding-bottom: 100px;
	}

	#titulo-03 {
		width: 80%;
		margin-left: 10%;
	}

	#titulo-03 h3 {
		margin-left: 0;
		font-size: 21px;
		line-height: 21px;
	}

	#titulo-03-line {
		top: -26px;
	}

	#foto-rebecca {
	    width: 80%;
	    margin-left: 10%;
    	float: left;
	}

	#foto-rebecca img {
		width: 100%;
	}

	#bio-rebecca {
	    width: 60%;
	    float: left;
	    margin-left: 10%;
	}




	#fanart-line {
		top: -120px;
    	right: -10px;
	}

	#foto-steven {
		margin-left: 10%;
	}

	#foto-steven img {
		width: 80%;
	}

	#fanart {
		margin-left: 10%;
		width: 80%;
		float: left;
    	margin-top: 30px;
	}

	#fanart img {
		width: 100%;
	}








	#fanart-cc {
		padding-bottom: 110px;
	}




	#cosplay-cc p {
		width: 80%;
    	margin-left: 10%;
	}

	.flexslider {
		width: 88%;
    	margin-left: 5%;
	}

	.flex-prev {
		transform: scale(0.4);
		left: -35px !important;
	}

	.flex-next {
		transform: scale(0.4);
		right: -35px !important;
	}






	#foto-tablet {
		margin-left: 10%;
		width: 80%;
	}

	#foto-tablet img {
		width: 100%;
	}


	#juego {
		margin-left: 10%;
	    width: 80%;
	    float: left;
	}

	#juego p {
		width: 100%;
	}

	#linea-puntos {
		width: 80%;
		margin-left: 10%;
		margin-top: 20px;
	}







	.fecha {
	    width: 80%;
	    margin-left: 10%;
	}

	#titulo-04 {
		width: 80%;
		margin-left: 10%;
	}

	#titulo-04 h3 {
		margin-left: 0;
		font-size: 21px;
		line-height: 21px;
	}

	#titulo-04-line {
		top: -26px;
	}

	#jorel {
		display: none;
	}







	#titulo-05 {
		width: 80%;
		margin-left: 10%;
	}

	#titulo-05 h3 {
		margin-left: 0;
		font-size: 21px;
		line-height: 21px;
	}

	#titulo-05-line {
		top: -26px;
	}

	





	#titulo-06 {
		width: 80%;
		margin-left: 10%;
	}

	#titulo-06 h3 {
		margin-left: 0;
		font-size: 21px;
		line-height: 21px;
	}

	#titulo-06-line {
		top: -26px;
		left: 110px;
	}

}



@media (max-width:949px) and (min-width:750px) {
	#header-cc {
	    min-height: 90vw;
	    background: url(../pics/back-home-mobile.png) no-repeat top center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-color: #f50083;
	}

	#titulo-01 h2 {
	    font-size: 160%;
	}

	#titulo-02 h3 {
	    font-size: 150%;
	}

	#rebecca-cc {
		margin-top: -80px;
	}
}


@media (max-width:749px) and (min-width:320px) {
	#header-cc {
	    min-height: 100vw;
	    background: url(../pics/back-home-mobile.png) no-repeat top center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-color: #f50083;
	}

	#rebecca-cc {
	    margin-top: -90px;
	}
}