/*
  c89e5d 200,158,93 - ORO
*/
body{ font-family: 'Roboto Condensed', sans-serif ; font-size: 16px; line-height: 30px; color: #333; font-size: 16px; line-height: 30px; }
.font2{ font-family: 'Montserrat', sans-serif; }

.wrap{ width: 100%; max-width: 1280px; margin: 0px auto; }
.wrapmini{ width: 100%; max-width: 1024px; margin: 0px auto; }
.clear{ clear: both;}

section,article{ position: relative; display: block; }

.animate *{  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.animateself{  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.animate1s *{  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.animate3s *{  -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.linear *{-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear;}

/*.bottone-inline{ display: inline-block; color: #FFF; background: #c89e5d; line-height: 44px; font-size: 18px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; margin: 0px 0 30px 0; padding: 0px 30px; }*/
.bottone-inline{ display: inline-block; text-decoration: underline; margin: 0px 0 30px; }

#header{ position: relative; }
#header .top{ background: #c89e5d; color: #FFF;  z-index: 100 }
#header .top ul{ list-style: none; margin: 0px; padding: 0px; }
#header .top ul li{ margin: 0px; padding: 0px; display: inline-block; padding: 3px 0 3px 15px; }
#header .top ul li a{ text-decoration: underline; text-transform: uppercase; text-decoration: none; padding: 0px 10px; line-height: 24px; display: block; }
#header .top ul li a:hover{ text-decoration: underline; }
#header .top ul li:last-child a{ background: #FFF; color: #000; }
#header .mid{ position: relative; }
#header .mid .logo{ position: absolute; left: -190px; ; top: -35px;  z-index: 150  }
#header .mid .logonome{ font-weight: 600; color: #000; font-size: 36px; display: block; line-height: 48px; padding: 10px 0 0px 0;}
#header .mid .sitoufficiale{ font-weight: 400; color: #c89e5d; font-size: 18px ; line-height: 18px; }
#header .mid .stella{ color: #666666; font-size: 12px; line-height: 14px; background: url('/web/struttura/stella.png') center right no-repeat; min-height: 30px; padding: 0 40px 0px 0; margin: 5px 0 0 0; }
#header .mid .scritte{ display: inline-block; width: calc(100% - 190px); text-align: left; position: relative; padding: 10px 0 10px 0;}
#header .mid .sponsor{ position: relative; text-align: right;}
#header .mid .owl-header-sponsor{ margin: 10px 0 0 0 ; }
#header .mid .owl-header-sponsor .item a{ height: 90px; display: block; }
#header .bot{  position: relative; background: #000; color: #FFF; z-index: 100; text-align: right;}
#header .bot ul.principale{ margin: 0px; padding: 0px; list-style: none; display: inline-block; }
#header .bot ul.principale li{ padding: 0px; margin: 0px; display: inline-block; }
#header .bot ul.principale li a{ text-decoration: none; line-height: 65px; margin: 0px 40px ; font-size: 38px; text-transform: uppercase; font-weight: 700; }
#header .bot ul.principale li a:hover{ text-decoration: underline; color: #c89e5d; }
#header .bot ul.principale li a.nohover:hover{  cursor: default ;  }
#header .bot ul.principale li.dropdown { position: relative; display: inline-block; }
#header .bot ul.principale li .dropdown-content { display: none ; position: absolute; background-color: #000; min-width: 250px; z-index: 1; }
#header .bot ul.principale li .dropdown-content ul{ list-style: none; margin: 0px; padding: 0px 0 15px 0; display: block; text-align: center; }
#header .bot ul.principale li .dropdown-content ul li{ margin: 0px; padding: 0px; display: block; }
#header .bot ul.principale li .dropdown-content ul li a{ font-size: 22px; line-height: 44px; text-transform: none; text-align: center; margin: 0px; }
#header .bot ul.principale li.dropdown:hover > a{ text-decoration: underline; color: #c89e5d; }
#header .bot ul.principale li.dropdown:hover .dropdown-content { display: block; }

#banner{ position: relative; }
#banner .ombra{ position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%; color: #FFF;
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.95) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.95) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#e6000000',GradientType=0 ); }
#banner .ombra .contenuto{ position: absolute; width: 100%; bottom: 20px; left: 0px; }
#banner .ombra .contenuto h1,
#banner .ombra .contenuto h2{ font-weight: 700; font-size: 58px; line-height: 100px; }
#banner .ombra .contenuto h1:after,
#banner .ombra .contenuto h2:after{ content: " "; width: 135px; height: 5px; background: #FFF; display: block; margin: 0px auto; }
#banner .ombra .contenuto p{ text-transform: uppercase; line-height: 90px; font-size: 40px; font-weight: 700; }
#banner .triangolo{ width: 0; height: 0; border-style: solid; border-width: 20px 10px 0 10px; border-color: #ffffff transparent transparent transparent; }
#banner .scolldown{ margin: 30px 0 0 0; display: inline-block;}

.standard{ position: relative; display: block; padding:30px 0 ;}
.standard h1,
.standard h2{ font-size: 38px; text-transform: uppercase; font-weight: 700; line-height: 60px; text-align: center; }
.standard h1:after,
.standard h2:after{ content: " "; width: 90px; height: 5px; background: #c89e5d; display: block; margin: 0px auto;  }
.standard h3{ font-weight: 700; text-transform: uppercase; }
.standard p{ padding: 30px 0; font-size: 14px; line-height: 24px; }
.standard p+p{ padding: 0px 0 30px 0;}
.standard p:last-child{ padding: 0px 0 0 0; }
.standard ul{ padding: 0px 0 0 15px; margin: 30px 0}

.standard table.classifica{ margin: 0px auto; }
.standard table.classifica th{ line-height: 30px; padding: 2px 10px; background: #000; color: #FFF;  }
.standard table.classifica th:first-child{ text-align: center;}
.standard table.classifica td:first-child{ text-align: center; padding: 0px 10px ; }
.standard table.classifica td{ border-bottom: 1px solid #999; text-align: center;}
.standard table.classifica tr td:nth-child(3){ text-align: left; font-weight: 700;  }
.standard table.classifica tr:nth-child(2n) td{ background: #F5F5F5; }
.standard table.classifica td .immagine{ display: block; width: 45px; height: 45px; margin: 5px auto;}
.standard table.classifica tr.cgc td{ background: rgba( 200,158,93,0.5 );}
.standard table.classifica tr.cgc:hover td{ background: rgba( 200,158,93,0.6 );}


.standard table.classifica tr:nth-child(2) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(3) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(4) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(5) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(6) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(7) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(8) td:nth-child(1){ background: #00990022 !important; }
.standard table.classifica tr:nth-child(9) td:nth-child(1){ background: #00990022 !important; }

.standard table.classifica tr:nth-child(14) td:nth-child(1){ background: #99000022 !important; }
.standard table.classifica tr:nth-child(15) td:nth-child(1){ background: #99000022 !important; }



.standard.ultimepartite{ background: #000; color: #FFF; }
.standard.ultimepartite h1:after,
.standard.ultimepartite h2:after{ background: #FFF; }

.standardgallery{ position: relative; background: #000; display: block; }
.standardgallery .contenitore{  background: #FFF; }
.standardgallery .contenitore .box span{ display: none; }
.standardgallery .contenitore:nth-child(11n-10){ display: block; width: 40%; float: left; padding: 0 2px 0 0; }
.standardgallery .contenitore:nth-child(11n-10) .box{ display: block; height: 530px; }
.standardgallery .contenitore:nth-child(11n-9){ display: block; width: 30%; float: left; padding: 0 0px 0 0; }
.standardgallery .contenitore:nth-child(11n-9) .box{ display: block; height: 280px; }
.standardgallery .contenitore:nth-child(11n-8){ display: block; width: 30%; float: left; padding: 0 0px 0 2px; }
.standardgallery .contenitore:nth-child(11n-8) .box{ display: block; height: 530px; }
.standardgallery .contenitore:nth-child(11n-7){ display: block; width: 30%; float: left; padding: 2px 0px 0 ; margin: -280px 0 0 40%; }
.standardgallery .contenitore:nth-child(11n-7) .box{ display: block; height: 278px; }
.standardgallery .contenitore:nth-child(11n-6){ display: block; width: 33.3333333%; float: left; padding: 2px 0px 0 0px; }
.standardgallery .contenitore:nth-child(11n-6) .box{ display: block; height: 330px; }
.standardgallery .contenitore:nth-child(11n-5){ display: block; width: 33.3333333%; float: left; padding: 2px 2px 0 ; }
.standardgallery .contenitore:nth-child(11n-5) .box{ display: block; height: 330px; }
.standardgallery .contenitore:nth-child(11n-4){ display: block; width: 33.3333333%; float: left; padding: 2px 0px 0 ; }
.standardgallery .contenitore:nth-child(11n-4) .box{ display: block; height: 330px; }
.standardgallery .contenitore:nth-child(11n-3){ display: block; width: 50%; float: left; padding: 2px 1px 0 ; }
.standardgallery .contenitore:nth-child(11n-3) .box{ display: block; height: 500px; }
.standardgallery .contenitore:nth-child(11n-2){ display: block; width: 50%; float: left; padding: 2px 0px 0 1px ; }
.standardgallery .contenitore:nth-child(11n-2) .box{ display: block; height: 500px; }
.standardgallery .contenitore:nth-child(11n-1){ display: block; width: 30%; float: left; padding: 2px 1px 0 0px ; }
.standardgallery .contenitore:nth-child(11n-1) .box{ display: block; height: 500px; }
.standardgallery .contenitore:nth-child(11n){ display: block; width: 70%; float: left; padding: 2px 0px 0 1px ; }
.standardgallery .contenitore:nth-child(11n) .box{ display: block; height: 500px; }



.finegallery{ clear: both; }

.newsgallery{ position: relative; }
.newsgallery .contenitore{ padding: 2px; }
.newsgallery a{ display: block; height: 175px; }
.newsgallery a span{ display: none; }

.ultimepartite .ultimebox{ margin: 10px 0 0 0; }
.ultimepartite .ultimebox .campionato{ text-transform:  uppercase; font-weight: 700; font-size: 20px; line-height: 20px; }
.ultimepartite .ultimebox .dataora{ font-weight: 700; font-size: 13px; }
.ultimepartite .ultimebox .box{  padding: 30px 0; position: relative; }
.ultimepartite .ultimebox .squadra{ font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 15px; padding: 15px 0 0 0 ; min-height: 45px}
.ultimepartite .ultimebox .reti{ font-weight: 700; font-size: 68px; text-transform: uppercase; line-height: 90px;}
.ultimepartite .ultimebox .box .a .reti:after{ content: " : "; position: absolute;  font-size: 68px; text-align: center; width: 100%; bottom: 140px ;left: 0px; line-height: 115px; }
.ultimepartite .ultimebox .logo{ display: block;}
.ultimepartite .ultimebox .logo .spanlogo{ display: block; margin: 0px auto; height: 120px; width: 120px;}
.ultimepartite .linkpagina{ font-size: 14px; }

.partita{ position: relative; margin: 55px 0 0 0;}
.partita .squadra{ font-weight: 700; font-size: 20px; text-transform: uppercase; line-height: 25px; padding: 0px 0 0 0 ; min-height: 50px}
.partita .reti{ font-weight: 700; font-size: 68px; text-transform: uppercase; line-height: 90px;}
.partita .reti.prossimo{ color: #BBB; }
.partita .a .reti:after{ content: " : "; position: absolute;  font-size: 68px; text-align: center; width: 100%; bottom: 150px ;left: 0px; line-height: 115px; color: #000}
.partita .logo{ display: block;}
.partita .logo .spanlogo{ display: block; margin: 0px auto; height: 160px; width: 160px;}

.dati-partita{ font-size: 24px; line-height: 42px; font-weight: 700; margin: 55px 0 0 0;}
.dati-partita .voce,
.dati-partita .valore{ padding: 0px 7.5px ;  }
.dati-partita .voce{ color: #c89e5d; }

.calendario { margin: 45px 0; }
.calendario .partita{ position: relative; margin: 7.5px; padding: 20px; z-index: 200 ; }
.calendario .contenitore{ position: relative; }
.calendario .contenitore:hover .partita{ -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.25); box-shadow:  0px 0px 100px 0px rgba(0, 0, 0, 0.25); }
.calendario .contenitore .partita{ background: #FFF; }
.calendario .contenitore:nth-child(2n-1) .partita{ background: #F2F2F2; }
.calendario .partita .squadra{ font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 20px; padding: 0px 10px ; min-height: 60px}
.calendario .partita .reti{ font-weight: 700; font-size: 58px; text-transform: uppercase; line-height: 70px;}
.calendario .partita .a .reti:after{ content: " : "; position: absolute;  font-size: 58px; text-align: center; width: 100%; bottom: 170px ;left: 0px; line-height: 45px; color: #000}
.calendario .partita .logo{ display: block; margin: 15px 0 0 0; }
.calendario .partita .logo .spanlogo{ display: block; margin: 0px auto; height: 70px; width: 90px;}
.calendario .giornata{ color: #c89e5d; font-size: 16px; font-weight: 700; text-decoration: underline; margin: 0px 0px 15px 0;}
.calendario .palazzetto{ color: #c89e5d; font-size: 16px; font-weight: 700; text-decoration: none;  margin: 20px 0 0 0; height: 30px; position: relative; text-align: left; padding: 0 35px 0 0; }
.calendario .palazzetto .vedi{ position: absolute; right: 0px;  line-height: 30px; font-size: 22px; }
.calendario .contenitore .altrepartite{ position: absolute; width: 100%; height: 100%; ; top: 0px; right: -100%  ; z-index: 300; margin-left: -4px; display: none; }
.calendario .contenitore .partita:hover + .altrepartite{ display: block; }
.calendario .contenitore:nth-child(3n) .altrepartite{  right:  unset; left: -100%; margin-left: 0px; margin-right: -4px; }
.calendario .contenitore .altrepartite ul{ list-style: none;z-index: 300; margin: 10px;  background: #FFF; display: block; padding: 0px  ; border: 1px solid #333;  }
.calendario .contenitore .altrepartite ul li{ line-height: 20px; font-size: 14px; font-weight: 700; padding: 10px 10px; background: #F5F5F5 }
.calendario .contenitore .altrepartite ul li:nth-child(2n){ background: #FEFEFE; }
.calendario .contenitore .altrepartite ul li .squadra{ min-height: 40px; }
.calendario .contenitore .altrepartite ul li .reti{ font-size: 20px; line-height: 30px; }
.calendario .contenitore:nth-child(3n) .altrepartite { right: unset; left: -100%; }

.abbonamenti{ position: relative; }
.abbonamenti .contenitore{ padding: 30px 60px; text-align: center; }
.abbonamenti .contenitore img{ display: block; }
.abbonamenti .contenitore h2,
.abbonamenti .contenitore h3{ line-height: 55px; font-size: 20px; font-weight: 700; text-transform: uppercase; }
.abbonamenti .contenitore p{ font-size: 14px; line-height: 16px; padding: 0px; min-height: 48px; }
.abbonamenti .contenitore .costi-contenitore{ display:  block; padding: 15px 0 10px; }
.abbonamenti .contenitore .costi-contenitore .scritta{ display: block; text-align: center; color: #c89e5d; font-size: 14px; line-height: 14px; font-weight: 700; }
.abbonamenti .contenitore .costi-contenitore .parametro{ display: block; text-align: center; font-size: 24px; font-weight: 700; line-height: 35px }
.abbonamenti .contenitore .info{ display: block; color: #FFF; background: #c89e5d ; line-height: 44px; font-size: 18px; font-weight: 700 ; text-decoration: none; text-transform: uppercase; }

.owl-sponsor{ margin: 50px 0 30px; }
.owl-sponsor .sponsor-img{ display: inline-block; width: 180px; height: 190px;; }
.owl-sponsor .owl-stage-outer{  z-index: 500 }
.owl-sponsor.owl-theme .owl-nav{ position: absolute; top: 0px; width: 100%; height: 190px; margin: 0px; z-index: 400;}
.owl-sponsor.owl-theme .owl-nav [class*="owl-"]{ font-size: 70px; color: #000; background: transparent; opacity: 0.2; line-height: 190px; }
.owl-sponsor.owl-theme .owl-nav [class*="owl-"]:hover{ opacity: 0.8}
.owl-sponsor.owl-theme .owl-nav .owl-prev{ position: absolute; left: -60px; }
.owl-sponsor.owl-theme .owl-nav .owl-next{ position: absolute; right: -60px; }
.linksponsor{ font-size: 14px; line-height: 14px; }

.sponsor-full{ position: relative; }
.sponsor-full h2{ margin: 0 0px 30px 0; }
.sponsor-full .sponsor-img{ display: inline-block; width: 180px; height: 190px;; }

.privilege-full{ position: relative; }
.privilege-full > .container{ padding: 10px; position: relative; }
.privilege-full > .container:hover{ -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.25); box-shadow:  0px 0px 100px 0px rgba(0, 0, 0, 0.25); }
.privilege-full .privilege-img{ display: inline-block; height: 200px; width: 100%; }
.privilege-full .desc{ border: 1px solid #c89e5d; background: #FFF; display: block; font-size: 16px; line-height: 24px; text-align: left; padding: 5px 10px; text-decoration: none;  position: absolute; top: 0px; right: -80%; width: calc(100% - 20px); display: none; height: 100%;  }
.privilege-full > .container:hover .desc{ display: block; right: calc( -100% + 10px) ; z-index: 100; }
.privilege-full > .container:nth-child(4n) .desc{left: -80%;}
.privilege-full > .container:nth-child(4n):hover .desc{ left: calc( -100% + 11px) ; }
.privilege-full .scopri{ text-decoration: underline; color: #c89e5d; }

.moduloGU{ position: relative; padding: 50px 0;  }
.moduloGU input{ border:0px; line-height: 80px; height: 80px; display: block; padding: 0px 15px;  }
.moduloGU input[type=text]{ margin: 0 0 25px 0px;  }
.moduloGU input[type=text],
.moduloGU textarea,
.moduloGU input[type=date]{ color: #000; font-size: 16px; width: 100%;  background: #FFF; border: 1px solid #000;  }
.moduloGU textarea{ padding: 15px; line-height: 28px; min-height: 224px; }
.moduloGU .voce{ font-size: 18px; line-height: 22px; font-weight: 700; color: #000; text-align: left; }
.moduloGU input[type=checkbox]{  display: none; }
.moduloGU label{ vertical-align: top; display: block; width: 100%; font-size: 12px; line-height: 14px; color: #000; padding: 0px 0 0px 0 ; font-weight: 400; margin: 15px 0px 0px; text-align: left;   }
.moduloGU label:after{vertical-align: top; content: "Accetto "; text-transform: uppercase ; text-align: center; ;position: relative; display: block; width: 260px; font-size: 20px; line-height: 42px; height: 42px; background: rgba(103,103,103,0.4);  margin: 15px auto 10px; color:#666  ; border: 1px transparent solid;   }
.moduloGU label span{ width: calc( 100% - 70px ); display: inline-block; vertical-align: top; }
.moduloGU input[type=checkbox]:checked + label:after{ line-height: 42px; text-align: center;  content:"Accetto"; color: #FFF; font-size: 20px; background: #c89e5d; }
.moduloGU .errore input[type=checkbox] + label:after{  border:1px solid #CC0000; color: #333 }
.moduloGU .errore input[type="text"]{ border:1px solid #CC0000; }
.moduloGU input[type=submit]{ background: #c89e5d; color: #FFF; font-size: 38px; display: block;  text-transform: uppercase; line-height: 75px; width: 100%; margin: 10px 0 0 0  ; font-weight: 700; }
.moduloGU > div:last-child{ padding: 0 0 0 0px ; }

.anteprima{ background: #000; color: #FFF; margin: 1px 0 0 0; }
.anteprima .anteprima-box .box{ position: relative;}
.anteprima .ombra{ position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%; color: #FFF;
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.95) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.95) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#e6000000',GradientType=0 ); }
/*news*/
.anteprima .anteprima-box .box .item{ height: 576px ; position: relative;}
.anteprima .anteprima-box .box .titolo{ width: 100%; position: absolute; bottom: 90px; width: 100%; z-index: 500; text-align: center; left: 0px; font-size: 26px; font-weight: 700; text-transform: uppercase; }
.anteprima .anteprima-box .box .continua{ width: 100%; position: absolute; bottom: 55px; width: 100%; z-index: 500; text-align: center; left: 0px; }
.anteprima .anteprima-box .box .continua a{ color: #c89e5d; display: inline-block; font-size: 14px; line-height: 14px; }
.anteprima .anteprima-box .box .owl-theme .owl-dots{ position: absolute; bottom: 15px; width: 100%; z-index: 500; }
.anteprima .anteprima-box .box .owl-theme .owl-dots .owl-dot.active span,
.anteprima .anteprima-box .box .owl-theme .owl-dots .owl-dot:hover span{ border-color: #c89e5d  transparent transparent transparent; }
.anteprima .anteprima-box .box .owl-theme .owl-dots .owl-dot span{ width: 0; height: 0; border-style: solid; border-width: 20px 10px 0 10px; border-color: #575553 transparent transparent transparent; background: transparent; border-radius: 0px; margin: 0px 7.5px;}
.anteprima .anteprima-box .box .singola{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0x; }
.anteprima .anteprima-box .box .singola .continua{bottom: 20px; left: 20px; text-align: left; width: calc( 100% - 40px ); }
.anteprima .anteprima-box .box .singola .titolo{ bottom: 50px; left: 20px; text-align: left;  width: calc( 100% - 40px );  }
.anteprima .anteprima-box .box .singola .argomento{ position: relative; font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 400;display: block; margin: 0 0 15px 0;}
/*pagine normali*/
.anteprima .anteprima-box .box .info{ width: 55%; position: absolute; height: 100%; background: #c89e5d; left: 0px; top: 0px; }
.anteprima .anteprima-box .box .info .tit{ font-weight: 700; font-size: 44px; text-align: right; line-height: 60px; display: block; padding: 15px 15px 0px 0 ;}
.anteprima .anteprima-box .box .info .link{ text-align: right; display: block; padding: 0px 15px; font-size: 14px; }
.anteprima .anteprima-box .box .ban{ width: 45%; position: absolute; height: 100%;right: 0px; top: 0px; }
/*elementi*/
.anteprima .anteprima-box:nth-child(4n-3){ display: block; width: 50%; float: left; padding: 0 1px 0 0; }
.anteprima .anteprima-box:nth-child(4n-3) .box{ display: block; height: 576px; }
.anteprima .anteprima-box:nth-child(4n-2){ display: block; width: 50%; float: left; padding: 0 0 1px 0; }
.anteprima .anteprima-box:nth-child(4n-2) .box{ display: block; height: 230px; }
.anteprima .anteprima-box:nth-child(4n-1){ display: block; width: 32%; float: left; padding: 0 1px 0 0;}
.anteprima .anteprima-box:nth-child(4n-1) .box{ display: block; height: 345px;  }
.anteprima .anteprima-box:nth-child(4n){ display: block; width: 18%; float: left; }
.anteprima .anteprima-box:nth-child(4n) .box{ display: block; height: 345px;  }

.anteprima-pagine{ position: relative; margin: 45px 0 0px ; }
.anteprima-pagine .contenitore{ padding: 0px 25px; }
.anteprima-pagine .contenitore a{ text-decoration: none; }
.anteprima-pagine .contenitore .box{ height: 335px; display: block;}
.anteprima-pagine .contenitore .titolo{ display: block; font-size: 20px; text-transform: uppercase; text-align: center; line-height: 50px; font-weight: 700; }

.box-news{ position: relative ; padding: 0 0 0 60px; }
.box-news ul{ list-style: none; margin: 0px; padding: 0px; }
.box-news ul li{ padding: 0px; display: block; }
.box-news ul li:first-child{ padding: 30px 0 0 0;}
.box-news ul li a{ text-decoration: none; }
/*.box-news ul li a:hover{ text-decoration: underline; }*/
.box-news ul li h3{ padding: 0px; margin: 0px; font-weight: 700; }
.box-news ul li p{ padding: 0px 0 15px 0; color: #c89e5d; font-weight: 700; }
.box-news ul li p:last-child{ padding: 0px 0 15px 0; }
.box-news a.bottone{ display: block; color: #FFF; background: #c89e5d; line-height: 44px; font-size: 18px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; margin: 30px 0 0 0;}
.box-news a.bottone .fa{ font-size: 22px; line-height: 44px; padding: 0 15px 0 0;}

.news-vedi .elenco-news p{  font-size: 14px; font-weight: 400; line-height: 28px; border-left: 3px solid #F3F0EB; padding: 0px 0px 0px 20px; margin : 12px 0px 0px 0px;  }
.news-vedi .elenco-news p:hover{ border-color: #c89e5d;  }
.news-vedi .elenco-news ul{ list-style: none; margin: 45px 0; padding: 0px; }
.news-vedi .elenco-news ul li{ padding: 0 0 30px 0; }
.news-vedi .elenco-news ul li:last-child{ padding: 0px; }
.news-vedi .elenco-news ul li article{ display:block; position: relative; padding: 0 0 0px 0px;}
.news-vedi .elenco-news ul li h2{ font-weight: 700; line-height: 42px;}
.news-vedi .elenco-news ul li h6{  color: #c89e5d; font-size: 14px; font-weight: 700; }
.news-vedi .elenco-news ul li a{ text-decoration: none; }
.news-vedi .elenco-news ul li article > div > div:last-child{ padding: 0 0 0 30px; }
.news-vedi .immagine-news > a{ height: 180px; display: block; }
.news-vedi .pagine{ margin: 0 0 45px 0;}
.news-vedi .pagine a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; border:1px solid #000; text-align: center; color: #000;  text-decoration: none;  }
.news-vedi .pagine a.sel{ background: #000; color: #FFF;  }

.share-on{ display: block; margin-top: 15px; text-transform: uppercase; font-weight: 700; }
.share-on a{ font-size: 22px; color: #FFF; padding: 0px; display: inline-block; border-radius: 32px !important; margin: 0  0 0 5px; background: #000; text-decoration: none; }
.share-on a:hover{ background: #c89e5d ; }
.share-on a .fa{  color: #FFF; font-size: 18px; padding: 0px; width: 32px; height: 32px; line-height: 32px; display: block;;  }

#footer{ background: #000; color: #FFF; padding: 15px 0 30px;}
#footer .logo img{ display: inline-block; max-height: 130px; }
#footer .titolofoot{ font-weight: 600; display: block; font-size: 22px; line-height: 48px; text-transform: uppercase; }
#footer .sottofoot{ font-weight: 400; display: block; font-size: 14px; line-height: 14px; }
#footer ul li a:hover{  text-decoration: underline!important; color: #c89e5d; }
#footer ul li a.nohover:hover{ text-decoration: none !important; color: #FFF; cursor: default ;  }
#footer ul.principale{ list-style: none; margin: 30px 0px; padding: 0px; display: inline-block; }
#footer ul.principale > li{ display: inline-block; vertical-align: top; text-align: left; padding: 0 30px 0 0;}
#footer ul.principale > li:last-child{ padding: 0px; }
#footer ul.principale > li > a{ font-size: 24px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
#footer .sottomenu > ul{ list-style: none; margin: 15px 0 0px; padding: 0px; display: block; border-left: 1px solid #c89e5d; }
#footer .sottomenu > ul li{ text-align: left; padding: 0 5px 0 10px; }
#footer .sottomenu > ul li a{ font-size: 14px; line-height: 14px; text-decoration: none; display: block; padding: 0 0 10px 0;}
#footer .sottomenu > ul li:last-child a{padding: 0 0 0 0 ;}
#footer .fa-facebook{ color:  #FFF ; width: 40px; height: 40px; text-align: center; font-size: 32px; display: inline-block; background: #3b5998; padding: 10px 0 0 10px; border-radius: 3px; }
#footer .footermsg{ font-size: 12px; line-height: 24px; color: #F7F7F7; margin: 15px 0 0 0;}

.viareggiocup{ position: relative; background: #FFF; text-align: center; padding: 10px 0 5px ;}
.viareggiocup a{ display: inline-block;}
.viareggiocup a img{ display: inline-block;}

.formazione{ position: relative; margin: 30px auto; text-align: center; }
.formazione .stileh2{ display: block;  text-align: center; font-size: 38px; text-transform: uppercase; font-weight: 700; line-height: 60px; }
.formazione .stileh2:after{ content: " "; width: 135px; height: 5px; background: #c89e5d; display: block; margin: 0px auto 45px; }
.formazione .stileh2:nth-child(1n+1){ margin:30px 0 0 0 ;  }
.formazione .giocatore{ padding: 0px 10px 30px ; }
.formazione .giocatore .immagine{ height: 420px; display: block; text-decoration: none; }
.formazione .giocatore .numero{ margin: 5px 0 0 20px; font-size: 70px; font-weight: 600; display: inline-block; border-bottom: 5px solid #c89e5d; line-height: 80px; color: #c89e5d;  text-decoration: none; }
.formazione .giocatore .nome{ font-size: 22px; font-weight: 700; line-height: 22px; padding: 30px 0 0 0 ;}
.formazione .zoomcontainer{ position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: none; z-index: 1500; }
.formazione .zoomcontainer .dettagli{ background: #FFF; display: block; margin: 45px auto; width: 40%; position: relative; padding: 35px 45px 45px 45px; overflow: scroll; max-height: calc( 100% - 90px ) ;  }
.formazione .zoomcontainer .dettagli .dati{  }
.formazione .chiudi{ position: absolute; top: 10px; right: 10px;  }
.formazione .zoomcontainer .dettagli > * > span{ display: block; }
.formazione .zoomcontainer .immagine{ position: absolute; top: -5%; left: -35%; width: 100%; height: 100%; min-height: 1000px; }
.formazione .zoomcontainer .nome{ display: block; font-weight: 700; font-size: 50px; line-height: 50px ; margin: 0px 0 0 0;}
.formazione .zoomcontainer .num{ font-size: 90px; line-height: 100px; font-weight: 600; margin: 10px 0 0 0;}
.formazione .zoomcontainer .ruolo{ margin: 10px 0 30px 0;}
.formazione .zoomcontainer .ruolo span{ font-size: 22px; color: #FFF; font-weight: 700; line-height: 45px; padding: 0px 25px; background: #c89e5d; display: inline-block; text-transform: uppercase; }
.formazione .zoomcontainer .voce{ font-size: 20px; line-height: 48px; font-weight: 700; }
.formazione .zoomcontainer .valore{ font-size: 30px; color: #c89e5d; font-weight: 700; margin: 0 0 10px 0;}

#uso_dei_cookie{ position: fixed; z-index: 1001; font-size: 15px; bottom: 0px; width: 100%; padding:0px 5px; line-height:32px; background: #FFF; text-align: justify !important; color: #333; font-weight: 300; -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.4); }
#uso_dei_cookie .wrapping{ padding: 5px;}
#uso_dei_cookie a{ color:#000; text-decoration:underline}
#uso_dei_cookie .wrap{ width:1200px; margin:0px auto;}
#uso_dei_cookie .cookie_btn{ color:#000; padding:0 10px; display: inline-block;}
#uso_dei_cookie .cookie_btn.moreinfo{ text-decoration: underline; background: none; text-decoration: underline; color: #000; }
#uso_dei_cookie .cookie_btn.accettaevai{ background:#c89e5d; display:inline-block; padding:1px 15px; border-radius:0px; text-decoration:none; color: #FFF; text-decoration: none;   }

#mappagoogle{ height: 540px; z-index: 998; width: 150%;}
#mappagoogle img{ margin:0px; }
#mappagoogle label { width: auto; display:inline; }
#mappagoogle img { max-height: none; max-width: none; }
#mappagoogle .gm-style{  font-family: 'Roboto Condensed', sans-serif; color: #000 }
#mappagoogle .gm-style-iw { top: 10px !important; left: 25px !important; background: #FFF !important; }

.mappatesti{ position: absolute; top: 0px; left: 0px; width: 30%; padding: 30px 0px;  z-index: 999; left: 20%;  }
.mappatesti .box{ background: rgba(255,255,255,0.9); border:1px solid #000; padding: 25px;  z-index: 2000;   }
.mappatesti .box .standard{ padding: 0px; }
.mappatesti .box .standard h1:after,
.mappatesti .box .standard h2:after{ margin: 0px; }
.mappatesti .calcolapercorso{ font-size: 14px; line-height: 30px; color: #000; }
.mappatesti .calcolapercorso .testo{ margin: 0 0 5px 0;}
.mappatesti input[type="submit"]{ line-height: 70px; height: 70px; font-size: 24px; color: #FFF; border:0px; background: #000; text-align: center; }
.mappatesti input[type="text"]{ line-height: 68px; height: 70px; border: 1px solid #CCC; padding: 0px 10px; border-left: 0px; border-right: 0px; background: #FFF; color: #666; }
.mappatesti button{ line-height: 68px; height: 70px; border: 1px solid #CCC; border-left: 0px; background: #FFF; cursor: pointer; }
.mappatesti button i{ font-size: 50px; line-height: 68px; }

.pac-container{ z-index: 3000; }
.mappablocco{ display: block; height: 540px;  overflow: hidden; margin:  0 0 0px 0 ; position: relative; }

#attiva-menu-responsive{ background: #FFF; color: #000; text-decoration: none; line-height: 24px; padding: 0px 10px; }

@media only screen and (max-width: 1366px) {
  .owl-sponsor .owl-stage-outer{ width: 90%; margin: 0px auto;}
  .owl-sponsor{ display: inline-block; text-align: center;}
  .owl-sponsor.owl-theme .owl-nav .owl-prev{ position: absolute; left: 0px; }
  .owl-sponsor.owl-theme .owl-nav .owl-next{ position: absolute; right: 0px; }

  .formazione .zoomcontainer .dettagli{ width: 50%;}

  .anteprima .anteprima-box .box .info .tit{ font-size: 36px;}
}
@media only screen and (max-width: 1280px) {
  .wrap{ padding: 0px 15px; }

  #header .bot ul.principale li:last-child .dropdown-content{ margin-left: -75px !important; }

  .anteprima .anteprima-box:nth-child(4n-1){  width: 30%;}
  .anteprima .anteprima-box:nth-child(4n){ width: 20%; }

  .mappatesti{ width: 50%; left: 80px; top: 50px; }
}
@media only screen and (max-width: 1024px) {
  #header .mid .sponsor > *{  vertical-align: middle; }
  #header .mid .logo img{ max-height: 180px }
  .wrapmini{ padding: 0px 10px; }

  .ultimepartite .ultimebox .squadra{ padding: 15px 10px 0 0}

  .anteprima .anteprima-box .box .info .tit{ font-size: 28px; }
}
@media only screen and (max-width: 768px) {
  .swipe{ background: url('/web/struttura/scroll-responsive.png') center center no-repeat rgba(255,255,255,0.4) ; width: 100%; position: absolute; z-index: 800; display: none; }

  #fullpage{ padding: 0 0 50px 0;}
  #header .mid .scritte{ width: calc(100% - 120px); }
  #header .mid > * > *{ vertical-align: middle !important ; }
  #header .mid .logo{ left: -130px }
  #header .mid .logo img{ max-height: 150px; }
  #header .top ul{ display: inline-block;}
  #header .top ul li{ display: none; }
  #header .mid .sponsor{ text-align: center; vertical-align: middle !important;}
  #header .mid .sponsor img{ max-height: 80px; margin: 0px auto 10px; display: block; }

  #attiva-menu-responsive{ display: inline-block; margin:  0 0 0 10px; }
  /*elementi*/
  .anteprima .anteprima-box:nth-child(4n-3){ display: block; width: 100%; float: left; padding: 0 1px 0 0; }
  .anteprima .anteprima-box:nth-child(4n-3) .box{ display: block; height: 576px; }
  .anteprima .anteprima-box:nth-child(4n-2){ display: block; width: 100%; float: left; padding: 0 0 1px 0; }
  .anteprima .anteprima-box:nth-child(4n-2) .box{ display: block; height: 230px; }
  .anteprima .anteprima-box:nth-child(4n-1){ display: block; width: 60%; float: left; padding: 0 1px 0 0;}
  .anteprima .anteprima-box:nth-child(4n-1) .box{ display: block; height: 345px;  }
  .anteprima .anteprima-box:nth-child(4n){ display: block; width: 40%; float: left; }
  .anteprima .anteprima-box:nth-child(4n) .box{ display: block; height: 345px;  }
  .anteprima .anteprima-box .box .titolo{ padding: 0px 30px; }
  .anteprima .anteprima-box .box .singola .titolo{ padding: 0px; }
  .anteprima .anteprima-box .box .info{ width: 50%; }
  .anteprima .anteprima-box .box .ban{ width: 50%; }

  .box-news{ padding: 45px 0 0 0px; }
  #banner .scolldown{ margin: 30px 0 15px 0 ;}

  .formazione .zoomcontainer .dettagli{ width: 90%; margin: 15px auto; max-height: calc( 100% - 30px )}

  .partita .squadra{ padding: 0px 30px; }
  .calendario .partita{ margin: 0px -4px 0 0; }
  .calendario .contenitore{ border-bottom: 2px solid #999 }
  .calendario .contenitore:hover .partita{ box-shadow: unset; }
  .calendario .palazzetto{ text-align: center;}
  .calendario .palazzetto .vedi{ display: none;}
  .calendario .contenitore .altrepartite{ position: relative; display: inline-block; margin: 0px -4px 0 0; width: 50%; height: auto; left: unset; top: unset; right: unset;  }
  .calendario .contenitore:nth-child(3n) .altrepartite{ left: unset; }
  .calendario .contenitore .partita:hover + .altrepartite{ display: inline-block; }
  .calendario .contenitore .altrepartite{ padding: 0px 0 0 0 ;}
  .calendario .contenitore .altrepartite ul{ margin: 0px; border: 0px;  }
  .calendario .contenitore .altrepartite ul li{ padding: 0 5px;   }
  .calendario .contenitore:nth-child(2n-1) .altrepartite{  }
  .calendario .contenitore .altrepartite ul li .squadra{ min-height: 30px; white-space: nowrap ; overflow: hidden; text-overflow: ellipsis; line-height: 30px; padding: 0px 10px; }
  .calendario .contenitore .altrepartite ul li .reti{ line-height: 20px; }
  .ultimepartite .ultimebox > *:last-child{ width: 100%; }

  .abbonamenti .contenitore{ padding: 30px; }
  #footer ul.principale > li{ padding: 0 30px 30px 0}

  .fixedbotmenu{ background: rgba( 0,0,0,0.9 ); position: fixed; left: 0px; bottom: 0px; height: 45px; display: block; width: 100%; color: #FFF; z-index: 1000; }
  .fixedbotmenu a{ display: block;}
  .fixedbotmenu .fa{ font-size: 28px; line-height: 45px;}
  .fixedbotmenu .fa.fa-angle-up{ font-size: 32px}

  .standardgallery .contenitore:nth-child(11n-10) .box{ display: block; height: 430px; }
  .standardgallery .contenitore:nth-child(11n-9) .box{ display: block; height: 230px; }
  .standardgallery .contenitore:nth-child(11n-8) .box{ display: block; height: 430px; }
  .standardgallery .contenitore:nth-child(11n-7){ margin: -200px 0 0 40%; }
  .standardgallery .contenitore:nth-child(11n-7) .box{ display: block; height: 198px; }
  .standardgallery .contenitore:nth-child(11n-6) .box{ display: block; height: 230px; }
  .standardgallery .contenitore:nth-child(11n-5) .box{ display: block; height: 230px; }
  .standardgallery .contenitore:nth-child(11n-4) .box{ display: block; height: 230px; }
  .standardgallery .contenitore:nth-child(11n-3) .box{ display: block; height: 400px; }
  .standardgallery .contenitore:nth-child(11n-2) .box{ display: block; height: 400px; }
  .standardgallery .contenitore:nth-child(11n-1){ width: 50%; }
  .standardgallery .contenitore:nth-child(11n-1) .box{ display: block; height: 400px; }
  .standardgallery .contenitore:nth-child(11n){ width: 50%; }
  .standardgallery .contenitore:nth-child(11n) .box{ display: block; height: 400px; }

  .fancybox-outer .fancybox-next{ right: -20px;}
  .fancybox-outer .fancybox-prev{ left: -20px;}
  .fancybox-close{ right: 0px; top: -30px; }

  .privilege-full .desc{ display: block; position: relative; left: unset; right: unset; top: unset; width: 100%; }
  .privilege-full > .container:hover .desc{ display: block; position: relative; left: unset; right: unset; top: unset; width: 100%; }
  .privilege-full > .container:nth-child(4n) .desc{ display: block; position: relative; left: unset; right: unset; top: unset; width: 100%; }
  .privilege-full > .container:nth-child(4n):hover .desc{ display: block; position: relative; left: unset; right: unset; top: unset; width: 100%;  }

}

@media only screen and (max-width: 480px) {
  #header .top ul li:last-child{ display: none; }
  #header .mid .logo{ left: -75px; top: -30px;  }
  #header .mid .logo img{ max-height: 90px;  }
  #header .mid .scritte{ width: calc( 100% - 60px ) ; padding: 0px 0 10px;; }
  #header .mid .logonome{ padding: 0px; }
  #header .mid .sponsor a{ padding: 0px; }
  #header .mid .sponsor img{ max-height: 50px; margin: 0px auto 5px; display: block;}

  .anteprima .anteprima-box:nth-child(4n-3){ display: block; width: 100%; float: left; padding: 0 1px 0 0; }
  .anteprima .anteprima-box:nth-child(4n-3) .box{ display: block; height: 380px; }
  .anteprima .anteprima-box:nth-child(4n-1){ padding: 0px 0 1px 0; width: 100%;}
  .anteprima .anteprima-box:nth-child(4n){ width: 100%; }
  .anteprima .anteprima-box .box .item{ height: 380px ; position: relative;}
  .anteprima .anteprima-box .box .info{ width: 100%; z-index: 100; background: rgba( 200,158,93,0.9 )}
  .anteprima .anteprima-box .box .info .tit{ font-size: 32px; padding: 30px 5px 0px ; text-align: center; }
  .anteprima .anteprima-box .box .info .link{ text-align: center;}
  .anteprima .anteprima-box .box .ban{ width: 100%; z-index: 1 }

  .anteprima-pagine .contenitore{ padding: 0px; }

  .dati-partita .voce, .dati-partita .valore{ text-align: center; }

  .calendario .contenitore .altrepartite{ width: 100%; }

  #banner .ombra .contenuto h1,
  #banner .ombra .contenuto h2{ font-size: 32px; line-height: 60px; }
  #banner .ombra .contenuto p{ font-size: 18px; line-height: 30px; margin: 20px 0 0 0; }

  table{   display: block; overflow: scroll; }

  .moduloGU input[type="submit"]{ font-size: 28px; }

  .news-vedi .elenco-news ul li article > div > div:last-child{ padding: 30px 0 0 0px; }

  .standard table.classifica td:first-child{  white-space: nowrap; width: 15px; height: 55px; line-height: 55px;/* display: table-caption;*/ padding: 0px; }
  .standard table.classifica tr td .nome{  width: 260px; display: block; line-height: 18px; }
  .standard table.classifica tr td .immagine{ margin: 0px 10px 0 5px; }
  /*.standard table.classifica tr td .immagine{ position: absolute; left: auto; top: auto; background-color: #FFF !important; display: block;}*/
  /*.standard table.classifica tr:nth-child(2n) td .immagine{ background-color: #F5F5F5 !important  }
  .standard table.classifica tr.cgc td .immagine{ background-color: #f6ecdd !important ;} */
  .standard table.classifica tr.cgc:hover td .immagine{  background-color: #e3c498 !important ;}
  .standard p img{ display: block; width: auto !important; height: auto !important;}

  #mappagoogle{ width: 100%; height: 1000px; }
  .mappatesti .box{ padding:15px; }
  .mappatesti button i{ font-size: 35px; }
  .mappatesti{ width: calc( 100% - 20px ) ; left: 10px; top: 50px; }

  .formazione .chiudi{ z-index: 300; }
  .formazione .zoomcontainer .immagine{ z-index: 50; left: 0px; background-size: cover !important;}
  .formazione .zoomcontainer .dettagli{ padding: 0px 0px;   }
  .formazione .zoomcontainer .dettagli .dati{ background: rgba(255,255,255,0.9); z-index: 100; display: block; position: relative; }

  .owl-carousel, .owl-carousel .owl-item{ margin-left: -0.3px;  }
  .owl-sponsor .sponsor-img{ display: block; margin: 0px auto; }

  .moduloGU input{ height: 70px; line-height: 70px; }

  .standardgallery .contenitore:nth-child(11n-10){ width: 50%; padding: 0 0 0 0;}
  .standardgallery .contenitore:nth-child(11n-10) .box{ height: 380}
  .standardgallery .contenitore:nth-child(11n-9){ width: 50%; padding: 0 0 0 2px}
  .standardgallery .contenitore:nth-child(11n-8){ width: 50%; padding: 2px 0 0 2px ;}
  .standardgallery .contenitore:nth-child(11n-8) .box{ }
  .standardgallery .contenitore:nth-child(11n-7){ margin: -232px 0 0 0 ; width: 50%; padding: 2px 0px 0 0; }
  .standardgallery .contenitore:nth-child(11n-7) .box{ height: 230px ; }
  .standardgallery .contenitore:nth-child(11n-6){ width: 50%; }
  .standardgallery .contenitore:nth-child(11n-5){ width: 50%; padding: 2px 0 0 2px;}
  .standardgallery .contenitore:nth-child(11n-3){ padding: 2px 0px 0; }
  .standardgallery .contenitore:nth-child(11n-4){ width: 100%; }

}
@media only screen and (max-width: 365px) {
  .standard h1,
  .standard h2{ font-size: 32px; line-height: 40px; }
  .sponsor-full .sponsor-img{ width: 150px; height: 150px; }

  .anteprima .anteprima-box .box .info .tit{ padding: 20px 5px 0px; line-height: 50px; }

}
@media only screen and (max-width: 325px) {
    #header .mid .logonome{ font-size: 28px;}
}