/* color: bluepromoest-> #1c2d5a*/

body{
	color: #1c2d5a;
	/*font-family: 'Nunito', sans-serif;*/
	font-family: 'Nunito Sans', sans-serif;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
/*body.logged{
	padding-top: 80px;
	padding-bottom: 0px;//80px;
}*/
p{
	font-size: 14px;
	line-height: 1.5em;
}
a,
a:hover,
a:active{
	color: #1c2d5a; 
}

.flexbox__box{
	display: flex;
}
@media (max-width: 767px){
	.flexbox__box{
		flex-direction: column;
	}
}
.form-group{
	margin-bottom: 20px;
}
@media (min-width: 768px){
	.form-group-min{
		min-height: 106px;
		margin-bottom: 10px !important;
	}
}

.fa-trash-alt{
	color: #0074c2 !important;
}

/********************************************************************************************** GENERAL */
.btn{
	letter-spacing: .3px;
	padding: 8px 15px;
}
.btn--small{
	font-size: 12px !important;
	padding: 4px 8px !important;
	min-width: 80px !important;
}
.btn-red{
	background: #d32029;
	border-color: #d32029;
	color: #fff;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.btn-red:hover{
	background-color: #bd1c24;
	border-color: #bd1c24;
	color: #fff;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.btn-info{
	background: #154f9f;
	border-color: #154f9f;
	-webkit-transition: all .35s ease-in-out;	
	transition: all .35s ease-in-out;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus{
	background: #064399;
	border-color: #064399;
	-webkit-transition: all .35s ease-in-out;	
	transition: all .35s ease-in-out;
}
.btn-blue-outline,
.btn-blue-outline:hover,
.btn-blue-outline:active,
.btn-blue-outline:focus{
	background-color: #fff;
	border: 1px solid #509fd6;
	color: #509fd6;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 16px;
	min-width: 100px;
}
.btn-gray-outline,
.btn-gray-outline:hover,
.btn-gray-outline:active,
.btn-gray-outline:focus{
	background-color: #fff;
	border: 1px solid #919191;
	color: #919191;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 16px;
	min-width: 100px;
}

.btn-large,
.btn-large:hover,
.btn-large:focus,
.btn-large:active,
.btn-large:active:focus{
	font-size: 18px;
	min-width: 230px;
	padding: 10px 15px;
	margin-top: 30px;
}


p.medium{
	font-size: 18px;
	font-weight: 500;
}
p.large{
	font-size: 22px;
	font-weight: 500;
}
hr{
	border-width: 2px;
	margin-top: 10px;
}
input.form-control:read-only{
	background-color: #e6e6e6;
}
@media (max-width: 767px){
	.text-center-xs{
		text-align: center!important;
	}
}

input.form-control{
	border-radius: 0;
	height: inherit;
	padding: 8px 12px;
	margin-top: 10px;
}

/********************************************************************************************** UTILS */
.text-underline{
	text-decoration: underline;
}
.pointer{
	cursor: pointer;
}
.m-t-1{
	margin-top: 15px;
}
.m-t-2{
	margin-top: 30px;
}
.m-b-1{
	margin-bottom: 15px;
}
.m-a-1{
	margin-top: 15px;
	margin-bottom: 15px; 
}
.m-a-2{
	margin-top: 30px;
	margin-bottom: 30px; 
}
.m-b-20{
	margin-bottom: 20px;
}
.btn-medium{
	min-width: 160px;
}
.d-inlineblock{
	display: inline-block;
}
.text-blue{
	color: #154f9f;
}
.text-bold{
	font-weight: 700;
}
.font-size-25{
	font-size: 25px;
}
.font-size-27{
	font-size: 27px;
}
.font-size-16{
	font-size: 16px;
}
.text-gray{
	color: #919191;
}
a.text-blue:hover{
	color: #154f9f;	
}
/********************************************************************************************** HEADER */
header{
	background: #e10009;
	height: 182px;
}
header > div.container{
	position: relative;
	height: 182px;
}
@media (min-width: 768px){
	.header__text{
		position: absolute;
			top: 50%;
		transform: translateY(-50%); 
		width: calc(100% - 30px);
	}
}
header h1{
	color: #fff;
	font-size: 61px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
}
header h2{
	color: #fccc06;
	font-size: 28px;
	font-weight: 600;
	padding-left: 24%;
	text-transform: uppercase;
}
.nav-logged{
	background-color: #ffcc00;
	border-bottom: 2px solid #e6e6e6; 
	padding: 12px;
	position: fixed;
		top: 0; left: 0; right: 0;
	z-index: 1030;
}
.nav-logged h2{
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	margin-left: 16px;
	padding-left: 19px;
	position: relative;
	text-transform: uppercase;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}
.nav-logged h2:before{
	background-color: #fff;
	content: '';
	display: inline-block;
	height: 46px;
	position: absolute;
		left: 0;
		top: -11px;
	width: 2px;
}
.login--box{
	position: absolute;
		top: 0;
		right: 0;
}
.nav-user{
	color: #5e5e5e;
	display: inline-block;
	font-size: 13px;
	top: -26px;
	position: relative;
}
.login-btn{
	background-color: #fff;
	display: inline-block;
	height: 66px;
	margin-left: 20px;
	position: relative;
	width: 68px;
}
.login-btn svg{
	color: #5e5e5e;
	font-size: 23px;
	position: absolute;
		top: 50%;
		left: 50%;
	-webkit-transform: translate(-50%, -50%);	
	transform: translate(-50%, -50%);
}

@media (max-width: 767px){
	.header__text{
		text-align: center;
	}
	header h1{
		font-size: 64px;
	}
	header h2{
		font-size: 34px; 
		padding-left: initial;
	}
}

/********************************************************************************************** MAIN CONTENT */

.logged.page__welcome div.main-content{
	min-height: calc(100vh - 113px);
}

.page__home div.main-content{
	background: url('../img/hostess-bg.jpg') no-repeat right top/cover;
	min-height: calc(100vh - 84px);
}



/* BOX FORM*/
.box__form{
	background: #fff;
	border-radius: 10px;
	/*margin: 60px 0 180px auto;*/
	margin-top: 60px;
	float: right;
	max-width: 520px;
	padding: 30px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.15);
}
.box__form h3{
	margin-top: 0;
	margin-bottom: 15px;
}
@media (min-width: 768px){
	.text-btn-l{
		line-height: 38px;
	}
}
@media (max-width: 991px){
	.box__form{
		margin: 80px auto;
		float: none;
	}
}


/* heading */
.heading{
	padding-top: 56px;
	padding-bottom: 20px;
	text-align: center;
}
.heading hr{
	border-top: 1px solid #154f9f;
	margin-top: 40px;
}
.heading__title{
	color: #154f9f;
	font-size: 31px;
	font-weight: 600;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}
.heading__subtitle{
	color: #154f9f;
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 30px;
}


/* WALL */
.star-box{
	background: #154f9f;
	border-radius: 6px;
	display: inline-block;
	height: 30px;
	margin-left: 10px; 
	position: relative;
	width: 30px; 
	top: 10px;
}
.star-box svg{
	color: #fc0;
	position: absolute;
		top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.wall__tile{
	margin-top: 30px;
}
.wall__tile:hover .wall__tile-body:not(.photo-voted):not(.photo-team){
	background: #064399;
	-webkit-transition: all .35s ease-in-out;	
	transition: all .35s ease-in-out;
}
.wall__tile-image{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.wall__tile-image:before{
	content: '';
	display: block;
	padding-top: 56.25%;
}
.wall__tile-image svg{
	color: #fc0;
	font-size: 28px;
	position: absolute;
		top: 10px; right: 10px;
}
.wall__tile-body{
	background: #154f9f; 
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	padding: 16px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .35s ease-in-out;	
	transition: all .35s ease-in-out;
}
.wall__tile-body.photo-voted{
	background: #e6e6e6;
	color: #919191;
}
.wall__tile-body.photo-team{
	background: #CC0000;
	color: #fff;
}
.photo-number{
	background: #154f9f; 
	width: 30px;
	height: 30px;
	position: absolute;
		top: 0; left: 0;
}
.photo-number span{
	color: #fff;
	font-size: 15px;
	position: absolute;
		top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);	
	transform: translate(-50%,-50%);
}

/********************************************************************************************** FOOTER */
footer{
	background-color: #fff;
	border-top: 1px solid #ece7e3;
}
body.logged footer{
	margin-top: 30px;
}
body.logged .logged-footer{
	/*position: fixed;*/
		bottom: 0; left: 0; right: 0;
}
footer p{
	/*color: #919191;*/
	margin: 0;
	padding: 25px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
}
@media (min-width: 992px){
	footer{
		display: flex;
		align-items: center;
		min-height: 83px;
	}
	footer p{
		padding: 0 25px;
	}
}
/*@media (max-width: 767px){
	footer p{
		font-size: 14px;
	}
}*/
footer a,
footer a:hover{
	/*color: #919191;*/
	text-decoration: none;
}


/********************************************************************************************** MODALS */
.modal-open .modal{
	/*display: flex !important;
	justify-content: center;
	align-items: center;*/
}
.modal.in{
	padding-right: 0!important;
}
@media (min-width: 768px){
	.modal-dialog{
		width: 510px;
	}
	.modal.videomodal .modal-dialog{
		width: 760px;
	}
}
.modal-header{
	border-bottom: 0;
}
.modal-header .modal-title{
	font-size: 23px;
	font-weight: 800;
	padding-bottom: 0;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .83px;
}
.modal-body{
	text-align: center;
}
.modal-body p{
	font-size: 18px;
}
.modal-body p:last-child{
	font-size: 16px;
}
.modal-body ul{
	margin: 0;
}
.modal-body ul li span{
	position: absolute;
		top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
.modal-content{
	border-radius: 5px;
	padding: 8px 0;
}


@media (min-width: 768px){
	.modal-dialog.modal-dialog-small {
    width: 460px;
	}
}


.btn-si,
.btn-no{
	border-radius: 0;
	cursor: pointer;
	width: 70px;
	height: 70px;
	font-size: 28px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	text-transform: uppercase;
}
.btn-no{
	background: #e6e6e6;
	color: #6a6a6a;
}
.btn-si{
	background: #154f9f;
	color: #fff;
}


.modal-backdrop.in{
	opacity: .85;
}


/* video hp */
#vid1{
  width: 100%;
  max-width: 1140px;
}
.close--video{
  position: absolute;
  right: -10px;
  top: 0;
}
.modal-dialog--video{
  width: 1140px;
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .modal-dialog--video{
    width: 728px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
  .modal-dialog--video{
    width: 958px;
  }
}
@media screen and (max-width: 768px){
  .modal-dialog--video{
    width: initial;
  }
}
.underline--hover:after{
  content: '';
  display: block;
  width: 0; 
  background-color: #201F22;
  opacity: .5;
  height: 1px;
  transition: all .3s ease-in-out;
}
.carica--img:hover .underline--hover:after{
  width: 100%;
  transition: all .3s ease-in-out;
}
.carica--video:hover .underline--hover:after{
  width: 100%;
  transition: all .3s ease-in-out;
}
#anteprima .profile-img-box{
  margin-bottom: 15px;
}
.btn-delete--contenuto{
  width: 100%;
  text-align: right;
  line-height: 1px;
  padding: 0;
}
#form--personalInfo .profile-img-placeholder:not([src*="icn_camera_camera.png"]){
  width: 100%;
}
/* 16:9 video caricato */
.rwd-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.wall__tile-body svg{
	color: #fc0;
	font-size: 25px;
	position: absolute;
		bottom: 12px; left: 25px;
}

@media screen and (max-width: 417px){
  .wall__tile-body{
    min-height: 63.4333px;
  }
  .wall__tile-body svg{
		color: #fc0;
		font-size: 10px;
		position: absolute;
			bottom: 35px; left: 20px;
	}
}

@media screen and (min-width: 417px) and (max-width: 519px){
  .wall__tile-body svg{
		color: #fc0;
		font-size: 18px;
		position: absolute;
			bottom: 14px; left: 20px;
	}
}


/* aggiunte */
@media (max-width: 767px){
	.headerr{
		height: initial;
		padding: 15px 0;
	}
	.headerr > div.container{
		height: initial;
	}
	.header__text h1{
		font-size: 40px;
	}
	.header__text h2{
		font-size: 24px;
		margin-top: 10px;
	}
	.btn__login-xs{
		text-align: center;
	}
	.btn__login-xs .btn{
		margin-top: 10px;
		width: 100%;
	}
	.btn--xxs{
		float: none;
		margin-top: 10px;
		width: 100%;
	}
}





/**********************************
	NEW CSS
***********************************/

.main--container-hp{
	display: flex;
	margin-bottom: 30px;
}
@media (min-width: 992px){
	.main--container-hp > div:first-child{
		width: 50%;
		padding-top: 15vh;
	}
	.main--container-hp > div:first-child img{
		margin-bottom: 25px;
		max-width: 72%;
	}
	.main--container-hp > div:first-child h1{
		font-size: 30px;
		line-height: 1.1;
	}
	.main--container-hp > div:last-child{
		width: 60%;
	}
}
@media (min-width: 1199px){
	.main--container-hp > div:first-child h1{
		font-size: 35px;
		line-height: 1.2;
	}
}
@media (max-width: 991px){
	.main--container-hp{
		flex-direction: column;
	}	
	.main--container-hp > div:first-child{
		margin-top: 60px;
		padding: 30px;
		background: rgba(255,255,255,.7);
		border-radius: 10px;	
	}
	.main--container-hp > div:first-child h1{
		font-size: 30px;
		margin-top: 45px;	
	}
}

.hr-blue{
	margin-top: 20px;
	border-color: #1c2d5a;
	border-width: 1px;
}
.hr-lightblue{
	margin-top: 20px;
	border-color: #0074c2;
	border-width: 1px;
}


.checkbox label,
.radio label{
  line-height: 1.25;
}

.form-control{
	-webkit-box-shadow: none;
	box-shadow: none;
}


/*.modal{
	position: absolute;
		top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

display: flex!important;
align-items: center;
*/


@media (min-width: 1400px){
	footer .container{
		width: 1390px;
	}
}


@media (min-width: 768px){
	.modal .modal-dialog{
		position: absolute;
			left: 50%; top: 50%;
		-webkit-transform: translate(-50%, -50%) !important;
		transform: translate(-50%, -50%) !important;
	}
}

label.has-error{
	color: #dc3545;
}


.header__profile img{
	max-width: 290px;
	margin: 0 auto;
	padding-top: 20px;
}
@media (max-width: 767px){
	.header__profile{
		height: 260px !important;
	}
	.header__profile img{
		max-width: 200px;
	}
}

.bg--white{
	background-color: #fff !important;
}

.nav-tabs{
	text-align: center;
	border-bottom: 0;
}

@media (max-width: 767px){
	.nav-tabs{
		overflow-x: scroll;
		white-space: nowrap;
	}
}


.nav-tabs > li{
	float: none;
	display: inline-block;
	min-width: 250px;
	padding: 0 10px;
}

.nav-tabs > li a,
.nav-tabs > li a:hover,
.nav-tabs > li a:active,
.nav-tabs > li a:focus,
.nav-tabs > li a:active:focus{
	color: #999;
	font-weight: 600;
	border: 0;
	border-bottom: 1px solid transparent;
	background-color: #fff;
	font-size: 21px;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus,
.nav-tabs > li.active a:active:focus{
	color: #0074c2;
	border: 0;
	border-bottom: 1px solid #0074c2;
	padding-bottom: 5px;
}
.tab-content{
	padding-top: 35px;
	padding-bottom: 50px;
}



@media (max-width: 991px){
	.nav-tabs > li{
		min-width: 0 !important;
		padding: 0;
	}
	.nav-tabs > li a,
	.nav-tabs > li a:hover,
	.nav-tabs > li a:active,
	.nav-tabs > li a:focus,
	.nav-tabs > li a:active:focus{
		color: #999;
		font-weight: 600;
		border: 0;
		border-bottom: 1px solid transparent;
		background-color: #fff;
		font-size: 16px;
	}
}


/* tabs da fine registrazione e loggato */
.nav-tabs.nav-tabs-box li{
	border: 1px solid #999;
	margin: 0 15px;
}
.nav-tabs.nav-tabs-box > li.active a,
.nav-tabs.nav-tabs-box > li.active a:hover,
.nav-tabs.nav-tabs-box > li.active a:active,
.nav-tabs.nav-tabs-box > li.active a:focus,
.nav-tabs.nav-tabs-box > li.active a:active:focus {
  border-bottom: none;
  padding-bottom: 10px;
}
.nav-tabs.nav-tabs-box li.active{
	border-color: #0074c2;
}



form label{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: .33px;
	margin-bottom: 7px;
}

label + input.form-control,
label + select.form-control{
	margin-top: 0;
	margin-bottom: 12px;
}
.sublabel{

}

.checkbox,
.radio{
	padding-left: 20px;
}
label.checkbox,
.checkbox label{
		text-transform: none;
		font-size: 14px;
		font-weight: 500;
}




.page__welcome .div-password{
	display: none;
}







.page__title{
	text-align: center;
	padding-bottom: 28px;
	text-transform: uppercase;
	font-size: 31px;
	font-weight: 800;
	background-image: -webkit-linear-gradient(#1c2d5a, #1c2d5a);
	background-image: linear-gradient(#1c2d5a, #1c2d5a);
	background-position: bottom;
	background-size: 100px 1px;
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 35px;
}
@media (max-width: 767px){
	.page__title{
		font-size: 26px;
	}
}


.form__section-divider{
	background-color: #0074c2;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px;
	font-weight: 700;
	margin-bottom: 25px; 
	margin-top: 15px;
}

.checkbox--label{
	text-transform: initial;
	font-weight: 500;
	width: 24%;
	line-height: 1.5;
	margin-top: 3px;
}
@media (max-width: 767px){
	.checkbox--label{
		width: 49%;
	}
}

.checkbox--label input[type=radio],
.checkbox--label input[type=checkbox]{
	margin-right: 6px;
}

.label--span{
	font-size: .7em;
	text-transform: initial;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th{
	font-size: 15px;
	padding: 12px 8px;
}
.table > thead > tr > td,
.table > thead > tr > th{
	text-align: center;
}
.table > tbody > tr > td:not(:first-child),
.table > tbody > tr > th:not(:first-child){
	text-align: center;
}
.table-striped > tbody > tr{
	background-color: #eeeeee;
}
.table-striped > tbody > tr:nth-of-type(2n+1){
	background-color: #fafafa;
}

/*input[type="checkbox"],
input[type="radio"]{
	opacity: .3;
}*/

.hidden--input{
	opacity: 0;
	position: absolute;
		bottom: 0;
}

.flexbox__box-formimmgini{
	margin-top: 15px;
}
.product__logo{
	border: 1px solid #bbb;
	width: 200px;
	height: 200px;
	margin-right: 15px;
	position: relative;
}
/*.product__logo:before{
	font-family: 'FontAwesome';
	content: "\f007";
	display: block;
	position: absolute;
		left: 50%; bottom: -.29em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #bbb;
	font-size: 12em;
	opacity: .7;
}
.flexbox__box-formimmgini.foto-figura-intera > div:first-child:before{
	content: "\f183";
	bottom: -.21em;
}


.flexbox__box-formimmgini > div:first-child:after{
	font-family: 'FontAwesome';
	content: "\f07c";
	display: block;
	position: absolute;
		right: 3px; bottom: 3px;
	color: #888;
	border: 1px solid #bbb;
	border-radius: 2px;
	padding: 3px 5px 3px 8px;
}*/

.fa-trash-alt{
	color: #509fd6;
}

.w-100{
	width: 100% !important;
}



.header__profile-logout{
	height: initial !important;
	text-align: right;
}
.header__profile-logout svg{
	color: #fff;
	margin-top: 20px;
	font-size: 20px;
	cursor: pointer;
}


.view-img:hover .gradient__controlimg,
.view-img:focus .gradient__controlimg{
	display: none !important;
}


#loader__number{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 9999999999999;
	background: rgba(0,0,0,.8);
}
#loader__number .loader__loader h1{
	margin-top: 0;
	margin-bottom: 0;
	margin: 50vh auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}


/* PROGRESS BAR LOADING */
.progress{
	margin-bottom: 10px;
	opacity: 0;
}
.progress.in-progress{
	opacity: 1;
}
.progress.progress-bar{
	width: 0;
}
.progress.in-progress .progress-bar{
	-webkit-animation: progressBar 1s ease-out;
	animation: progressBar 1s ease-out;
}
@-webkit-keyframes progressBar{
	0% { width: 0; }
	100% { width: 100%; }
}
@keyframes progressBar{
	0% { width: 0; }
	100% { width: 100%; }
}


.title-file{
	text-align: left !important;
	border-color: #0074c2 !important;
	margin-bottom: 10px !important;
	height: initial !important;
	padding: 0 12px;
	color: #0074c2;
	display: none;
}
.title-file.title-file-notempty{
	display: block;
}


.ended-registration .btn--indietro{
	display: none;
}


.btn svg.fa-spinner{
	display: none;
	margin-left: 4px;
}
.btn.inloading svg.fa-spinner{
	display: inline-block !important;
}


.nav-tabs li{
	position: relative;
}
.nav-tabs li .fa-check-circle{
	position: absolute;
		top: 12%; right: 4%;
	color: green;
}



.input__group{
	position: relative;
}
.input__group span{
	position: absolute;
		top: 50%; right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 700;
	font-size: 11px;
}



.modal img.img-thumbnail{
	max-width: 100% !important;
	max-height: 100% !important;
}
.modal .view-img{
	height: 350px !important;
}


.page-presentation.page-404 main{
	min-height: calc(100vh) !important;
	position: relative;
}

.page-presentation.page-404 main:before{
	content: '';
	display: block;
	position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(255,255,255,.1);
}

.page-presentation.page-404 main > div{
	margin: 50vh auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	max-width: 560px;
	background: rgba(255,255,255,.7);
	padding: 30px;
	border-radius: 13px;
}
.page-presentation.page-404 main > div h2{
	margin-top: 0;
	font-size: 36px;
}
@media (max-width: 767px){
	.page-presentation.page-404 main > div h2{
		font-size: 22px;
	}
}



@media (max-width: 767px){
	.text-center-xs{
		text-align: center !important;
	}
	.m-b-xs-10{
		margin-bottom: 10px;
	}
	.center-block-xs{
		margin: 0 auto !important;
	}
	.nav-tabs.nav-tabs-box{
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}
}