/*
 *
 * UNITEK
 * BY ing. Nicolò Chiellini
 * n.chiellini@4sigmait
 *
 */


.oswald {
    font-family: 'Oswald', sans-serif;
}
.lato {
    font-family: 'Lato', sans-serif;
}

html {
    border: none;
    padding: 0px;
    margin: 0px;
    float: left;
    color: #4d4d4d;
    width: 100%;
    font-family: 'Lato', sans-serif;
    background-color: #fff;
}
body {
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100%;
    font-size: 15px;
    line-height: 20px;
    float: left;
    background-color: #fff;
    color: #4d4d4d;
    -webkit-text-size-adjust: 100%;

}
td {
    border: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

div, p, h1, h2, h3, h4, h5, h6, ul,
footer, header, nav, article, main, form,
aside, section {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    -webkit-text-size-adjust: 100%;
}

img {
    text-decoration: none;
    border: none;
    vertical-align: middle;
}
svg {
    border: none;
    border-image-width: 0;
    stroke-width: 0px;
}
table, td, tr {
    margin: 0px;
    padding: 0px;
    border: none;
}
table {
    float: left;
}
a {
    outline: none;
    text-decoration: none;
    color: #022169;
}

li {
    outline: none;
}

i, em, .italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
*:-placeholder
{
    font-family: 'Oswald', sans-serif;
    color: #4d4d4d;
    font-weight: 300;
}
*::-webkit-input-placeholder
{
    font-family: 'Oswald', sans-serif;
    color: #4d4d4d;
    font-weight: 300;
}

*::-moz-placeholder
{
    font-family: 'Oswald', sans-serif;
    color: #4d4d4d;
    font-weight: 300;
}
*:-moz-placeholder
{
    font-family: 'Oswald', sans-serif;
    color: #4d4d4d;
    font-weight: 300;
}

*:-ms-input-placeholder
{
    font-family: 'Oswald', sans-serif;
    color: #4d4d4d;
    font-weight: 300;
}

input:focus:-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder  { color:transparent; }

input,
textarea,
select,
button {
    outline: none;
    border: none;
    padding: 0px;
    -webkit-border-radius: 0px;
/*     -webkit-appearance: none; */
}
input,
textarea,
button {
    -webkit-appearance: none;
}
button {
    cursor: pointer;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;
    vertical-align: top;
}
input[type=submit] {
    -webkit-border-radius:0px;
}
.ritch-text {
    font-size: 16px;
    line-height: 19px;
}
.ritch-text ul {
    box-sizing: border-box;
    padding-left: 20px;
    list-style: disc;
    list-style-position: outside;
    float: left;
}
.ritch-text ol {
    box-sizing: border-box;
    padding-left: 20px;
    list-style: decimal;
    list-style-position: outside;
    float: left;
}
.ritch-text li {
    width: 100%;
}
.hidden {
    display: none;
}
.over_hidden {
    overflow: hidden;
}
.block,
.desktop {
    display: block;
}
.mobile,
#burger-menu,
#menu-login-registrati-mobile,
#menu-top #menu-lingua-mobile {
    display: none;
}
.inline-block {
    display: inline-block;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer,
.gallery {
    cursor: pointer;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    float: none;
}
.clear {
    clear: both;
}
.v_top {
    vertical-align: top;
}
.text_top {
    vertical-align: text-top;
}
.v_middle {
    vertical-align: middle;
}
.v_bottom {
    vertical-align: bottom;
}
.m_auto {
    margin: 0px auto
}
.w_auto {
    width: auto;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.light {
    font-weight: 300;
}
.normal {
    font-weight: 400;
}
.medium {
    font-weight: 600;
}
.bold,
strong,
b {
    font-weight: 700;
}
.extrabold {
    font-weight: 800;
}
.black,
.nero,
.blacklink,
.blacklink:visited,
.black_white_lnk {
    color: black;
}
.green, .verde {
    color: green;
}
.red, .rosso {
    color: #d9272e;
}
.arancione {
    color: #ff8000;
}
.gray, .grigio, .sel {
    color: #808080;
}
.grigio_scuro {
    color: #4d4d4d;
}
.blu {
    color: #022169:
}
.white,
.bianco,
.whitelnk,
.white_black_lnk,
.whitelnk:visited {
    color: #FFFFFF;
}

.cover {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.uppercase {
    text-transform: uppercase;
}
.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.a_inv {
    color: #808080;
}
.bb_gray {
    border-bottom: 1px solid #e5e5e5;
}
.bt_gray {
    border-top: 1px solid #e5e5e5;
}
#over-box, #over-box-black {
    display: none;
    position: fixed;
    z-index: 1001;
    background-color: rgba(255,255,255, 0.7);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
#over-box-black {
    background-color: rgba(0,0,0,0.9);
    z-index: 998;
}
.modal-box {
    display: none;
    position: fixed;
    line-height: 19px;
    padding: 20px 10px;
    font-size: 16px;
    color: white;
    text-align: left;
    width: 300px;
    left: 50%;
    margin-left: -160px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    background-color: white;
    z-index: 1002;
    top: -500px;
    border: 1px solid #e5e5e5;
}

.test-md5 {
    display: block;
    width: 100%;
    margin: 40px 40px;
    padding: 100px;
}

iframe{
    margin: 0px;
    border: 0px;
    padding: 0px;
    height: 600px;
}
/* Honey POT anti SPAM */
.hnpt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    z-index: 100;
}
/* MAIN */
header {
    height: 124px;
}
#header-top {
    height: 110px;
    border-bottom: 1px solid #e5e5e5;
}
#menu-cont {
    position: relative;
    box-sizing: border-box;
    float: none;
    margin: 0px auto;
    padding-left: 180px;
    padding-right: 55px;
    width: 1280px; /* Da variare */
    height: 110px;
}
#logo-top {
    display: block;
    float: left;
    position: absolute;
    padding: 35px 10px;
    left: 0px;
}
#logo-top img{
    height: 40px;
    width: auto;
}
#menu-top {
    display: block;
    float: left;
    height: 110px;
}
#menu-top li {
    width: calc(100% / 7);
    height: 110px;
    display: block;
    float: left;
}
#menu-top #menu-lingua {
    width: 55px;
    height: 110px;
    display: block;
    float: left;
    position:absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #e5e5e5;
}
#menu-top #menu-lingua a {
    display: block;
    float: left;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    padding: 0px;
    border: none;
}
#menu-top #menu-lingua .bold {
    font-weight: bold;
}
#menu-top a {
    display: block;
    float: left;
    width: 100%;
    height: 110px;
    line-height: 110px;
    box-sizing: border-box;
    font-weight: 300;
    border-left: 1px solid #e5e5e5;
    font-family: 'Oswald', sans-serif;
    padding-left: 50px;
    position: relative;
    color: #4d4d4d;
    font-size: 15px;
}
#menu-top svg {
    position: absolute;
    display: block;
    float: left;
    top: 50%;
    margin-top: -25px;
    left: 0px;
    max-width: 50px;
}
#menu-login-registrati {
    position: absolute;
    display: block;
    float: left;
    top: 50%;
    margin-top: -8px;
    left: 50px;
    font-size: 15px;
    line-height: 18px;

}
.menu-triangolo {
    display: none;
    float: left;
    position: absolute;
    bottom: -13px;
    right: -2px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d9272e;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    padding: 0px;
    margin: 0px;
    z-index: 5;
}
#menu-login-cont .menu-triangolo,
#menu-logout-cont  .menu-triangolo {
    right: auto;
    left: -2px;
    bottom: -12px;
    border-top: 10px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 10px solid #d9272e;
    border-left: none;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 0px;
    margin: 0px;
    z-index: 5;
}
#menu-top .sel {
    color: white;
    background-color: #022169;
    border-left: 1px solid #022169;
}
#menu-top #menu-login-cont .sel .menu-triangolo {
    display: block;
    border-right: 10px solid #022169;
    border-left: 0px;
    left: -2px
}
#menu-top .sel  .menu-triangolo {
    display: block;
    border-left: 10px solid #022169;
/*     border-right: none; */
}
#menu-top .sel .svg-menu-obj {
    fill: white;
}
footer {
    height: 224px;
    border-top: 1px solid #e5e5e5;
/*     margin-top: 60px; */
}
#footer-cont {
/*     width: 768px; */
    width: 1004px;
    float: none;
    margin: 0px auto;
    padding-top: 20px;
    height: 204px;
}
#logo-bottom {
    display: block;
    width: 246px;
    padding: 0px 5px;
    margin-right: 20px;
    height: 204px;
    float: left;
}
#logo-bottom img {
    width: 68%;
}
.footer-box {
    width: 236px;
    padding: 0px 5px;
/*     height: 204px; */
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
#footer-1,
#footer-2,
#footer-3 {
    box-sizing: border-box;
    padding-bottom: 60px;
    position: relative;
}

#btn-indicazioni {
    display: block;
    float: left;
    position: absolute;
    bottom: 0px;
    left: 5px;
    height: 50px;
    width: 150px;
    padding-left: 50px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    line-height: 48px;
    color: #4d4d4d;
}
#btn-indicazioni svg {
    position: absolute;
    display: block;
    float: left;
    top: 0%;
    margin-top: 0px;
    left: 0px;
}
main {
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 60px;
    min-height: 700px;
}
#menu-categoria {
    display: block;
    float: none;
    margin: 0px auto;
    /* Modificare Media Query */
    width: 1280px;
    height: 213px;
}
#menu-categoria li {
    display: block;
    float: left;
    /* Modificare Media Query */
    width: 16.66667%;
    height: 213px;
}
#menu-categoria li a {
    display: block;
    float: left;
    width: 100%;
    /* Modificare Media Query */
    height: 213px;
    line-height: 213px;
    position: relative;
    text-align: center;
}
#menu-categoria li span {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.cat-antifurto span {
    color: #004c98;
}
.cat-antincendio span {
    color: #c00418;
}
.cat-alimentatori span {
    color: #f7a800;
}
.cat-ripetitori-ottici span {
    color: #009a32;
}
.cat-accessori span {
    color: #009ee0;
}
.cat-controllo-accessi span {
    color: #a64d94;
}
.cat-video span {
    color: #E8601B;
}
#slider-box {
    width: 960px;
    float: none;
    margin: 0px auto;
    height: 400px;
}
.slider-obj {
    width: 960px;
    height: 400px;
}
.slider-img {
    width: 440px;
    height: 420px;
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    float: left;
}
.slider-info {
    width: 470px;
    padding: 20px 10px 20px 0px;
    height: 380px;
    display: block;
    float: right;
}
#slider-cont {
    border-bottom: 1px solid #e5e5e5;
    height: 400px;
}
.slider-title {
    display: block;
    float: left;
    width: 100%;
    color: #4d4d4d;
    font-size: 40px;
    line-height: 40px;
    margin-top: 20px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.slider-text {
    display: block;
    float: left;
    width: 100%;
    color: #4d4d4d;
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
}
.btn {
    display: block;
    float: left;
    position: relative;
    height: 50px;
    width: 150px;
    padding-left: 50px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    line-height: 48px;
    color: #4d4d4d;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    background-color: white;
    font-size: 15px;
}
.btn svg {
    position: absolute;
    display: block;
    float: left;
    top: 0%;
    margin-top: 0px;
    left: 0px;
    height: 50px;
    width: 50px;
}
.btn svg#video-small {
    position: absolute;
    display: block;
    float: left;
    top: 0%;
    margin-top: 0px;
    left: 0px;
    height: 30px;
    width: 30px;
    margin-top: 10px;
    margin-left: 10px;
}


#btn-registrati-hp {
    position: absolute;
    bottom: 0px;
}
.page {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 12px;
    width: 1000px;
}
.titolo {
    color: #4d4d4d;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 40px;
}
.testo-grande {
    color: #4d4d4d;
    font-size: 20px;
    line-height: 25px;
}
.testo-piccolo {
    color: #4d4d4d;
    font-size: 15px;
    line-height: 20px;
}
.calltoaction {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
}
.calltoaction-int {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 10px 0px;
    height: 100%;
}
.calltoaction-info {
    display: block;
    float: left;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 10px;
    bottom: 0px;
    background-color: rgba(255,255,255,0.85);
}
.calltoaction-titolo {
    display: block;
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
    color: #4d4d4d;
}
.calltoaction-testo {
    display: block;
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    color: #4d4d4d;
}

.news-block {
    width: 33.3333%;
    padding-right: 15px;
    box-sizing: border-box;
}
.news-data {
    font-size: 15px;
    font-family: 'Oswald', sans-serif;
    line-height: 16px;
    font-weight: 300;
}
.news-category {
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.news-titolo {
    font-size: 15px;
    line-height: 16px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    height: 32px;
    color: #022169;
}
.news-abs {
    height: 60px;
}
.news-single-cont {
    box-sizing: border-box;
    padding-left: 180px;
}
#btn-news-back {
    position: absolute;
    left: 0px;
    top: 0px;
}
#news-big-img {
    display: block;
    float: left;
    width: 100%;
    height: 402px;
    position: relative;
    cursor: pointer;
}
.magnify-cont {
    display: none;
    float: left;
    width: 100%;
    position: absolute;
    top: 50%;
    color: white;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
}
#news-big-img .magnify-cont {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
}
.magnify-cont i {
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
#news-img-cont {
    overflow: hidden;
}
.news-thumb-img {
    display: block;
    float: left;
    width: 33.3333%;
    border-right: 10px solid white;
    border-top: 10px solid white;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.form-contatto-input {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #e5e5e5;
    padding: 0px 10px;
    width: 100%;
    font-size: 13px;
    display: inline-block;
    /*float: left;*/
}
.form-contatto-select {
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #e5e5e5;
    padding: 0px 10px;
    width: 100%;
    font-size: 13px;
    display: inline-block;
    /*float: left;*/
}
#form-ricerca-doc {
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #e5e5e5;
    padding: 0px 50px 0px 10px;
    width: 100%;
    font-size: 13px;
    position: relative;

}
.form-search-input {
    display: block;
    float: left;
    width: 100%;
    height: 48px;
    line-height: 48px;
    width: 100%;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}
.form-search-input:-placeholder
{
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: normal;
}
.form-search-input::-webkit-input-placeholder
{
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: normal;
}

.form-search-input::-moz-placeholder
{
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: normal;
}
.form-search-input:-moz-placeholder
{
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: normal;
}

.form-search-input:-ms-input-placeholder {
    color: #4d4d4d;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: normal;
}
#btn-search {
    height: 48px;
    line-height: 48px;
    width: 48px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    border:none;
    font-size: 20px;
}
.form-contatto-textarea {
    height: 120px;
    line-height: 18px;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #e5e5e5;
    padding: 10px 10px;
    width: 100%;
    font-size: 13px;
    display: inline-block;
}
#id_privacy-cont,
#id_newsletter-cont {
    position: absolute;
    left: 5px;
    top: 5px;
    width: auto;
}
.form-bottom,
#form-bottom {
    box-sizing: border-box;
    padding: 0px 0px 0px 30px;
    position: relative;
}
#id_privacy-txt,
#id_newsletter-txt {
    width: auto;
/*     margin-top: 3px; */
}
#form-info {
    display: block;
    float: left;
    box-sizing: border-box;
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 20px;
    padding-left: 20px;

}
#form-info li {
    font-size: 15px;
    line-height: 20px;
    margin-top: 5px;
}
#categoria-supporto-menu {
    display: block;
    float: left;
    width: 100%;
}
#categoria-supporto-menu li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#categoria-supporto-menu .btn {
    width: 100%;
}
#categoria-supporto-menu .sel .btn {
    color: white;
    background-color: #d9272e;
    border: 1px solid #d9272e;
}
#categoria-supporto-menu .sel .btn .svg-menu-obj {
    fill: white;
}
.doc-supporto {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 50px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}
.doc-privacy-status, .doc-dn {
    position: absolute;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    left: 0px;
    top: 0px;
}
.doc-privacy-status {
    color: #4d4d4d
}
.doc-dn {
    right: 0px;
    left: auto;

}
.doc-supporto .doc-hover {
    color: #022169:
}
#doc-last {
    border: none;
}
#link-catalogo {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
}
#link-catalogo img {
    width: 70%;
}

#prodotti-menu {
    display: block;
    float: left;
    width: 100%;
}
#prodotti-menu .prodotti-submenu,
#prodotti-menu .prodotti-sub-submenu {
    display: none;
    float: left;
    width: 100%;
}
#prodotti-menu li {
    display: block;
    float: left;
    width: 100%;
}
#prodotti-menu .btn {
    width: 100%;
}
#prodotti-menu .prodotti-menu-1liv {
    margin-bottom: 10px;
    cursor: pointer;
}
.menu-prodotti-btn {
    display: block;
    float: left;
    position: relative;
    height: 50px;
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    line-height: 48px;
    color: #4d4d4d;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    background-color: white;
    font-size: 15px;
}
/*#categoria-supporto-menu .sel .btn {
    color: white;
    background-color: #d9272e;
    border: 1px solid #d9272e;
}*/
/*#categoria-supporto-menu .sel .btn .svg-menu-obj {
    fill: white;
}*/
.prod-antifurto,
.prod-intrusione {
    background-color: #004c98;
}
.prod-antincendio,
.prod-incendio {
    background-color: #c00418;
}
.prod-alimentatori {
    background-color: #f7a800;
}
.prod-ripetitori-ottici {
    background-color: #009a32;
}
.prod-accessori {
    background-color: #009ee0;
}
.prod-video,
.bg-prodotti-video {
    background-color: #E8601B;
}
.prod-controllo-accessi {
    background-color: #a64d94;
}
.bg-prodotti-ricerca {
    background-color: #022169;
}
#prodotti-menu .prodotti-menu-lnk-1liv {
    color: white;
    cursor: pointer;
}
#prodotti-menu .prodotti-menu-lnk-2liv {
    background-color: #b2b2b2;
    color: white;
    cursor: pointer;
}
#prodotti-menu .sub-sel {
    background-color: #4d4d4d;
}
#prodotti-menu .prodotti-sub-submenu .prod-sel {
    background-color: #999999;
    color: white;
}
#prodotti-menu .prodotti-menu-lnk-3liv {
    background-color: #fff;
    cursor: pointer;
    font-size: 15px;
}
#lista-prodotti-cont #menu-categoria {
    width: 100%;
    height: auto;
}
.box-lista-prodotti {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.box-lista-prodotti span {
    position: absolute;
    bottom: 0px;
    display: block;
    float: left;
    width: 90%;
    padding: 0px 5% 10px 5%;
    background-color: rgba(255,255,255,0.85);
    text-align: center;
    height: auto;
    line-height: 20px;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform:uppercase;
}
#lista-prodotti-cont .box-padre span {
    color: #fff;
    background-color: transparent;
}
#lista-prodotti-cont .box-lista-prodotti .menu-cat {
    fill: #ffffff;
}
#lista-prodotti-cont #menu-categoria li,
.box-lista-prodotti {
    width: 33.3333%;
}
#prod-sel-breadcrumb {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    width: auto;
    float: right;
    font-style: normal;
    margin-top: -3px;
    /* for long title */
    width: 70%;
    float: right;
    text-align: right;
}
#prodotto-img-1big {
    display: block;
    float: left;
    position: relative;
}
#prodotto-img-1 {
    display: block;
    float: left;
    width: 50%;
    height: 300px;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
}
#prodotto-img-2big {
    display: block;
    float: left;
    width: 50%;
    height: 300px;
    box-sizing: border-box;
    padding-left: 5px solid transparent;
}
#prodotto-marcature {
    display: block;
    float: left;
    position: absolute;
    top: 0px;
    width: 60px;
    right: 10px;
}
#prodotto-marcature img {
    width: 100%;
    margin-bottom: 5px;
}
#prodotto-icone {
    margin-top: 30px;
}
#prodotto-icone img {
    margin-right: 15px;
}
#prodotto-img-2,
#prodotto-img-3 {
    display: block;
    float: left;
    width: 50%;
    height: 150px;
    box-sizing: border-box;
    border-left: 5px solid transparent;
}
#prodotto-img-2 {
    border-bottom: 5px solid transparent;
}
#prodotto-img-3  {
    border-top: 5px solid transparent;
}
.row-scheda-tecnica {
    margin-top: 10px;
}
.cp_key {
    width: 30%;
    font-weight: bold;
}
.cp_val {
    width: 70%;
    word-wrap: break-word;
}
.bg-prodotti-antifurto {
    background-color: #004c98;
}
.bg-prodotti-antincendio,
.bg-prodotti-incendio {
    background-color: #c00418;
}
.bg-prodotti-alimentatori {
    background-color: #f7a800;
}
.bg-prodotti-ripetitori-ottici {
    background-color: #009a32;
}
.bg-prodotti-accessori {
    background-color: #009ee0;
}
.bg-prodotti-controllo-accessi {
    background-color: #a64d94;
}

.color-prodotti-antifurto {
    color: #004c98;
}
.color-prodotti-antincendio {
    color: #c00418;
}
.color-prodotti-alimentatori {
    color: #f7a800;
}
.color-prodotti-ripetitori-ottici {
    color: #009a32;
}
.color-prodotti-accessori {
    color: #009ee0;
}
.color-prodotti-controllo-accessi {
    color: #a64d94;
}
#risultati-ricerca {
    margin-top: -35px;
    margin-bottom:0px;
}
/* Over Cage */
@media only screen and (min-width:1025px) and (max-width:10000px) {
    a:hover {
        color: #d9272e;
    }
    #menu-top a:hover {
        color: white;
        background-color: #d9272e;
        border-left: 1px solid #d9272e;
    }
    #menu-top .sel:hover {
        background-color: #022169;
        border-left: 1px solid #022169;
    }
    #menu-top a:hover .svg-menu-obj,
    #btn-indicazioni:hover .svg-menu-obj,
    .slider-obj:hover .svg-menu-obj,
    .calltoaction:hover  .svg-menu-obj,
    .btn:hover .svg-menu-obj {
        fill: white;
    }
    #btn-indicazioni:hover,
    .slider-obj:hover .btn,
    .calltoaction:hover .btn,
    .btn:hover {
        color: white;
        background-color: #d9272e;
        border: 1px solid #d9272e;
    }
    #categoria-supporto-menu .sel .btn:hover {
        color: white;
        background-color: #d9272e;
        border: 1px solid #d9272e;
    }
    #categoria-supporto-menu .btn:hover {
        background-color: #022169;
        border: 1px solid #022169;
    }
    #menu-top a:hover .menu-triangolo {
        display: block;
    }
    #menu-categoria a:hover .menu-cat {
        fill: #ffffff;
    }
    #menu-categoria a:hover span {
        color: white;
    }
    .cat-antifurto:hover {
        background-color: #004c98;
    }
    .cat-antincendio:hover {
        background-color: #c00418;
    }
    .cat-alimentatori:hover {
        background-color: #f7a800;
    }
    .cat-ripetitori-ottici:hover {
        background-color: #009a32;
    }
    .cat-accessori:hover {
        background-color: #009ee0;
    }
    .cat-controllo-accessi:hover {
        background-color: #a64d94;
    }
    .cat-video:hover {
        background-color: #E8601B;
    }
    .news-thumb-img:hover .magnify-cont,
    #news-big-img:hover .magnify-cont {
        display: block;
    }
    .doc-supporto:hover .doc-hover {
        color: #d9272e;
    }
    #prodotti-menu .prodotti-menu-lnk-1liv:hover {
        background-color: white;
        color: #4d4d4d;
        border: 1px solid #e5e5e5;
    }
    #prodotti-menu .prodotti-menu-lnk-1liv:hover .pr-menu-obj {
        fill: #4d4d4d;
    }
    #prodotti-menu .prodotti-menu-lnk-2liv:hover {
        background-color: #4d4d4d;
        color: white;
    }
    #prodotti-menu .prodotti-menu-lnk-3liv:hover {
        background-color: #999999;
        color: white;
    }
    .gallery:hover .magnify-cont {
        display: block;
    }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
    #menu-cont {
        width: 1024px;
    }
    #menu-categoria {
        width: 1024px;
    }
}
/* ALL MOB */
@media only screen and (min-width:220px) and (max-width:1024px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
}

/* PAD */
@media only screen and (min-width:768px) and (max-width:1023px) {
    #menu-cont {
        width: 100%;
        padding-left: 100px;
    }
    #menu-top svg {
        display: none;
    }
    #menu-top a {
        padding-left: 20px;
        text-align: left;
    }
    #menu-login-registrati {
        left: 20px;
    }
    #menu-categoria {
        width: 100%;
    }
    #logo-top {
        padding: 25px 0px;
        left: 20px;
        width: 61px;
        overflow: hidden;
    }
    #slider-box {
        width: calc(100% - 64px);
        float: none;
        margin: 0px auto;
        height: 400px;
    }
    .slider-obj {
        width: calc(100% - 64px);
        height: 400px;
    }
    .slider-img {
        width: 60%;
        height: 420px;
        background-size: 100% 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        float: left;
    }
    .slider-info {
        width: 40%;
        padding: 20px 10px 20px 0px;
        border-left: 10px solid transparent;
        height: 420px;
        display: block;
        float: right;
        box-sizing: border-box;
    }
    .slider-title {
        font-size: 20px;
        line-height: 30px;
    }
    .slider-text  {
        font-size: 12px;
        line-height: 15px;
    }
    .page {
        padding: 0px 12px;
        width: 100%;
        max-width: 1024px;
        box-sizing: border-box;
    }
    .testo-grande {
        color: #4d4d4d;
        font-size: 15px;
        line-height: 20px;
    }
    #btn-news-back {
        width: 50px;
        overflow: hidden;
    }
    .news-single-cont {
        box-sizing: border-box;
        padding-left: 80px;
    }
    footer {
        height: auto;
    }
    #footer-cont {
        width: 768px;
        padding-bottom: 20px;
        height: auto;
    }
    .footer-box {
        width: 32%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px 20px 20px 20px;
    }
    #logo-bottom {
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
        margin: 0px 0px 20px 0px;
        height: auto;
    }
    #logo-bottom .footer-box {
        padding: 0px;
    }
    #logo-bottom a:first-child {
        width: 67%;
    }
    .hide-tablet {
        display: none;
    }
}
/* Phone */
@media only screen and (min-width:220px) and (max-width:767px) {
    main {
        padding-bottom: 20px;
    }
    #menu-cont {
        width: 100%;
    }
    #menu-top {
        display: none;
    }
    #slider-cont {
        display: none;
    }
    #menu-categoria-cont {
        display: none;
    }
    #burger-menu {
        display: block;
        position: absolute;
        top: 30px;
        right: 0px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
        box-sizing: border-box;
        text-align: center;
    }
    .page {
        padding: 0px 12px;
        width: 100%;
        box-sizing: border-box;
    }
    .two-column {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .testo-grande {
        color: #4d4d4d;
        font-size: 15px;
        line-height: 20px;
    }
    .page .w_49pe {
        width: 100%;
    }
    .news-block {
        width: 100%;
        margin-bottom: 30px;
    }
    footer {
        min-height: 10px;
        height: auto;
        padding-bottom: 20px;
    }
    #footer-cont {
        width: 100%;
        min-height: 10px;
/*         padding-bottom: 50px; */
        height: auto;
    }
    #logo-bottom {
/*         display: none;         */
    }
    .footer-box {
        width: 100%;
        padding: 0px 5px;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        box-sizing: border-box;
    }
    #footer-2 {
        box-sizing: border-box;
        padding-bottom: 20px;
        position: relative;
        margin-top: 20px;
    }
    #btn-indicazioni {
        bottom: auto;
        top: 0px;
        right: 5px;
        left: auto;
    }
    #titolo-registrazione {
        margin-top: 60px;
    }
    #btn-registrati-hp {
        position: static;
        bottom: 0px;
        display: block;
        float: left;
        position: relative;
        margin-top: 10px;
    }
    #cta-hp {
        min-height: 400px;
    }
    .mt_60 {
        margin-top: 30px;
    }
    .mb_60 {
        margin-bottom: 30px;
    }
    #menu-top .sel  .menu-triangolo {
        display: block;
    }
    .menu-triangolo, {
        display: none;
    }
    #menu-top {
        display: none;
        float: left;
        height: auto;
        background-color: white;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 110px;
        z-index: 1000;
        -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.5);
        box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.5);
    }
    #menu-top li {
        width: 100%;
        height: 50px;
        display: block;
        float: left;
    }
    #menu-top #menu-lingua {
        display: none;
    }
    #menu-lingua-mobile {
        position: relative;
    }
    #menu-top a {
        display: block;
        float: left;
        width: 100%;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
        font-weight: 300;
        border-left: none;
        font-family: 'Oswald', sans-serif;
        padding-left: 50px;
        position: relative;
        color: #4d4d4d;
        font-size: 15px;
    }
    #menu-top svg {
        position: absolute;
        display: block;
        float: left;
        top: 50%;
        margin-top: -25px;
        left: 0px;
    }
    #menu-login-registrati {
        display: none;
    }
    #menu-login-registrati-mobile {
        display: inline;
    }
    .icona-menu-top {
        position: absolute;
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        width: 50px;
        top: 50%;
        margin-top: -25px;
        left: 0px;
    }
    #btn-news-back {
        width: 50px;
        overflow: hidden;
        top: -75px;
    }
    #news-single-top-titolo {
        padding-left: 70px;
        box-sizing: border-box;
    }
    .news-single-cont {
        padding: 0px;
    }
    #news-thumb-cont {
        margin-bottom: 30px;
    }
    #id_email-cont {
        margin-top: 10px;
    }
    #login-registrazione-cont .w_20pe {
        width: 100%;
    }
    #login-registrazione-cont .w_78pe {
        width: 100%;
    }
    #login-registrazione-cont .w_48pe {
        width: 100%;
    }
    #login-registrazione-cont .w_48pe .titolo {
        display: none;
    }
    #login-registrazione-cont .w_48pe .testo-piccolo {
        margin-bottom: 20px;
    }
    .mb_10mob {
        margin-bottom: 10px;
    }
    #supporto-page-cont .w_30pe,
    #supporto-page-cont .w_68pe,
    #titolo-prodotti {
        width: 100%;
    }
    #supporto-page-cont .w_68pe,
    #ricerca-prodotti {
        margin-top: 20px;
        width: 100%;
    }
    #prodotti-menu-cont,
    #lista-prodotti-cont {
        width: 100%;
    }
    #prodotto-img-1 {
        display: block;
        float: left;
        width: 100%;
        height: 300px;
        border-right: none;
        box-sizing: border-box;
        position: relative;
    }
    #prodotto-img-2big,
    #prodotto-img-2 {
        display: block;
        float: left;
        width: 100%;
        height: 300px;
        padding-left: none;
    }
    #prodotto-img-3 {
        display: none;
    }
    #lista-prodotti-cont {
        font-size: 13px;
        margin-top: 30px;
    }
    .descrizione-prodotto,
    .doc-supporto {
        font-size: 15px;
    }
    #prodotto-icone img {
        margin-bottom: 15px;
    }
    #menu-top #menu-lingua-mobile {
        display: block;
    }
    #risultati-ricerca {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #prod-sel-breadcrumb {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .box-lista-prodotti span {

        font-size: 12px;

    }
}