.custom-2-only{display:none;}
.custom-1-only{display:block !important;}
.headerpage{background:#000;background: -moz-linear-gradient(90deg, #000 30%, #001b32 90%);background: -webkit-linear-gradient(90deg, #000 30%, #001b32 90%);background: linear-gradient(90deg, #000 30%, #001b32 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2dd",endColorstr="#001b32",GradientType=1);}
.headerpage-inner{margin:0 30px;}
.bg{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	z-index:-1;
	background: rgb(0,178,221);background: -moz-linear-gradient(90deg, #000 30%, #001b32 90%);background: -webkit-linear-gradient(90deg, #000 30%, #001b32 90%);background: linear-gradient(90deg, #000 30%, #001b32 90%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b2dd",endColorstr="#001b32",GradientType=1);
}
.main-content{
	position:fixed;
	z-index:55;
	top:0;
	left:30px;
	right:30px;
	bottom:30px;
	background:#ffffff;
}
.menu-btn{
	display:none;
}

.menu{
	position:absolute;
	top:110px;
	left:0;
	bottom:0;
	width:calc(20% - 20px);
	overflow-y:auto;
	opacity:1;
	visibility:visible;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	z-index:199;
	background:transparent;
}
body.show-menu .menu{
	opacity:1;
	visibility:visible;
}
.menu-items{
	position:absolute;
	top:50%;
	width:100%;
	text-align:left;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	z-index:99;
}
.menu-items > ul{
	list-style:none;
	padding:0;
	margin:0;
}
.menu-items > ul > li{
	display:block;
	margin:10px 15px;
	line-height:40px;
	height:40px;
	color:#fff;
}
.menu-items > ul > li img{width:40px;height:40px;margin:0 5px 0 0;}
.menu-items > ul > li > div{
	cursor: pointer;
	outline:none;
	display:block;
	text-decoration:none;
	color:#fff;
	opacity:1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;

}
body.show-menu .menu-items > ul > li > div{
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}
.close-menu .menu{
	top:0;
	left:20%;
	bottom:0;
	width:40px;
	overflow:hidden;
	opacity:1;
	margin-left:-20px;
	visibility:visible;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	z-index:199;
	background:transparent;
}
.close-menu .menu-items{
	position:absolute;
	top:50%;
	width:40px;
	height:40px;
	text-align:left;
	background:#919191;
	border-radius:40px;
	border:#cccccc 3px solid;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	z-index:99;
}
.close-menu .menu-items:before, .close-menu .menu-items:after{content:'';position:absolute;width:2px;height:60%;top:20%;background:#fff;left:50%;margin-left:-1px;}
.close-menu .menu-items:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-menu .menu-items:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.close-menu .menu-items > ul > li{margin:0;}
.close-menu .menu-items > ul > li img{width:40px;height:40px;margin:0;}
.standar-breadcrumb{background:#717171;}
body.show-menu .menu-items > ul > li:nth-of-type(1) > div{
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	transition-delay:.4s;
}
body.show-menu .menu-items > ul > li:nth-of-type(2) > div{
	-webkit-transition-delay:.5s;
	-moz-transition-delay:.5s;
	transition-delay:.5s;
}
body.show-menu .menu-items > ul > li:nth-of-type(3) > div{
	-webkit-transition-delay:.6s;
	-moz-transition-delay:.6s;
	transition-delay:.6s;
}
body.show-menu .menu-items > ul > li:nth-of-type(4) > div{
	-webkit-transition-delay:.7s;
	-moz-transition-delay:.7s;
	transition-delay:.7s;
}
body.show-menu .menu-items > ul > li:nth-of-type(5) > div{
	-webkit-transition-delay:.8s;
	-moz-transition-delay:.8s;
	transition-delay:.8s;
}
body.show-menu .menu-items > ul > li:nth-of-type(6) > div{
	-webkit-transition-delay:.9s;
	-moz-transition-delay:.9s;
	transition-delay:.9s;
}
body.show-menu .menu-items > ul > li:nth-of-type(7) > div{
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	transition-delay:1s;
}


@media all and (orientation:portrait){
.headerpage-inner{margin:0 20px;}
.main-content{left:20px;right:20px;bottom:20px;}

}