/* Fonts */
	@import url(http://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,800,800i,900|Martel:200,300,400,600,700,800,900|Niconne|Norican|);
		
/* -----------------------------------------------
                 STANDARD
----------------------------------------------- */

html { font-size: 62.5%;} /* 16px > 10px > 1.0rem */


body {
	/* font-size: 1.6rem; */
	margin: 0;
	padding:0;
}


:focus {
outline: 0;
}

.pointer-none {
	cursor:default;
}
.pointer-pointer {
	cursor:pointer;
}

/*-------------------------------------
BACKGROUND
-------------------------------------*/  
.bg-beige {
    background-color: #fff0d9;
}
.bg-bianco {
    background-color: #fff;
}

.bg-mattone {
    background-color: #760000;
}

.bg-imbottitura {
    background: #fff url(../img/bg-imbottitura.jpg) repeat;
}


/*-------------------------------------
       NASCONDI LOGO NEL DESKTOP
-------------------------------------*/  
.logo-header {
display: none;
}

.mostralogo {
display: block;
}

.main-bar {
border-bottom: 1px solid #ddd;
}



/*-------------------------------------
NAV DARK
-------------------------------------*/  
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #fff0d9;
	border:1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li .sub-menu li {
	border-bottom: 1px solid #fff;
}
.nav-dark.header-nav .nav > li .sub-menu li:last-child{
	border-bottom:0px;
}
.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a {
	color:#760000;
	text-align:center;
}

.nav-dark.header-nav .nav > li .sub-menu li a{
	position:relative;
	overflow:hidden;
	z-index:1;
}
.nav-dark.header-nav .nav > li .sub-menu li a:after{
	content:'';
	position:absolute;
	right:100%;
	top:0px;
	height:100%;
	width:100%;
	background-color: #000;
	opacity:0.2;
	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	z-index:-1;
}

.nav-dark.header-nav .nav > li .sub-menu li a:hover:after{
	right:0%;
}
.nav-dark.header-nav .nav > li .sub-menu li a:hover{
	color: #fff;
}
/*.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
	color: #FFBC13;
}

.nav-dark.header-nav .nav > li .mega-menu > li:after {
	background-color:rgba(0,0,0,0.2) ;
}*/

@media only screen and (max-width: 991px) {
.nav-dark.header-nav  {
	border-bottom:1px solid rgba(0,0,0,0.8);
}	
.nav-dark.header-nav .nav {
	background-color: #fff0d9;
}
.nav-dark.header-nav .nav > li > a {
	border-top: 1px solid rgba(0,0,0,0.2);
}
.nav-dark.header-nav .nav > li > a {
	color:#760000;
	text-align:center;
}

.nav-dark.header-nav .nav > li > a:hover, 
.nav-dark.header-nav .nav > li > a:active, 
.nav-dark.header-nav .nav > li > a:focus {
	background: #760000;
	color: #fff;
}
.nav-dark.header-nav .nav > li ul, 
.nav-dark.header-nav .nav > li .sub-menu, 
.nav-dark.header-nav .nav > li .mega-menu {
	background-color: #fff0d9;
}
}
/*-------------------------------------
	END nav dark
-------------------------------------*/ 



/*-------------------------------------
	             SLIDE
-------------------------------------*/ 
.rev_slider_wrapper { /*-- per accorciare la slide, ma non accorcia tutto --*/ 
 smax-height: 500px;
}


.titolo-slide {
 font-size: 8.0rem !important;
	line-height: 130% !important;
	text-shadow: 2px 2px 2px #333;
}

.tp-tab-mask { /*-- 3 pulsanti per cambiare slide --*/ 
display: none;
}

.logo-bera-in-slide {
position: absolute;
top: 0;
left: 0;
}

.slogo-bera-background-slide { /*-- per dare bg trasparente al logo della slide --*/ 
position: absolute;
top: 0;
left: 0;
border: 5px solid #000;
background: rgba(118, 0, 0, 0.8) url(../img/logo-bera-top-60.jpg) top left no-repeat;
sbackground-color: rgba(118, 0, 0, 0.8);
sbackground-image: url(../img/logo-bera-top-60.jpg) center center no-repeat;
    sbackground: #fff url((../img/logo-bera-top-60.jpg) no-repeat;
}


/*-------------------------------------
	             CONTENUTO
-------------------------------------*/ 


h1.titolo-uno ,h2.titolo-uno  {
    font-size: 6.5rem;
    line-height: 100%;
    color: #760000 !important;
    font-family: 'Niconne', serif !important;
    font-weight: 700;
}

h2.titolo-due  {
    font-size: 6.5rem;
    line-height: 100%;
    color: #fff;
    font-family: 'Niconne', serif !important;
    font-weight: 700;
}


.welcome-bg-block {
    background-image: url(../img/home-minislide0.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    smargin-right: 230px;
    background-size: cover;
}

.trebox-home {
				border-top: 2rem solid #ddd;
}

.sezione-galleria {
				margin-top: 5rem;
}


.line-filter-outer {
    position: relative;
    z-index: 1;
    min-height: 320px;
}
.bordofoto {
    border: 1rem solid #760000;
				margin: 0 0.7rem !important;
}
.bordofotogallery {
    border: 1rem solid #760000;
}

.owl-stage-outer {
				margin-bottom: 5rem !important;
}


.testo {
	font-size:1.6rem;
	line-height: 160%;
	color: #333;
	text-align: justify;
}

.mfp-counter {
	display:none;
}




/* -----------------------------------------------
                 CONTATTI
----------------------------------------------- */
form {
	border:0px solid #333;
	margin:0 3rem;
	padding:10px 20px;
	background:#ddd;
}
.form-control {
    font-family: 'Poppins', sans-serif ;
    font-size: 1.4rem;
}

.testo-label {
    font-family: 'Poppins', sans-serif ;
    font-size: 1.6rem;
    font-weight: 400;
	color:#333;
	margin:0;
	padding:0;
}

.testo-box-contatti {
    font-family: 'Poppins', sans-serif ;
    font-size: 1.4rem;
	color:#333;
}
.messaggio-ok-box-contatti {
	margin:0.5em 0;
    font-family: 'Poppins', sans-serif ;
    font-size: 1.5rem;
	font-weight:700;
	background:#333;
	color:#fff;
}

.help-block, .with-errors {
    font-family: 'Poppins', sans-serif ;
    font-size: 1.2rem;
	font-weight:700;
	color:#ef7601;
}

.bottone-invia {
	display:block;
	background:#666;
	color:#fff;
	margin:0em auto;
	padding:0.1em 1.5em;
    font-family: 'Poppins', sans-serif ;
	font-weight:700;
    font-size: 1.4rem;
	text-align:center;
	text-transform:uppercase;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	border:2px solid #333;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.bottone-invia:hover {
	display:block;
	background:#333;
	color:#fff;
}
.box-mail-privacy {
	text-align:left;
	margin: 10px auto;
	padding: 10px;
	color:#333;
    font-family: 'Poppins', sans-serif ;
	font-size:14px;
	line-height:120%;
	background: #ddd; 
	border:0px solid #333;
}








/* -----------------------------------------------
                 MEDIA QUERY
----------------------------------------------- */

/* -----------------------------------------------
                 1200-
----------------------------------------------- */
@media (max-width: 1200px) {


}


/* -----------------------------------------------
                 992-
----------------------------------------------- */
@media (max-width: 992px) {

/*-------------------------------------
       RIAPPARE LOGO NEL MOBILE
-------------------------------------*/  
.logo-header {
display: block;
top: 0.5rem;
}

/*-------------------------------------
       TOGLIE LOGO DALLA SLIDE
-------------------------------------*/  
.logo-bera-in-slide {
display: none;
}


}


/* -----------------------------------------------
                 768-
----------------------------------------------- */
@media (max-width: 767px) {

}


/* -----------------------------------------------
                 576-
----------------------------------------------- */
@media (max-width: 575px) {

.titolo-slide {
 font-size: 6.0rem !important;
	line-height: 120% !important;
}


}

/* -----------------------------------------------
                 360-
----------------------------------------------- */
@media (max-width: 360px) {


}