/*GENERALI*/

body {font-family: 'GothamRounded-Book', sans-serif; color:#481100;}

.fontAlt {font-family: 'Montserrat', sans-serif;}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}


a{ color: #f60; text-decoration: none;}
a:focus, a:hover, a:active { color: #481100; text-decoration:underline; }

a.noline{text-decoration: none!important;}


.bg-primary{background: #FFF; color:#481100;}
.bg-secondary{background: #240909; color:#FFF;}

.lead strong{font-weight: bold!important;}
.lead em{font-style: italic!important;}


/*-PULSANTI
-----------------------------------------*/

.btn-default{ background-color: #DA4453; border-color: #DA4453; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear;  -o-transition: background-color 0.3s linear;  transition: background-color 0.3s linear; color: #FFF; text-transform: uppercase;    width:100%;  font-size:.75rem;}

@media(min-width: 480px){.btn-default{font-size:1rem;}}

.btn-default:hover{ background-color: #363636;  border-color: #363636; color: #FFF;}

.btn-default {background-color: #481100; border-color: #481100;}
.btn-default:hover, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{  background-color: rgba(249,176,37,1);  border-color: rgba(249,176,37,1);  color:#000;}

.btn-primary { background-color: #f60; border-color: #f60; color: #FFF!important; font-weight: bold;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #fC0; border-color: #f60; color: #333!important;}

.btn-secondary { background-color: #670000;  border-color: #670000;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: #481100; border-color: #481100;}

.btn-success{color: #FFF; font-weight: bold;}

.btn-xl { padding: 1rem 1.75rem;  font-size: 1.25rem;}
.btn-social { width: 3.25rem;  height: 3.25rem; font-size: 1.25rem; line-height: 2.5rem;}

.scroll-to-top { z-index: 1042; right: 1rem; bottom: 1rem; display: none;}
.scroll-to-top a { width: 3.5rem; height: 3.5rem; background-color: rgba(33, 37, 41, 0.5); line-height: 3.1rem;}


#tornasu{ position: fixed; z-index: 9999; bottom: 0; /*background: #FFF;*/ right:0; /*width:48px;*/ height:48px; }

#tornasu .btn{border-radius:0; background: #FFF; color:#481100; font-size: 1.45rem;}

#tornasu .btn:hover, #tornasu .btn:focus, #tornasu .btn:active, #tornasu .btn.active {border: solid 2px #481100;color: #FFFFFF;background:#481100;}

@media(min-width: 576px){
  #tornasu{ width:80px; position: fixed; z-index: 999; bottom: 20px; /*left:0;*/ right:15px; text-align: right;}
#tornasu .btn{width:64px!important; height:64px!important;border-radius: 50%!important; font-size:2rem; border: solid 2px #481100; }
}

.scriviWA{ position: fixed; z-index: 9999; bottom: 0; left:0; width:48px; height:48px;}
.scriviWA .btn{border-radius: 0 0 0 0;}
.scriviWA .btn i{ font-size: 2rem;}

@media(max-width: 767px){.ID9998 .scriviWA{display: none;}}
.ID9998 #tarteaucitronIcon{left: 0!important;}

.numeroWA {font-weight: bold; color: #FFF; font-size: 1.5rem; vertical-align: text-bottom; margin-left: 1.5rem;}

@media screen and (min-width: 768px){
.scriviWA{ position: fixed; z-index: 999; width: 80px; bottom: 90px; left:auto;  right:15px; text-align: right; background: transparent;}
.scriviWA .btn{width:64px!important; height:64px!important;border-radius: 50%!important; border: solid 2px #FFFFFF;}
.scriviWA .btn i{ font-size: 3rem; padding-top: 0.2rem;}
.numeroWA{display: none;}
}
@media (min-width: 1200px){
  .scriviWA .btn i{ font-size: 2.5rem; padding-top:.25rem;}
}

a.whatsapp { background-color: #25D366!important; color: #FFF!important; border-color: #25D366!important;}
a.whatsapp:hover{color:#25D366!important; background-color:#FFF!important;}

.ID9998 .pulsantoni{height: 10vh;}

/*IMMAGINI & SFONDI*/
.bg-alt{background: url('/perugia2018/img/choco96.jpg') top center repeat #481100; color:#FFF;}

.bg-foto{  
  background: url('/img/blank.png') center center no-repeat scroll #670000; -webkit-background-size: cover;  -moz-background-size: cover;   background-size: cover;  -o-background-size: cover;  padding:0;/*filter: brightness(75%); -webkit-filter: brightness(75%);*/}
.bg-image-full { background-repeat: no-repeat;  background-attachment: scroll; background-position: center; background-size: cover;}

img.logosezione{max-width: 128px; margin:0 auto;}




/*HEADER*/

header.apertura .imagetop{position: absolute; top: 100px; left: 0; right: 0; max-width: 200px; margin: 0 auto;}
header.apertura .imagebottom{position: absolute; bottom: 10px; left: 0; right: 0; max-width: 200px; margin: 0 auto;}

@media (orientation: portrait){
	header.apertura{min-height: 100vh; /*background-image: url('../src/visual-verticale.webp');*/}
	.visualHor{display: none;}
	.visualVer{display: block;}
}
@media (orientation: landscape){
	header.apertura{min-height: 100vh; /*background-image: url('../src/visual-orizzontale.webp');*/}
	.visualVer{display: none;}
	.visualHor{display: block;}

.ID9998 header.apertura{min-height: 80vh;}
.ID9998 .visualHor{display: block;}
.ID9998 .visualVer{display: none;}
}

.ID9998 #mainslider{/*margin-top: 56px;*/}
.ID9998 #mainslider .carousel-item {
 /* height: 80vh;
  min-height: 360px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

.ID9998 #mainslider .carousel-caption{bottom:auto; top: 370px;}

.ID9998 .pulsantone, .ID9998 .pulsantoni {text-align: center;}
.ID9998 .pulsantone a.ticket{font-size: 2rem; line-height: 2.3;}
.ID9998 .pulsantoni a{margin-top: 24px; width: 100%;}


/*NAVIGAZIONE*/
/*NAVIGAZIONE*/
#mainNav.navbar { font-family: 'GothamRounded-Medium', sans-serif; text-transform: uppercase; font-weight: bold; font-size:12.5px;   opacity:0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  text-transform: uppercase; z-index:1040!important; background: transparent;  }

#mainNav.navbar .navbar-nav{opacity: 0;}
.fixedNav #mainNav.navbar, .fixedNav #mainNav.navbar .navbar-nav{opacity:1; background: rgba(72, 17, 0, 1);}

    #mainNav.navbar.navbar-shrink {  opacity:1; background: rgba(72, 17, 0, 1);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

    #mainNav.navbar.navbar-shrink .navbar-nav{opacity: 1;}

#colatone{/*display:none;*/-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

@media (min-width: 1200px) {

  #mainNav {z-index:1040!important; text-transform: uppercase;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #colatone{display:inline;height:51px;background:url(/perugia2018/wp-content/themes/ecpg2018/images/colatone320.png) bottom right no-repeat;position:fixed;top:66px; right:0; width:40%; max-width:340px; z-index:9;}

  #mainNav a:not(.dropdown-item){color: #FFF;}
  #mainNav a:focus:not(.dropdown-item), #mainNav a:hover:not(.dropdown-item), #mainNav a:active:not(.dropdown-item) { color: #FFFF00; text-decoration:none; }

}

  .navbar-brand>img {
    display: inline;
    height: 100%;
    max-height:28px;
}

#navbar01 .dropdown-item{font-size: .75rem; font-weight: bold;}


/*-SIDEBAR_NAV
--------------------*/

#sidebar-wrapper {
  position: fixed;
  z-index: 100;
  right: 0;
  height: 100%;
  width: 320px;  
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: translateX(320px);
  transform: translateX(320px);
  background: rgba(72,17,0,.85);
}


.sidebar-nav {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top:60px;
}

.sidebar-nav li.sidebar-nav-item a,
.sidebar-nav li.nav-item a
 {
  display: block;
  text-decoration: none;
  color: #fff;
  padding:5px;
  padding-left: 15px;
  font-weight: bold;
}

.sidebar-nav li.nav-item a.dropdown-item {color: #481100;}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: rgba(72,17,0,1);
  background: rgba(255, 255, 255, .75);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav .dropdown-menu{width: 94%; margin:0 3%!important;}

.sidebar-nav > .sidebar-brand {
  font-size: 1.2rem;
  background: rgba(52, 58, 64, 0.1);
  height: 80px;
  line-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#sidebar-wrapper.active {
  right: 320px;
  width: 100%;
  min-width:320px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index:998;
}

.ID9998 #sidebar-wrapper.active {z-index: 9999;}

@media(min-width: 992px){
/*  #sidebar-wrapper, #sidebar-wrapper.active {width:250px;}
  .sidebar-nav { padding-top:75px;  width: 250px;}*/
}

.sidesocial-menu {position:relative; bottom:-100px; padding-left:0; list-style: none; text-align: center;}

.sidesocial-menu li{
    display:inline-block;
    text-indent:0!important;    
}

.sidesocial-menu li:not(:last-child){margin-right:.5rem;}

.sidesocial-menu li{  
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
/*    font-size: 1.5rem!important;
    line-height: 3rem;
    outline: 0;
    color: rgba(47,23,15,1);
    background-color: #fff;*/
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-align:center;
}
.sidesocial-menu li a{  
    font-size: 1.5rem!important;
    line-height: 3.25rem;
    outline: 0;
    color: rgba(47,23,15,1);
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

}


#sidebar-wrapper .whatsapp{background-color:#25D366!important; color:#FFF!important; border-color:#25D366!important;}
#sidebar-wrapper .facebook{background-color:#3c5b99!important; color:#FFF!important; border-color:#3c5b99!important;}
#sidebar-wrapper .twitter{background-color:#55acee!important; color:#FFF!important; border-color:#55acee!important;}
#sidebar-wrapper .instagram{background-color:#e4405f!important; color:#FFF!important; border-color:#e4405f!important;}
#sidebar-wrapper .pinterest{background-color:#BD081C!important; color:#FFF!important; border-color:#BD081C!important;}

#sidebar-wrapper .whatsapp:hover{color:#25D366!important; background-color:#FFF!important;}
#sidebar-wrapper .facebook:hover{color:#3c5b99!important; background-color:#FFF!important;}
#sidebar-wrapper .twitter:hover{color:#55acee!important; background-color:#FFF!important;}
#sidebar-wrapper .instagram:hover{color:#e4405f!important; background-color:#FFF!important;}
#sidebar-wrapper .pinterest:hover{color:#BD081C!important; background-color:#FFF!important;}

.menu-toggle {
  
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size:1rem;  
  position: fixed;
  text-align: center;
  color: rgba(72,17,0,1);
  background: rgba(255,255,255,1);
  z-index: 1040;
  /*display: none;*/
}

.ID9998 .menu-toggle {z-index: 10000;}

.menu-toggle:focus, .menu-toggle:hover {color: rgba(72,17,0,.75);}

.menu-toggle:hover {background: rgba(255,255,255,1)}


.fixed-btn {
  top: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size:1rem;  
  position: fixed;
  text-align: center;
  color: rgba(255,255,255,1);
  background: rgba(255,255,255,0);
  z-index: 1040;
}

.fixed-btn.ticket{right: 60px; transform: rotate(-30deg); font-size: 1.75rem;}
.fixed-btn.whatsapp{right: 110px; transform: rotate(0deg); font-size: 1.75rem; line-height: 2.75rem;}

.dashboard{text-align: center; color: #FFF;}
.dashboard .icobtn{line-height: 1; margin-bottom: 25px;}
.dashboard .icobtn i{font-size: 4rem; margin-bottom: 10px;}
.dashboard .icobtn span{text-transform: uppercase; font-size: 12px; font-weight: bold; }


/*STARTNAV*/


#startNav{display: none;}

@media (min-width: 1200px){
#startNav{display:block; width: 100%; padding:60px 0;}
#startNav .navbar-nav > li.nav-item > a.nav-link {color: #481100; font-weight: bold; font-size:.85rem; }
#startNav .navbar-nav > li.nav-item > a.nav-link.active {color: #fff; background: #f60;}
#startNav .navbar-nav > li.nav-item > a.nav-link:active, #startNav .navbar-nav > li.nav-item > a.nav-link:focus, #startNav .navbar-nav > li.nav-item > a.nav-link:hover {color: #fff; background: #f60;}
}

.copertina .titolopagina{color: #FFF; text-align: center; text-transform: uppercase; padding-top: 80px; text-shadow: 2px 2px 4px #333; font-family: 'Montserrat', sans-serif; font-size:3rem; }

@media(max-width: 1199px){
  .page-bgimg #mainNav.navbar{opacity: 1;}
  .page-bgimg .menu-toggle{display: block!important;}
  .page-bgimg .copertina{margin-top: 50px;}
  .copertina .titolopagina{font-size:2.5rem;}
}



@media (min-width: 1600px){
  body.page-bgimg{background: #EEE}
  .page-bgimg .wrapper{max-width: 1600px!important; background: #FFF; margin: 0 auto!important;}
}




/*ANIMATE*/

.preani{opacity: 0;}
.preani.animate_animated{opacity: 1;}

/*SLOTS*/

.blocchiAnimati {
  background: url("/img/blank.png") center center no-repeat;
  height: 600px;
  background-size: cover;
}

.blocchiAnimati .box {
  background: rgba(255,255,255,.75);
  width: 100%;
  position: relative;
  top: 140px;
  color: #414141;
  height: 320px;
}

@media(min-width: 768px){.blocchiAnimati .box {width: 50%;}}

.blocchiAnimati .box .bloccoTXT{text-align: center; padding-top: 40px; width: 90%; padding-bottom: 40px; margin: 0 auto;}

@media(min-width: 768px){.blocchiAnimati .box .bloccoTXT{width: 70%;}}
@media(min-width: 1024px){.blocchiAnimati .box .bloccoTXT{width: 60%;}}

/*FOOTER*/

.footer { padding-top: 5rem;  padding-bottom: 5rem; background-color: #670000; color: #fff;}

.copyright {background-color: #481100; padding-top:1.5rem!important; padding-bottom:3.5rem!important;}
@media(min-width: 1024px){.copyright {padding-bottom:1.5rem!important;}}

/*AGGIUNTINE*/

.avvisorosso { width: 96%;
    margin: 10px auto;
    padding: 6px;
    border-radius: 4px;
    background: #c52519;
    color: #fff;
    text-align: center!important;
    font-size: 1em;}

.avvisorosso.whatsapp { background: #25D366!important;}