.btnright{
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: relative;
	margin-right: 5px;
	float: right;
}

.btnright:hover{
	cursor:pointer;
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: relative;
	margin-right: 5px;
	float: right;	
}

/*BTN LEFT*/

.btnleft{
	cursor:pointer;
	font-weight: 900;

	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #FF5a4e;
	position: relative;
	margin-left: 5px;
	float: left;
}

.btnleft:hover{
	cursor:pointer;
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #FF5a4e;
	position: relative;
	margin-left: 5px;
	float: left;
}

.btnleft > img,
.btnright > img {
	width: 30px;
}

.btncardboard{
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: fixed;
	top: 91%;
	left: 93%;
	margin-right: 5px;
	float: right;
}

.img{
	padding-top: 3px;
}

.logosfy{
	cursor:pointer;
	font-weight: 900;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #FF5a4e;
	top: 10px;
	position: relative;
	margin-left: 5px;
	float: left;
}

#icon_bar{
  	display:block;
	height:40px;
	position: absolute;
	margin-right: 5px;
	top: 0px;
	left: 10px;
	clear: both;
}

#function_bar{
	bottom: 40px!important;
	background: rgba(218, 218, 218, 0.5)!important;
	color: black;
}

.opaco{
opacity: 0.8;
}



/*logo al centro*/
/*.logosfy{  
	font-weight: 900;
	display:block;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	color: #DCDCDC;
	position: relative;
	top: -66px;
	margin-right: 5px;
	width: 100%;
	left: 0px;
	opacity: 0.5;
	clear: both;
}*/

.icon_bar {
	background: rgba(245, 245, 245, 0.5);
  	display:block;
	height:40px;
	text-align:center;
	color: #DCDCDC;
	position: absolute;
	margin-right: 5px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	clear: both;
}

.hide_bar{
	background: rgba(0,0,0,0) !important;
}


.progress.active{
	border-radius:0px;
	background-color:#acacac;
}

html.fs #canvas_container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

html.fullpage #canvas_container canvas {
	position: fixed !important;
	top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

html.portrait.fullpage body:after {
	content: "";
	display: flex;
	position: fixed; /* could also be absolute */ 
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-color: rgba(2,2,2,0.90);
	background-image: url("../image/rotate_big.png");
	background-repeat: no-repeat;
    background-position: center; 

}

.box-info{
	display: inline-block;
    background: rgba(230, 230, 230, 0.7);
    margin-top: 15px;
    margin-left: 15px;
	padding: 10px;
	top:0;
	left:0;
    position: absolute;
}

.box-info .colpo{
	display: flex;
    justify-content: center;
	align-items: center;
}


.img-box-info{
	position: relative;
    width: 100%;
    margin: 0 auto;
}

.info-text {
	padding-bottom: 10px;
}

.img-button {
	padding-bottom: 10px;
}


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

	.btnright{
		margin-right: 2px;
	}
}