/*
Theme Name: GDE
Theme URI: https://gdebertoni.com
Author: Papermoustache
Author URI: http://www.papermoustache.com
Description: GDE
Version: 1.0 / 07.01.2018
License: GNU General Public License
License URI: license.txt
Text Domain: gde
*/

* {outline: none !important; -webkit-font-smoothing: subpixel-antialiased;}
body { background-color: white; overflow-x: hidden !important; font-family: 'Source Sans Pro', sans-serif;height: 100vh; width: 100vw; color: #333; font-size: 15px; line-height: 26px;}
#content a {color: #333333; font-weight: 700}
#content a:hover {color: #333333}
#content a:visited, #content a:focus, #content a:active {color: #333333 !important;}
.logoHome { max-width: 450px; margin-bottom: 20x; width: 100%;}
#logo.inner { max-width: 150px; width: 100%; margin: 0; float: left}
#logo.inner a {display: block; height: auto; margin: 0; padding: 0;}
#logo.inner img {height: 50px;}
.langSelector {position: relative; float: right; z-index: 4}
.langSelector li {list-style: none; float: left;}
.langSelector li a {text-decoration: none; text-transform: uppercase}
.lang-item-en::before {content: "|"; margin: 0 7px;}
footer { padding: 0; background-color: #f2f2f2; text-align: left; bottom: 0; width: 100%; font-size: 12px; color: black; z-index: 4; display: block; height: 78px; display: block; }
#background footer {background-color: transparent; color: white; height: 48px; position: fixed;}
#background footer .site-info {padding: 15px;}
#primary {width: 70%; float: left;}
#secondary {width: 25%; float: right}
#content {width: 100%; max-width: 1024px; margin: 60px auto; padding: 0 15px;}
.page-template-template-about #content {margin-bottom: 0}
h1 {font-size: 29px; text-transform: uppercase; font-weight: 300; margin: 0 0 30px 0;}
h2 {font-size: 21px; text-transform: none; font-weight: 900; margin: 0 0 15px 0;}
h3 {font-size: 15px; text-transform: uppercase; font-weight: 700; margin: 0 0 10px 0; line-height: 20px;}
blockquote {margin: 30px 0 60px 0; font-style: italic}
main ul {margin-left: 0; padding-left: 30px;}
.testata {margin: 0 auto; display: block; width: 100%; height: 360px; overflow: hidden; max-width: 1920px;}
iframe {display: block; margin: 0 auto;}
.homepage #content {display: none !important}

/* DATI AZIENDA */
.dati {display: none}
.home .dati {display: block; position: absolute; left: 10px; top: 10px; color: #aaa; font-size: 15px; z-index: 4; cursor: pointer;}
.home .dati:hover {color: white;}
.site-info {position: absolute; color: white; font-size: 12px; padding: 30px 15px; width: 100%; line-height: 18px;}
.site-info a {font-weight: 700; text-decoration: underline; color: white; transition: all 0.3s ease-in-out;}
.site-info a:hover {color: #999}
.site-info.open {top: 0px; opacity: 1; z-index: 5;}
.site-info .close path {fill: white;}
.site-info .close {opacity: 1; text-shadow: none; margin-top: 4px; height: 12px; float: left; width: 12px; margin-right: 20px;}
footer .site-info {max-width: 1024px; margin: 0 auto; padding: 30px 15px; width: 100%; left: 0; right: 0}
footer .site-info, footer .site-info a {color: #333;}
#background footer .site-info {max-width: none;}
#background footer .site-info, #background footer .site-info a {color: white}


/* LANG SELECTOR */
.sod_select {border: 0px solid white; padding: 5px 10px; background-color: transparent; color: #aaa; cursor: pointer; width: 90px;}
.sod_select.focus, .sod_select.open, .sod_select:hover {border-color: white; box-shadow: none;}
.sod_select::before {display: none;}
.sod_select .sod_list_wrapper {margin: 0 0 0 -1px; border: 0px solid white; background-color: transparent; color: #aaa; width: 90px;}
.sod_select .sod_option {padding: 5px 10px}
.sod_select .sod_option.active {background-color: transparent; color: white;}
.sod_select .sod_option.selected:before {color: white;}
.sod_select.open {color: white;}
.sod_option.selected {display: none;}
.sod_select:after {content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOSA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5IDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojQUJBQkFCO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LjUsNUM0LjQsNSw0LjIsNSw0LjEsNC45bC00LTRDMCwwLjcsMCwwLjMsMC4xLDAuMXMwLjUtMC4yLDAuNywwbDMuNiwzLjZsMy42LTMuNkM4LjMsMCw4LjcsMCw4LjksMC4xczAuMiwwLjUsMCwwLjdsLTQsNEM0LjgsNSw0LjYsNSw0LjUsNXoiLz48L2c+PC9zdmc+); bottom: 7px; width: 9px;}
.sod_select .sod_option.selected:before {right: 8px; top: 44%; color: white; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNyA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3IDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLjUsNUMyLjQsNSwyLjIsNSwyLjEsNC45bC0yLTJjLTAuMi0wLjItMC4yLTAuNSwwLTAuN3MwLjUtMC4yLDAuNywwbDEuNiwxLjZsMy42LTMuNkM2LjMsMCw2LjYsMCw2LjgsMC4xczAuMiwwLjUsMCwwLjdsLTQsNEMyLjcsNSwyLjYsNSwyLjUsNXoiLz48L2c+PC9zdmc+);}

/* MENU */
#menu {float: right}
#menu ul {margin: 0; padding: 0; display: block; overflow: hidden}
#menu ul li {float: left; text-transform: uppercase; color: black; letter-spacing: 1px; font-weight: 700; font-size: 13px; margin-left: 14px; list-style: none; line-height: 50px;}
#menu ul li a {color: white; border-bottom: 2px solid transparent}
#menu ul li a:hover {text-decoration: none; border-bottom: 2px solid white}
#menu .current_page_item a, #menu .current-page-ancestor a {border-bottom: 2px solid white;}
.page-template-template-portfolio #menu ul li a {color: #333333; border-bottom: 2x solid transparent}
.page-template-template-portfolio #menu ul li a:hover {border-bottom: 2px solid #333}
.page-template-template-portfolio #menu .current_page_item a {border-bottom: 2px solid #333}
.navbar {min-height: 20px;}
.navbar .navbar-nav { display: inline-block; float: none; }
.navbar li a { font-size: 13px; text-transform: uppercase; color: white; font-weight: 700; }
.navbar-inverse {background-color: #000; background-image: none;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background-color: transparent; color: white}
.navbar li.active a, .current_page_ancestor > a {color: white !important; font-weight: 700 !important;}
.navbar li.active ul li a {font-weight: 300 !important;}
.current-menu-parent > a {font-weight: 700 !important}
.navbar li.active ul li a {font-weight: 300 !important; color: #aaa !important}
.navbar li.active ul li a:hover {color: white;}
.navbar-inverse .navbar-nav>li>a { color: #aaa; transition: all 0.3s ease-in-out; padding: 10px 70px;}
.navbar-inverse .navbar-nav>li>a:hover { color: white !important}
.navbar .navbar-collapse { text-align: center }
.navbar-fixed-bottom { border: 0; height: 40px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background-color: black }
.dropdown-menu {margin-left: 30px;}
.dropdown-menu { background-color: rgba(0, 0, 0, 0.750)}
.dropdown-menu>li:hover {background-color: transparent;}
.dropdown-menu>li>a { color: #aaa; font-weight: 300; transition: all 0.3s ease-in-out; padding: 2px 40px;}
.dropdown-menu>li>a:hover { color: white; background-color: transparent;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: transparent; font-weight: 700;}
.collapse.in .collapse {display: block;}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {border-radius: 0px;}
.dropdown-menu {box-shadow: none; border: 0px; border-radius: 0px; padding: 16px 0 10px;}
.navbar-toggle {border: 0px; box-shadow: none; border-radius: 0px; padding: 3px 0; width: 30px; position: absolute; margin: 10px auto; background: transparent; color: white; text-shadow: none; float: none; left: 0; right: 0;}
.navbar-toggle:hover, .navbar-toggle:active {box-shadow: none; color: white}
.navbar-toggle .icon-bar {width: 30px;}
.navbar-collapse {box-shadow: none;}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: black;}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: none;}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {margin-bottom: 3px;}
.caret {border-left: 0; border-right: 0; border-bottom: 0 !important; width: 9px; background-color: transparent; height: 5px; padding: 0; margin: 0 0 0 5px;}
.caret path {fill: #aaa; transition: all 0.3s ease-in-out;}
.current-menu-parent .caret path, .navbar li a:hover path {fill: white;}
.current-menu-ancestor > a {color: white !important;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-image: none}
.tinynav { display: none }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {background-image: none;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: transparent; background-image: none; color: white}
.navbar-collapse.collapse {transition: all 0.2s ease-in-out; height: 0}
.navbar-collapse.collapse.in {height: 360px;}

/* PAGES */
#main {position: relative;}
.pageNav a {color: white; text-transform: uppercase; font-weight: 700; font-size: 11px;}
.pageNav a:hover,  .pageNav a:focus {text-decoration: none; color: #eedfd3}
header {height: 81px; position: absolute; top: 0; width: 100%; background-color: transparent; z-index: 3;}
.site-branding {position: absolute; top: 0px; max-width: 1024px; width: 100%; padding: 15px; line-height: 50px; margin: 0 auto; left: 0; right: 0}
#background .site-branding {max-width: none; width: 100%;}
.my-background-video{z-index:-1;}
.home video{background:url('/redder/poster.jpg') no-repeat;background-size:cover;height:auto;left:50%;min-height:100%;min-width:100%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);transition:1s opacity;width:auto;z-index:-100;}
#bgvid{background-position:center center;background-size:100% 100%;background-size:contain;bottom:0;height:100%;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:1;}

/* ABOUT */
.panel-group {margin-bottom: 0;}
.panel {background: transparent; border: 0px}
.panel-default {border: 0px;}
.panel-group {position: absolute; top: 40px; left: 40px; box-sizing: border-box; color: white; z-index: 2; text-align: justify; height: auto; width: 38%;}
.panel-collapse {margin-top: 0px; padding: 0; height: 200px; clear: both; background-color: rgba(0, 0, 0, 0.750); overflow: hidden; transition: all 0.4s ease-in-out;}
.panel-heading {padding: 0; border: 0; border-radius: 0;}
.panel-default>.panel-heading {background-image: none; background-color: transparent; color: white}
.panel-heading > h2 {font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 15px 30px 15px 20px; float: left; background-color: rgba(0, 0, 0, 0.750); float: none; margin: 0; position: relative; cursor: move; transition: all 0.4s ease-in-out; width: 100%;}
.panel-body {font-size: 13px; line-height: 21px; font-weight: 100; max-height: 190px; opacity: 1;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 0px;}
.panel-heading a img {cursor: pointer; transition: all 0.4s ease-in-out; position: absolute; right: 0px; margin: 0; top: 7px; width: 11px; height: 11px; transform: rotate(45deg); padding: 10px; box-sizing: content-box;}
.panel-heading a.collapsed img {width: 11px; height: 11px; transform: rotate(0deg);}
.page-template-template-about .ps-container>.ps-scrollbar-y-rail {height: 190px; display: block}
.page-template-template-about .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {height: 8px !important;}
.page-template-template-about .panel-collapse.collapse {height: 0px; transition: height 0.6s; display: block !important; opacity: 1}
.page-template-template-about .panel-collapse.collapse.in {height: 200px; display: block !important; opacity: 1}
.page-template-template-about .panel {box-shadow: none !important;}
.page-template-template-about .panel {width: 50%; transition: all 0.4s; }
.page-template-template-about .panel .panel-title {padding: 11px 40px 10px 20px; font-size: 13px;}
.page-template-template-about .panel-title img {top: 2px;}
.page-template-template-about .panel.active  {width: 100%;}
.page-template-template-about .panel.active .panel-title {font-size: 15px; padding: 15px 30px 15px 20px;}
.page-template-template-about .panel.active .panel-title img {top: 7px;}
.page-template-template-about .panel .panel-body {opacity: 0; transition: all 0.2s ease-in-out;}
.page-template-template-about .panel.active .panel-body {opacity: 1}
.page-template-template-about .panel .panel-collapse {width: 100%; transition: width 0.4s ease-in-out; transition: height 0.3s ease-in-out 0.2s; height: 0;}
.page-template-template-about .panel .panel-collapse {height: 0px !important;}
.page-template-template-about .panel.active .panel-collapse {width: 100%; height: 200px !important;}
.w20 {width: 25%;}
.hover.photography {opacity: 0; transition: all 0.2s linear; position: absolute; width: 100%; height: 100%; cursor: pointer; text-align: center; background-color: rgba(0,0,0, 0.85); z-index: 0}
.hover.photography:hover {opacity: 1; z-index: 2}
.hover.photography .photo {width: 100%; height: 100%; position: absolute;}
#lg-download {display: none}

/* PRESS */
main p:last-of-type {margin-bottom: 30px;}
blockquote p {margin-bottom: 0px !important;}
#press a {display: table; float: none; clear: none}

/* NEWS */
.news {margin-top: 20px;}
a.nc_tweet.swp_share_link {color: white !important}

/* PORTFOLIO */
.trophy {margin: 0 auto; position: relative; display: block; overflow: hidden; padding: 80px 0 40px 0; max-height: 740px;}
.singleTrophy {padding: 0;}
.owl-carousel .owl-item img {max-width: 100%; max-height: 500px; height: 100%; margin: 0 auto; width: auto;}
.trophy h3 {font-weight: 300; text-align: center; padding: 20px 0 0 0; color: white; font-size: 14px; margin: 0px;}
.trophy h3 a {color: white; transition: all 0.3s ease-in-out;}
.trophy h3 a:hover {color: #eedfd3; text-decoration: none;}
.owl-stage-outer {z-index: 2;}
.owl-controls {margin: 0; position: absolute; top: calc(50% - 5px); color: white; width: 100%; z-index: 99; line-height: 14px;}
.owl-prev {float: left; left: 15px; position: relative; width: 10px}
.owl-next {float: right; right: 15px; position: relative; width: 10px;}
.owl-item {opacity: 0.3; transition: all 0.3s ease-in-out}
.owl-item.center {opacity: 1;}
.owl-item .singleTrophy {transition: all 0.2s ease-in-out}
.owl-item.hover .singleTrophy:hover {opacity: 1;}
.singleTrophy.opacity {opacity: 0.3}
.meta {text-align: center; font-size: 13px; margin-top: 30px; line-height: 19px;}
.meta .name {text-transform: uppercase; font-weight: 700}
.meta .description {font-style: italic}
.hover .meta {opacity: 1}

/* SERVIZI */
.servicesVideo {background-color: black; display: block; padding: 60px 0}
video.servizi {max-width: 1024px; margin: 0 auto; display: block}
#secondary #menu {float: left; margin: 0; padding: 0}
#secondary #menu ul li {float: none; line-height: 25px; margin-left: 0}
#secondary #menu ul li a {color: #333; border-bottom: 1px solid transparent}
#secondary #menu ul li.current_page_item a {border-bottom: 1px solid #333333}
#secondary #menu ul li a:hover {border-bottom: 1px solid #333333;}

/* CONTATTI */
.page-template-template-contatti #main {top: 0px;}
#contatti .colSx {width: 40%; float: left; padding-right: 20px;}
#contatti .colDx {width: 60%; float: right; padding-left: 20px;}
.ninja-forms-required-items {display: none;}
.alignedSx-wrap {width: 48%; float: left}
.alignedDx-wrap {width: 48%; float: right;}
.nf-form-fields-required, .nf-form-title {display: none}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {border: 0px; border-radius: 0; padding: 5px 10px; background-color: #eeeeee}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {color: #ddd;}
button, input[type="button"], input[type="reset"], input[type="submit"] {border-radius: 0; border: 0; box-shadow: none; font-size: 11px; font-weight: 700; padding: 10px 20px; text-shadow: none; text-transform: uppercase;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {box-shadow: none; }
.field-wrap, #ninja_forms_required_items {margin-bottom: 10px !important;}
.textarea-wrap textarea {height: 100px !important; }
.textarea-wrap {margin-bottom: 5px !important;}
.acf-map {width: 100%; height: 500px; margin: 0 0 40px 0; z-index: 99}
.submit-wrap {margin-bottom: 0px !important}
.acf-map {height: calc(100vh - 472px); margin: 0 0 20px 0}
nf-field:nth-of-type(1) {width: 48%; float: left}
nf-field:nth-of-type(2) {width: 48%; float: right}
.submit-wrap input {background-color: transparent; border: 2px solid #dddddd; color: #aaa; margin-top: -8px}

/* PPRM */
.pprm { width: 20px; height: 16px; display: block; position: relative; float: right; margin-left: 10px; margin-top: 1px; }
.pprm a { text-decoration: none; display: block; width: 20px; height: 16px; }
@-webkit-keyframes wiggle {
	0% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
	50% { -webkit-transform: rotateZ(-4deg); -webkit-transform-origin: center top; transform: rotateZ(-4deg); transform-origin: center top; }
	100% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
}
@keyframes wiggle {
	0% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
	50% { -webkit-transform: rotateZ(-4deg); -webkit-transform-origin: center top; transform: rotateZ(-4deg); transform-origin: center top; }
	100% { -webkit-transform: rotateZ(4deg); -webkit-transform-origin: center top; transform: rotateZ(4deg); transform-origin: center top; }
}
.pprm:hover { -webkit-animation-name: wiggle; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 4; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: wiggle; -moz-animation-duration: .3s; -moz-animation-iteration-count: 4; -moz-animation-timing-function: ease-in-out; -ms-animation-name: wiggle; -ms-animation-duration: .3s; -ms-animation-iteration-count: 4; -ms-animation-timing-function: ease-in-out; -o-animation-name: wiggle; -o-animation-duration: .3s; -o-animation-iteration-count: 4; -o-animation-timing-function: ease-in-out; animation-name: wiggle; animation-duration: .3s; animation-iteration-count: 4; animation-timing-function: ease-in-out; z-index: 9999; }

@media only screen and (max-width: 2560px) {
	.logoHome { max-width: 900px; margin-bottom: 20x; width: 100%;}
}

@media only screen and (max-width: 1920px) {
	.logoHome { max-width: 600px; margin-bottom: 20x; width: 100%;}
}

@media only screen and (max-width: 1600px) {
	.logoHome { max-width: 450px; margin-bottom: 20x; width: 100%;}
}

@media only screen and (max-width: 1024px) {
	.navbar-inverse .navbar-nav>li>a {padding: 10px 40px;}
	.dropdown-menu>li>a {padding: 2px 10px;}
	#accordionAlt.enlarge, #accordion {width: 50%;}
	#news .panel-group {width: 80%; top: 210px; height: calc(100vh - 330px)}
    .page-template-template-blog .posts-navigation {width: 80%; bottom: 50px;}
    #news .panel-group > h2:first-of-type {margin-top: 0px;}
    #accordion > h2, #accordionAlt > h2, .panel-heading > h2 {cursor: default;}
    .acf-map {width: 100%; height: 300px; margin: 0 0 40px; }
    #background {width: auto !important; height: auto !important}
    .servicesVideo {padding: 0}
    .page-template-template-contatti #content {padding: 0; max-width: none}
    .page-template-template-contatti #content .content-area {padding: 0;}
    #contatti .colDx {padding: 0 15px 0 0;}
    #contatti .colSx {padding: 0 0 0 15px;}
    video.servizi {width: 100%;}
}

@media only screen and (max-width: 768px) {
	.testata {height: 240px;}
	#contatti .colDx {width: 60% !important}
    #contatti .colSx {width: 40% !important}
}

@media only screen and (max-width: 767px) {
    #menu-main { display: none }
    .trophy {padding: 80px 0 30px 0;}
	.page-template-template-contatti #content {height: auto; margin-bottom: 0}
	.page-template-template-contatti #content .colDx, .page-template-template-contatti #content .colSx {width: 100%; margin-bottom: 20px;}
	#contatti .colDx {padding-left: 0 !important;}
	#primary {width: 100%; margin-bottom: 15px;}
	#secondary {width: 100%; margin-bottom: 0}
	#content {margin: 30px auto; max-width: none;}
	.page-template-template-servizi #secondary {margin-bottom: 15px;}
	.page-template-template-servizi #primary {margin-bottom: 0px;}
	.page-template-template-portfolio #secondary > div {margin-top: 0 !important}
}

@media only screen and (max-width: 640px) {
	#contatti .colSx {width: 90% !important; padding: 0; text-align: center; float: none; margin: 0 auto}
	#contatti .colDx {width: 90% !important; padding: 0; text-align: center; float: none; margin: 0 auto}
	.w20 {width: 50%}
	#logo.inner {margin: 0 auto; float: none; text-align: center}
	header {height: 110px;}
	header #menu {float: none; margin-top: 15px;}
	header #menu ul {display: table; margin: 0 auto}
	header #menu ul li {margin: 0 7px; line-height: 13px;}
	.langSelector {margin: 0 auto; display: table; overflow: hidden; float: none; margin-top: 8px;}
	#background footer {height: 74px;}
}

@media only screen and (max-width: 480px) {
	#contatti .colSx {width: 90% !important; padding: 0; text-align: center; float: none; margin: 0 auto}
	#contatti .colDx {width: 90% !important; padding: 0; text-align: center; float: none; margin: 0 auto}
	.trophy {padding: 100px 0 30px 0;}
	footer {height: 100px;}
}

@media only screen and (max-width: 375px) {
	#menu ul li {letter-spacing: 0}
}