/*
Theme Name:         Cidiverte
Theme URI:          http://www.cidiverte.it
Version:            1.1.0
Author:             Papermoustache
Author URI:         http://www.papermoustache.com
*/

* {box-sizing: border-box; outline: none;}
a {transition: all 0.3s ease-in-out}
a, a:visited, a:active {color: black;}
a:hover {color: #c03036}
h1, h2, h3, h4, h5, h6, #menu {font-family: "brandon-grotesque";}
body {font-family: "museo-sans"; font-size: 16px; line-height: 28px;}
.packery.desktop.touch .packeryTitle {display: block}
.packery.desktop.touch .overlay {display: none;}
.full {width: 100%;}
.half {width: 50%; float: left;}
.third {width: 33%; float: left;}
.fourth {width: 25%; float: left;}
.clear {clear: both;}
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 100vh}
.pace-inactive { display: none }
.pace .pace-progress { background: #c03036; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }
#page {padding: 0 30px; box-sizing: content-box; max-width: 1100px; margin: 0 auto;}
#primary {overflow: hidden;}
#menu {padding-left: 30px; background-color: #fcfcfc; overflow-y: scroll;}
.panel {position: fixed; right: -15.625em; width: 15.625em; }
.wrap {position: relative;}
.block {width: 25%; float: left; padding: 5px; display: block; line-height: 0;}
.block.double, .block.doublestretch { width: 50% }
/* DA CANCELLARE ALLA MODIFICA DELLA HOME */
/*
.block.doublestretch {padding-top: 0px;}
.block.doublestretch .overlay {border-top: 0px;}
.block.doublestretch:nth-of-type(3) {margin-top: 3px;}
*/
/* FINE */
.block.fullsize {width: 100% }
.block {position: relative; display: block; overflow: hidden;}
.block > a.image {display: block; overflow: hidden;}
.block img {z-index: 2; }
.block .overlay {position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; background-color: rgba(191, 47, 52, 0.8); color: white; text-align: center; transition: all 0.3s ease-in-out; border: 5px solid white;}
.block .overlay.accessori {background-color: rgba(38, 38, 38, 0.8);}
.block .overlay.robot, .block .overlay.ubtech {background-color: rgba(84, 84, 84, 0.8);}
.block:hover .overlay {opacity: 1;}
.block.fullsize .overlay {border-top: 0px}
.block .overlay .intro, .block .overlay span {display: none;}
.block.fullsize .overlay .intro, .block.double .overlay .intro, .block.fullsize .overlay span, .block.double .overlay span {display: block}
.block .overlay .inner {width: 50%; margin: 0 auto;}
.block.single .overlay .inner {width: 80%; margin: 0 auto;}
.block .overlay {display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; display: flex; align-items: center; line-height: 24px; text-align: center;}
.block .overlay .title {font-family: "brandon-grotesque"; font-weight: 400; font-size: 36px; text-transform: uppercase; line-height: 36px;}
.block .overlay .intro {font-family: "museo-sans"; font-size: 16px; line-height: 22px; font-weight: 300;}
.block .overlay .intro p {margin: 0px;}
.block .overlay .divider {height: 1px; background-color: white; margin: 30px auto; width: 60px; }
.block.double .overlay .title {font-size: 32px;}
.block.doublestretch .overlay .title {font-size: 26px;}
.block.single .overlay .title {font-size: 22px;}
.packeryTitle {background-color: rgba(191, 47, 52, 1); text-align: center; height: 30px; font-weight: 700; font-size: 13px; line-height: 30px; color: white !important; text-decoration: none; text-transform: uppercase; display: none; position: absolute; right: 15px; bottom: 15px; padding: 0 20px; white-space: nowrap;}
.packeryTitle:hover {color: white !important;}
.packeryTitle.accessori {background-color: rgba(38, 38, 38, 1);}
.packeryTitle.ubtech, .packeryTitle.robot {background-color: rgba(84, 84, 84, 0.8);}
.packery, .header {max-width: 1100px; margin: 0 auto;}
.header {position: relative;}
header {position: fixed; background-color: #c03036; width: 100%; z-index: 999; height: 63px;}
.home header.scrollingbg {background-color: rgba(191, 47, 52, 0.8)}
.home header.scrollingbg.red {background-color: rgba(191, 47, 52, 0.8)}
.home header.scrollingbg.white {background-color: rgba(255, 255, 255, 0.8)}
.home header.scrollingbg.black {background-color: rgba(0, 0, 0, 0.8)}
.home header {position: fixed; top: 0; z-index: 99; width: calc(100% - 10px); padding: 0 5px; background-color: transparent; box-sizing: content-box; transition: all 0.3s ease-in-out;}
.logo {padding: 15px 0 0 15px;}
.home .logo {padding: 15px 0 0 20px;}
.site-branding {width: 415px;}
.logo svg {width: 400px; height: 33px;}
.home .packery .block.fullsize:first-of-type {padding-top: 0;}
.home .packery .block.double:first-of-type, .home .packery .block.double:nth-of-type(2) {padding-top: 0;} /* ELIMINARE AL PROSSIMO AGGIORNAMENTO */
.home .packery .block.double:first-of-type .overlay, .home .packery .block.double:nth-of-type(2) .overlay {border-top: 0} /* ELIMINARE AL PROSSIMO AGGIORNAMENTO */

a.menu-link {color: white; font-size: 24px; width: auto; position: absolute; margin-right: 5px; top: 15px; text-decoration: none;}
.home a.menu-link {margin-right: 20px;}
a.menu-link:hover {color: #c03036}
a.menu-link.head:hover, a.menu-link.active.head {color: black}
a.menu-link.red {color: #c03036}
a.menu-link.red:hover {color: black;}
.home a.menu-link.red:hover {color: white;}
a.menu-link.white {color: white}
a.menu-link.white:hover {color: black;}
.home a.menu-link.white:hover {color: black;}
a.menu-link.black {color: black}
a.menu-link.black:hover {color: #c03036;}
.home a.menu-link.black:hover {color: white;}
.home a.menu-link.red.bordo, .home a.menu-link.black.bordo {padding: 5px 7px; border-radius: 3px; background-color: white;}
.home a.menu-link.white.bordo {background-color: black;}
.home a.menu-link.red.bordo:hover, .home a.menu-link.black.bordo:hover {background-color: black;}
.home a.menu-link.white.bordo:hover {background-color: white;}
a.menu-link .fa {transition: all 0.3s ease-in-out;}
a.menu-link .fa-times {display: none;}
a.menu-link .fa-bars {display: block;}
a.menu-link.active .fa-times {display: block}
a.menu-link.active .fa-bars {display: none;}
#primary-menu {margin: 22px 0 0 0; padding: 0; overflow: hidden}
#primary-menu.extra {margin-top: 0px;}
#primary-menu li {list-style: none; text-transform: uppercase; font-size: 16px; line-height: 28px; font-weight: 400; float: left; clear: both}
#primary-menu li a {text-decoration: none;}
#primary-menu li:before {content: "•"; margin-right: 10px; color: #fcfcfc; line-height: 0; font-size: 32px;}
#primary-menu li.current_page_item:before {content: "•"; margin-right: 10px; color: #c03036; line-height: 0; font-size: 32px;}
#primary-menu li.gamelifeMenu {background-color: #f7931e; margin-left: 20px; padding: 3px 8px 0; border-radius: 3px; margin-top: 3px}
#primary-menu li.gamelifeMenu:before {display: none;}
#primary-menu li.gamelifeMenu a:hover {color: white;}
#newsBlock {padding-left: 20px;}
#newsBlock h5 {margin-bottom: 5px; font-weight: 600;}
.newsMenu li {list-style: none; font-size: 16px; line-height: 28px; font-weight: 300; font-family: "museo-sans"; padding-right: 10px;}
.newsMenu li a {color: black; text-decoration: none; display: block; padding: 5px 0; line-height: 24px; font-size: 15px;}
.newsMenu li a:hover {color: #c03036}
.companyprofile a:first-of-type {cursor: default;}
.companyprofile a:hover, #menu-item-1155 > a:hover {color: black;}
.cp-ita {margin: 0 5px 0 15px; transition: 0.2s ease-in-out;}
.cp-ita img, .cp-en img {border: 1px solid #545454;}
.cp-en {margin: 0 0 0 5px; transition: 0.2s ease-in-out;}
.cp-ita:hover, .cp-en:hover {opacity: 0.7;}
hr {width: 100%; height: 1px; background-color: #eeeeee; margin: 5px 0;}
.hub {width: 100%; position: relative; overflow: hidden; margin-top: 63px;}
.hub .inner {max-width: 1100px; margin: 0 auto;}
.hub .inner h1 {text-transform: uppercase;}
.overlay {position: absolute; width: 100%; height: 100%; z-index: 2;}
.hub img {position: absolute; width: 100%; z-index: 1;}
.hub h1 {margin: 30px auto 0; text-align: center; z-index: 3; color: white; position: relative; font-size: 24px;}
.hub hr {max-width: 100px; height: 2px; margin: 30px auto 25px; background-color: white; display: block; position: relative; z-index: 3}
.introProd {padding: 10px 0 30px 0; box-sizing: border-box; font-size: 13px; line-height: 21px; font-weight: 100; color: white; position: relative; z-index: 3; text-align: center; width: 80%; margin: 0 auto;}
#singleAcc.colSx {width: 50%;}
#singleAcc.colDx {width: 50%;}
#singleAcc.colDx .desc {text-align: left;}
#singleAcc.colDx .meta {width: 100%; margin-bottom: 10px;}
.colSx {width: 50%; float: left; padding-right: 10px; box-sizing: border-box;}
.colDx {width: 50%; float: right; padding-left: 10px; box-sizing: border-box;}
.colDx h2 {text-transform: uppercase; font-weight: 400; margin-top: 0px;}
.desc {font-size: 14px; line-height: 27px; text-align: justify;}
.back {background-color: white; font-size: 11px; font-weight: 700; position: absolute; top: 17px; padding: 0 10px 0 0; font-family: "brandon-grotesque";}
.back a {text-decoration: none; color: #000000; transition: all 0.3s ease-in-out}
.back a:hover {color: #c03036}
blockquote {font-size: 18px; line-height: 32px; font-style: italic; border-left: 2px solid #c03036; margin: 45px 0px; padding-left: 30px;}
.owl-nav {position: absolute; top: 0px; width: 100%; padding: 5px;}
.owl-nav > div {background-color: rgba(255, 255, 255, 0.3); padding: 10px; width: 36px; height: 36px; line-height: 16px; transition: all 0.3s ease-in-out}
.owl-nav > div:hover {background-color: white; color: #c03036}
.owl-prev {float: left;}
.owl-next {float: right;}
.meta {font-size: 11px; line-height: 16px; float: left; width: 60%}
.meta h4 {font-size: 16px; text-transform: uppercase; margin: 0 0 8px;}
.meta span {font-weight: 700;}
.gamelifeShop {width: 40%; float: right; transition: opacity 0.3s ease-in-out; text-align: right;}
.gamelifeShop a:hover {opacity: 0.7}
.gamelifeShop img {width: 200px;}
.bx-wrapper {margin-bottom: 0px;}
ul.bxslider {margin: 0px; padding: 0px;}
.bx-wrapper img {width: 100%;}
.bx-wrapper .bx-viewport {left: 0px; box-shadow: 0 0 0 transparent; border: 0px solid; background-color: transparent;}
.bx-controls-direction {position: absolute; width: 100%; padding: 5px; height: 36px; top: 0;}
.bx-wrapper .bx-controls-direction a {background: none; text-indent: 0; text-decoration: none; background-color: rgba(255, 255, 255, 0.3); padding: 10px 0; width: 36px; height: 36px; line-height: 16px; transition: all 0.3s ease-in-out; margin-top: 0; top: auto; text-align: center;}
.bx-wrapper .bx-controls-direction a:hover {background-color: white; color: #c03036}
.bx-wrapper .bx-next {right: 5px;}
.bx-wrapper .bx-prev {left: 5px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0; position: relative; text-align: left;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color: #dddddd}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #c03036}
.bx-wrapper .bx-controls-direction a {z-index: 998}
#primary.sided {width: 70%; padding-right: 30px; box-sizing: border-box; float: left;}
#secondary {float: left; width: 30%;}
.news:last-of-type hr {margin-bottom: 15px !important;}
.news h2 {font-family: "museo-sans"; font-weight: 100; font-size: 18px; padding: 8px 5px 8px 15px; margin-top: 0px; margin-bottom: 0;}
.news h2 a {text-decoration: none; color: white;}
.news .content {font-size: 15px; line-height: 26px; padding: 0 15px}
.news > .std h2 {background-color: #313540;}
.news > .dlc h2 {background-color: #49c3d4;}
.news > .gallery h2 {background-color: #e6415c;}
.news > .video h2 {background-color: #864789;}
.news.std hr {background-color: #313540;}
.news.dlc hr {background-color: #49c3d4;}
.news.gallery hr {background-color: #e6415c;}
.news.video hr {background-color: #864789;}
.news .info {background-color: #f2f2f2; color: #111111; padding: 3px 15px; margin: 0px; font-size: 12px;}
.news .info span, .news .info a {font-weight: 700;}
.ssba {float: right; border-radius: 6px !important; margin-top: -1px;}
#newsWidget h5, #secondary h5 {margin-top: 0; margin-bottom: 5px;}
li.video {background: transparent url(img/videoIcon.png) no-repeat left 3px; padding-left: 32px;}
li.gallery {background: transparent url(img/galleryIcon.png) no-repeat left 3px; padding-left: 32px; margin-bottom: 0}
li.news {background: transparent url(img/newsIcon.png) no-repeat left 3px; padding-left: 32px;}
li.dlc {background: transparent url(img/dlcIcon.png) no-repeat left 3px; padding-left: 32px;}
.widget {margin-bottom: 30px;}
.select-style { border: 0 px solid #ccc; width: 100%; border-radius: 3px; overflow: hidden; background: #fafafa url("img/downIcon.png") no-repeat right 50%; height: 40px; line-height: 40px;}
.select-style select { padding: 5px 8px; width: 105%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.nav-links a {text-decoration: none; font-size: 11px; font-weight: 700; background-color: #f2f2f2; color: #222222; transition: all 0.3s ease-in-out; padding: 6px 12px; border-radius: 3px;}
.nav-links a:hover {background-color: #cccccc;}
input[type="search"] {border: 0px; background-color: #f2f2f2; height: 40px; padding: 5px 8px; box-sizing: border-box; color: #222222; font-size: 16px; width: 99%;}
input[type="submit"], button[type="button"] {border: 0px; background-color: #dddddd; box-shadow: none; text-shadow: none; color: #222222; height: 40px; width: 20%; float: right;}
input[type="submit"]:active, input[type="submit"]:hover {background-color: #cccccc; box-shadow: none;}
.searchform form {overflow: hidden;}
.searchform label {display: block; width: 80%; float: left;}
.page-header {width: 100%; position: relative; background-color: #eeeeee;}
.page-header h4 {max-width: 1100px; margin: 0 auto; color: #222222; display: block; position: relative; padding: 0 5px; text-transform: uppercase; font-weight: 900; height: 60px; line-height: 60px;}
.archive .page-header h4 span {font-weight: 300}
.search .page-header h4 span, .search p span {font-weight: 900}
.search .page-header h4 {font-weight: 300}
.search #secondary, .archive #secondary {margin-top: 40px !important;}
.page-header h4 small {font-size: 11px; font-weight: 700; float: right;}
.page-header h4 small a {text-decoration: none; padding: 5px 8px; border: 1px solid #eeeeee; border-radius: 3px; transition: all 0.3s linear;}
.page-header h4 small a:hover {border-color: #222222; color: #222222;}
.error404 .fourohfour h1 {font-size: 96px; line-height: 96px; margin: 40px 0 10px 0;}
.error404 .fourohfour > * {text-align: center; width: 100%;}
ul, ol {padding-left: 0; margin-left: 20px}
.page-template-template-catalogo-php .date {position: absolute; right: 10px; bottom: 10px; background-color: #c03036; color: white; font-size: 12px; font-weight: 900; padding: 6px; line-height: 10px; height: 20px; }
.page-template-template-catalogo-php .release {position: absolute; right: 10px; bottom: 30px; background-color: white; color: #111111; font-size: 12px; font-weight: 900; padding: 6px; line-height: 10px; height: 20px;}
.publisher {margin-top: 1rem}
.publisherBlock {width: 100%; display: block; }
.publisherBlock img {padding: 0px; filter: none; -webkit-filter: grayscale(0%); transition: all 0.3s ease-in-out;}
.publisherBlock img:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.publisherBlock.block .overlay .inner {width: auto;}
.publisherBlock.block a {color: white; text-decoration: none; text-transform: lowercase; display: block; float: left;}
.publisherBlock.block .title {font-size: 11px; font-weight: 700; line-height: 15px; text-align: left; font-family: "museo-sans"; padding: 10px; float: left;}
.publisherBlock.block button {float: right; background-color: white; color: #c03036; transition: all 0.3s ease-in-out; border: 0px; box-shadow: none; text-shadow: none; font-weight: 700; margin: 5px 0; font-size: 11px;}
.publisherBlock.block button:hover {background-color: #ccc; color: #333}
.outro {text-align: left;}
.prodAssistenza {margin: 20px 0;}
.prodAssistenza.ubtech {width: 100%; background-color: #f2f2f2; text-align: center; padding: 40px; margin: 0;}
.assubtech.fixed { position:fixed; bottom:0; }
.prodAssistenza.ubtech button {margin-bottom: 0; background-color: #545454;}
.prodAssistenza.ubtech button:hover {background-color: #333;}
.postid-877 hr:last-of-type, .postid-853 hr:last-of-type {margin-bottom: 0 !important; background-color: transparent !important;}
.postid-877 footer, .postid-853 footer {margin-top: 0;}
.prodAssistenza a {text-decoration: none;}
.prodAssistenza button {border: 0px; box-shadow: none; text-shadow: none; background-color: #c03036; color: white; font-size: 12px; font-weight: 700; transition: all 0.3s ease-in-out; padding: 10px; line-height: 15px; text-transform: uppercase; margin-bottom: 7px;}
.prodAssistenza button i {font-size: 15px;}
.prodAssistenza button:hover {background-color: #545454}
.ninja-forms-required-items {display: none;}
.nf-modal-content {padding: 30px 40px !important;}
.nf-modal {box-shadow: 0px 0px 0px black !important; border-radius: 3px !important; padding: 0px !important; height: auto !important}
.nf-modal-content {border-radius: 3px !important;}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap button, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {width: 100% !important; font-size: 13px; padding: 10px; font-weight: 700;}
.nf-modal a.close-modal {padding: 15px !important;}
.ninja-forms-cont input[type="submit"] {text-transform: uppercase;}
.jquery-modal.blocker {background-color: rgb(160,46,46) !important;}
.nf-modal a.close-modal:hover {background-color: transparent !important; color: #c03036 !important}
.ninja-forms-form-wrap input[type="checkbox"] {width: auto !important}
.checkbox-wrap .ninja-forms-field-description p {margin-bottom: 3px !important}
.ninja-forms-error-msg {display: none !important;}
.ninja-forms-cont .fifty-wrap {width: 49%; float: right}
.ninja-forms-cont .fifty-wrap#ninja_forms_field_6_div_wrap {float: left;}
.nf-modal-content {height: auto !important;}
#famiglia {width: 100%; margin-bottom: 60px; display: block; float: left; position: relative;}
#famiglia:last-of-type {margin-bottom: 0px;}
#famiglia:nth-of-type(1) {margin-top: 30px;}
#famiglia .divider {position: absolute; height: 1px; border-bottom: 1px solid black; width: 100%; top: 33px; z-index: 1;}
#famiglia h2 {text-align: center; position: relative; float: left; background-color: white; padding-right: 10px; z-index: 2;}
#famiglia .accessori {width: 25%; padding: 0 20px 20px; box-sizing: border-box; float: left; text-align: center;}
#famiglia .accessori a {display: block;}
#famiglia .accessori:nth-of-type(4n+1) {clear: both;}
#famiglia .piattaforma {font-size: 12px; line-height: 14px; margin-bottom: 5px;}
#famiglia .nomeAcc {text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 18px;}
.single-accessori .gamelifeShop, .single-passione-calcio .gamelifeShop {width: 100%; text-align: left; float: left; margin: 20px 0 5px 0;}
footer {background-color: black; padding: 10px 0; color: white; margin-top: 40px; font-size: 12px; position: relative;}
.framework .videoEmbed {height: 310px;}
.single-robot p:last-of-type {margin-bottom: 0;}
.frmw3 h2, .frmw6 h3 {margin-top: 0; text-transform: uppercase;}
.frmw3 p {font-size: 14px; line-height: 23px;}
.frmw3 p strong:nth-of-type(1) {margin-top: 0;}
.single-robot #gallery {margin-top: 0px;}
.single-robot .bx-caption {position: relative !important; background-color: black;}
.single-robot .bx-controls-direction {bottom: 0px; top: auto; height: 48px;}
.single-robot .bx-controls-direction a {height: 43px; line-height: 25px;}
.single-robot .bx-prev {left: auto; color: white; background-color: black !important; right: 36px;}
.single-robot .bx-next {color: white; background-color: black !important; right: 0;}
.single-robot .gamelifeShop img {margin: 0 auto; position: relative; display: block;}
.single-robot {font-size: 14px; line-height: 23px;}
.single-robot #repeater .half img {position: relative; display: block; margin: 0 auto 15px;}
.single-robot .bx-wrapper .bx-pager, .single-robot .bx-wrapper .bx-controls-auto {text-align: center;}
/* .postid-853 .frmw3 .half:nth-of-type(2) {margin-top: 150px} */
.postid-853 .frmw3 {margin-bottom: 0px}
.postid-853 #testo.frmw5 {padding-left: 0; padding-right: 20px;}
.postid-853 #testo {padding-left: 20px;}
.postid-853 #testo p:first-of-type {margin-top: 0}
.postid-853 #repeater {padding-right: 0px}
.postid-853 #repeater {padding-right: 0px;}
.postid-853 #repeater .gamelifeShop {margin-top: 15px;}
.postid-853 #gallery {margin-top: 0px;}
/* .postid-853 #repeater .half {width: 33%;} */
.postid-853 #testo img {margin-bottom: 0px;}
.postid-853 img.wp-image-960 {margin-bottom: 46px !important;}
.postid-853 img.wp-image-956 {margin-bottom: 24px !important;}
/* .postid-853.single-robot #gallery {margin-top: 80px;} */
.postid-877 #repeater .half {width: 100%;}
.postid-877 #repeater .half .gamelifeShop {margin-top: 30px;}
.postid-877 .frmw3 img {margin-top: 40px;}
.postid-877 .frmw3 .botDesc {text-align: left !important;}
.postid-877 .frmw5 {padding-right: 10px;}
.postid-877 .frmw6 {padding-left: 10px;}
.postid-877 #repeater .half img {margin-left: 0;}
.postid-877.single-robot #repeater .half > img {width: 75%;}
.postid-877 .frmw5 img, .postid-877 .frmw6 img, .postid-877 .frmw7 img {margin-bottom: 30px;}
.postid-1534 .prodAssistenza {display: none} /* nascosta la sezione assistenza dai controller milan/inter */
.lightbox li {display: none; list-style: none; cursor: pointer; transition: opacity 0.3s ease-in-out}
.lg-backdrop {background-color: white}
.lg-sub-html, .lg-toolbar {background-color: #f2f2f2}
.lg-toolbar .lg-icon {color: #222}
.lg-toolbar .lg-icon:hover {color: #545454}
.lg-actions .lg-next, .lg-actions .lg-prev {background-color: #f2f2f2; color: #222}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {color: #222; background-color: #ddd}
img.imageBtn {cursor: pointer; transition: opacity 0.3s ease-in-out}
img.imageBtn:hover {opacity: 0.7}
.galleryBtn.text {border: 0px solid black; background-color: #f2f2f2; color: #222; font-size: 11px; width: 70%; text-align: center; font-weight: 700; margin: 0 auto 20px; clear: both; padding: 10px; height: auto; float: none; display: inherit; border-radius: 2px; transition: opacity 0.3s ease-in-out}
.galleryBtn.text:hover {background-color: #ddd;}
.ninja-forms-all-fields-wrap .half-wrap {width: 50%; float: left; box-sizing: border-box}
.ninja-forms-all-fields-wrap .half-wrap:nth-of-type(even) {padding-right: 10px}
.page-template-template-assUbtech p:first-of-type {margin-top: 0;}
.page-template-template-assUbtech p img {margin-bottom: 30px;}
.ninja-forms-field-description {font-size: 11px; font-weight: 700; color: #666;}
.upload-wrap {color: #666}
.stdTitle {font-family: "brandon-grotesque"; font-size: 14px; font-weight: bold; color: white; padding: 8px 12px; background-color: black; text-transform: uppercase; float: left;}
#accordion {margin: 0}
a.domanda {width: 100%; background-color: #f2f2f2; border-radius: 2px; padding: 8px 16px; margin-bottom: 8px; float: none; text-decoration: none; font-size: 13px; text-transform: uppercase; color: #333; display: block;}
.risposta {padding: 4px 16px 16px 16px; font-size: 15px; line-height: 25px; display: none}
.widget.faq {background-color: #f2f2f2; padding: 30px; max-width: 330px;}
.widget.faq ol {margin-bottom: 0; padding-bottom: 0}
.widget.faq li {line-height: 21px;}
.widget.faq li a {font-size: 13px; font-weight: 700; line-height: 21px}
.anchor{ display: block; height: 60px; margin-top: -60px; visibility: hidden;}
.domandefrequenti {margin-top: 232px !important;}
.page-template-template-faq h2:nth-of-type(1) {margin-top: 0 !important}
.page-template-template-faq h2:nth-of-type(1) > a {display: none !important}


/* astrobot */
.frmw5.half {width: 67%;}
.frmw6 .half {width: 100%;}

/* tankbot */
.frmw7 .half {width: 100%;}
.frmw8.half {width: 67%;}
.flag {padding: 4px 8px; background-color: #c03036; color: white; font-weight: 700; font-size: 12px; margin-bottom: 30px; width: 100px; text-align: center; border-radius: 3px; display: block; position: absolute; left: 0;}
.frmw5 .flag {left: auto; right: 0; z-index: 99}

/* stormtrooper */
.valign {position: relative; top: 50%; transform: translateY(-50%);}
.postid-1641 {background-color: black; color: white}
.postid-1641 .back a  {color: white}
.postid-1641 .back {background-color: black}
.postid-1641 hr {background-color: white !important}
.postid-1641 footer {background: black; margin-top: 0}
.w1100 {max-width: 1100px; margin: 0 auto; padding: 0 30px; display: block}
.ordina {text-align: center; padding: 60px 0; font-weight: 100; font-size: 18px; max-width: 800px; display: block; overflow: hidden}
.ordina .swLogo {width: 40%; float: left}
.ordina .gamelife {float: left; width: 60%}
.ordina button {background-color: black; border: 2px solid white; font-weight: 700; font-size: 13px; border-radius: 9px; padding: 16px 64px; color: white; text-shadow: none; box-shadow: none}
.ordina button:hover {color: white; background-color: #404040; border-color: #404040}
.descrizione {font-size: 16px; font-weight: 700; line-height: 29px; background-color: white; padding-top: 30px; padding-bottom: 30px; color: black}
.descrizione p {margin: 0}
.postid-1641 .blocchi {background: black url('img/stars.png') repeat; display: block; overflow: hidden; padding: 60px 30px 30px 30px;}
.postid-1641 .blocchi .half {width: 50%; float: left; min-height: 320px;}
.postid-1641 .blocchi .third {width: 33.3334%; float: left}
.postid-1641 .blocchi span {width: 120px; height: 5px; margin-bottom: 20px; display: block; background-color: white}
.postid-1641 .blocchi h3 {font-size: 32px; font-weight: 400; line-height: 32px; font-family: "museo-sans"}
.postid-1641 .blocchi .testo {padding: 40px; background-color: black}
.postid-1641 .blocchi .half img {max-height: 380px; padding: 20px 0}
.blocco--testo {position: absolute; z-index: 1; padding: 30px}
.blocco--testo h4 {font-family: "museo-sans"; font-size: 21px; line-height: 21px; margin: 0}
.blocco--testo p {margin: 10px 0 0 0;}
.blocco--immagine {position: absolute; z-index: 0; opacity: 0.3; top: 0; left: 0; width: 100%}
.text--img {float: right !important}

#back-to-top {
    width: auto;
    height: auto;
    text-align: center;
    line-height: 16px;
    background: #f2f2f2;
    color: #545454;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    font-size: 11px;
    padding: 6px;
    float: right;
    display: block
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

/* The CSS */
.list-dropdown-wrap select {
    padding:10px;
    margin: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: white;
    border:1px solid #ccc;
    outline:none;
    color: #666;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    position: relative
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.list-dropdown-wrap {position:relative}
.list-dropdown-wrap:after {

}
.list-dropdown-wrap:before {
    content:'<>';
    font-size: 13px;
    color:#666;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:5px;
    padding:0 0 2px;
    border-bottom:1px solid #666;
    position:absolute;
    pointer-events:none;
    z-index: 998;
}

/* registrazione */
#email-container {margin-bottom: 20px;}
.regUB > div {margin-bottom: 20px;}
.regUB .right {width: 48%; float: right;}
.regUB .left {width: 48%; float: left;}
#pass-strength-result {border-width: 0 !important; padding: 0 !important;}
#pass-strength-result.short, #pass-strength-result.bad, #pass-strength-result.good, #pass-strength-result.strong {padding: 5px 10px !important; font-size: 12px; text-transform: uppercase; font-weight: 700;}
#form-submit button[disabled="disabled"] {opacity: 0.3}

footer .footer {max-width: 1100px; margin: 0 auto; position: relative}
.copyright {padding-left: 5px; line-height: 18px;}
.pprm { width: 26px; height: 20px; display: block; position: absolute; bottom: 4px; right: 5px; }
.pprm a { text-decoration: none; display: block; width: 26px; height: 20px; }
@-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: 1400px) {
	#page {padding: 0 30px;}
	.logo {padding-left: 35px}
	a.menu-link {margin-right: 30px;}
	.home .logo {padding-left: 40px}
	.home a.menu-link {margin-right: 40px;}
	.pprm {right: 30px;}
	.copyright {padding-left: 30px;}
	.page-header h4 {padding: 0 30px;}
}

@media only screen and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape) {
	.packeryTitle {display: block}
	.home .block .overlay {display: none;}
}

@media only screen and (max-width: 1100px) {
}

@media only screen and (max-width: 1024px) {
	.packeryTitle {display: block}
	.home .block .overlay {display: none;}
	.framework .videoEmbed {height: 272px;}
	.postid-853 #gallery {margin-top: 0;}
/* 	.postid-853.single-robot #gallery {margin-top: 0px;} */
}

@media only screen and (max-width: 768px) {
	.framework .videoEmbed {height: 400px; width: 708px;}
	.framework {width: 100%;}
	.colSx.framework img {width: 100%;}
	.postid-853 #gallery {margin-top: 0;  margin-bottom: 40px}
	.postid-853 #testo {padding: 0;}
	.postid-853 .frmw3 .half {width: 50% !important;}
	.home a.menu-link.bordo {padding: 0 !important; background-color: transparent !important; border-radius: 0 !important;}
/* 	.postid-853 .frmw3 .half:nth-of-type(2) {display: none;} */
}

@media only screen and (max-width: 767px) {
	.logo svg {width: 65%; height: auto;}
	.site-branding {width: auto;}
	#masthead {padding: 0 10px; box-sizing: border-box; width: 100%;}
	#page {padding: 0 30px;}
	.home #page {padding: 0 5px;}
	.logo {padding: 13px 0 0 0;}
	a.menu-link {margin-right: 10px;}
	.home a.menu-link {margin-right: 5px; top: 18px;}
	.home .logo {padding-left: 15px}
	.home a.menu-link {margin-right: 15px;}
	.pprm {right: 5px;}
	.copyright {padding-left: 5px;}
	.page-header h4 {padding: 0 5px;}
	.block.double, .block.doublestretch {width: 100%;}
	.introProd {padding: 10px 30px 30px 30px; font-size: 13px; line-height: 21px; font-weight: 100; color: white; position: relative; z-index: 3;-webkit-columns: 1; -moz-columns: 1; columns: 1; width: 90%;}
	#singleAcc.colSx {width: 70%; float: left; clear: none;}
	#singleAcc.colDx {width: 30%; float: left; clear: none;}
	#singleAcc.colDx h2 {display: block;}
	.colSx, .colDx {width: 100%; clear: both; padding: 0px !important}
	.colDx h2 {display: none;}
	.colDx {margin-top: 30px;}
	#primary.sided {width: 100%; float: left; padding-right: 0px;}
	#secondary {float: left; width: 100%;}
	#secondary .widget {width: 33.3334%; float: left; padding: 0 10px; }
	#secondary .widget:first-of-type {padding-left: 0px;}
	#secondary .widget:last-of-type {padding-right: 0px;}
	.searchform label {width: 75%;}
	input[type="submit"] {width: 25%;}
	.page-template-template-news-php #primary {margin-top: 10px !important;}
	.news .content {padding: 0}
	.news h2 {font-size: 15px;}
	.page-header h4 {text-align: center;}
	.search .widget:nth-of-type(2), .search .widget:nth-of-type(3) {display: none;}
	.search #primary, .archive #primary {margin-top: 10px !important;}
	.ninja-forms-cont .fifty-wrap {width: 100%; float: none;}
	.copyright {text-align: center; margin-bottom: 10px; line-height: 17px; padding: 0 20px;}
	.pprm {position: relative; left: auto; right: auto; margin: 0 auto; bottom: auto;}
	#famiglia .accessori {width: 50%; padding: 0 20px 20px; box-sizing: border-box; float: left; text-align: center;}
	#famiglia .accessori:nth-of-type(2n+1) {clear: both;}
	.nf-modal.modal {top: 10px !important; margin-top: 0 !important; height: calc(100vh - 20px) !important; overflow: scroll !important; width: 80%;}
	.single-accessori .gamelifeShop {text-align: center;}
	#singleAcc.colSx, #singleAcc.colDx {width: 100%; text-align: center;}
	#singleAcc.colSx .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {text-align: center;}
	#singleAcc.colDx .desc, #singleAcc.colDx .meta {text-align: center;}
	.home .packery .block img {width: 100%;}
	.postid-853 #testo img, .postid-877 #testo img {margin-bottom: 25px !important;}
	.postid-853 #repeater .half {width: 50% !important;}
	.formUB {margin-top: 0 !important;}
	.frmw5 {width: 100%;}
	#repeater.frmw5 .half {margin: 0 auto 30px; width: 100% !important}
	.frmw6.half {width: 100%;}
}

@media only screen and (max-width: 640px) {
	#secondary .widget {width: 100%;}
	.searchform label {width: 80%;}
	input[type="submit"] {width: 20%;}
	#secondary .widget {padding: 0}
	.posts-navigation .nav-previous, .post-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-next {width: 100%; }
	.nav-links a {display: block; margin-bottom: 5px; text-align: center;}
	.home a.menu-link {top: 15px;}
	.postid-853 #repeater .half {padding: 0 20px; font-size: 13px; text-transform: lowercase;}
	.ordina .swLogo {width: 100%; float: none}
	.ordina .gamelife {float: left; width: 100%}
	.half, .third {width: 100%; height: auto !important}
	.text--img {float: left !important}
	iframe.w1100 {width: 100%; height: auto;}
	.half, .third {width: 100% !important; height: auto !important}
	.valign {position: inherit; top: 0; transform: none}
	.ordina {max-width: 400px;}
	.gamelife {margin-top: 30px;}
	.postid-1641 .blocchi .half {min-height: 320px; max-height: none}
	.blocco--testo.valign {position: relative; top: 50%; transform: translateY(-50%);}
	.postid-1641 .blocchi .third {height: 200px !important; min-height: 200px !important}
}

@media only screen and (max-width: 480px) {
	.framework .videoEmbed {height: auto; min-height: 200px;}
	.publisherBlock {width: 100%; display: block; margin-bottom: 10px }
	.publisherBlock img {padding: 0px;}
	#famiglia .accessori {width: 100%; padding: 0 0 20px;}
	.home a.menu-link {top: 12px;}
	.logo {padding: 18px 0 0 0;}
	.postid-853 #repeater .half {width: 100% !important;}
	.postid-853 #repeater .half:nth-of-type(1) {margin-bottom: 20px !important;}
	.robotica {width: 100%; padding: 0 0 20px;}
	.postid-877 .frmw6 img, .postid-877 .frmw7 img {margin-bottom: 0px;}
}