/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

* {outline: none;}

html,
button,
input,
select,
textarea {
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
    border: none;
}
p {
    margin:0px 0px 15px 0px;
}
a {
    text-decoration: none;
}
ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
HACK per modificare checkbox e radio button
========================================================================== */

.check_modified input[type='radio'], /* Nasconde checkbox e radio button */
.check_modified input[type='checkbox'] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}
.check_modified input[type='radio'] + label {
    margin: 0;/* Azzera i margini */
    padding: 2px 0 0px 24px; /* Crea spazio con il padding sinistro per ospitare l'immagine di sfondo */
    cursor: pointer; /* Imposta il cursore */
    background-image: url('../img/check_start.png'); /* Imposta lo sfondo iniziale per checkbox e radio button */
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
}
.check_modified input[type='checkbox'] + label {
    margin: 0;/* Azzera i margini */
    padding: 2px 0 0px 24px; /* Crea spazio con il padding sinistro per ospitare l'immagine di sfondo */
    cursor: pointer; /* Imposta il cursore */
    background-image: url('../img/radio_start.png'); /* Imposta lo sfondo iniziale per checkbox e radio button */
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
}
.check_modified input[type='radio']:hover + label { /*Modifica lo sfondo del radio button quando viene attivato */
    background-image: url('../img/radio_selected.png');
}

.check_modified input[type='checkbox']:hover + label { /*Modifica lo sfondo del checkbox quando viene attivato */
    background-image: url('../img/check_selected.png');
}
.check_modified input[type='radio']:checked + label { /*Modifica lo sfondo del radio button quando viene attivato */
    background-image: url('../img/radio_selected.png');
}

.check_modified input[type='checkbox']:checked + label { /*Modifica lo sfondo del checkbox quando viene attivato */
    background-image: url('../img/check_selected.png');
}

/* ==========================================================================
HACK per display inline-block
   ========================================================================== */
* html .inl-b { display:inline; }  /* hack per IE 6 */
* + html .inl-b { display:inline; }  /* hack per IE 7 */

/* ==========================================================================
Box Cookies Policy Style
   ========================================================================== */
.cc-cookies{bottom: 0; top: auto;}/* default fixed top lef*/   
.cookiePolicy{}/*in caso di box "cookies" fisso, definire uno spazio dal top*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.privacy_txt{max-width: 980px; width: 96%; text-align: justify; line-height: 18px; font-size: 14px; margin: auto; padding: 0px 0;}
.privacy_txt a{color: #000; text-decoration: underline;}

@font-face {
    font-family: 'pnr';
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_regular-webfont.eot');
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular-webfont.woff2') format('woff2'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pnr_l';
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_light-webfont.eot');
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_light-webfont.ttf') format('truetype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_light-webfont.woff2') format('woff2'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_light-webfont.woff') format('woff'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_light-webfont.svg#proxima_nova_rglight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pnr_b';
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_bold-webfont.eot');
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_bold-webfont.woff2') format('woff2'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pnr_i';
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_regular_italic-webfont.eot');
    src: url('fonts/proximanova/mark_simonson_-_proxima_nova_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular_italic-webfont.ttf') format('truetype'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular_italic-webfont.woff2') format('woff2'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular_italic-webfont.woff') format('woff'),
         url('fonts/proximanova/mark_simonson_-_proxima_nova_regular_italic-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('fonts/proximanova/ProximaNova-Semibold.eot');
  src: url('fonts/proximanova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
       url('fonts/proximanova/ProximaNova-Semibold.woff2') format('woff2'),
       url('fonts/proximanova/ProximaNova-Semibold.woff') format('woff'),
       url('fonts/proximanova/ProximaNova-Semibold.ttf') format('truetype'),
       url('fonts/proximanova/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.centerPosition{ position: absolute; top: 50%; left: 50%; 
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.md-col1{width: 8.33333%; float: left;}
.md-col2{width: 16.6666%; float: left;}
.md-col3{width: 25%; float: left;}
.md-col4{width: 33%; float: left;}
.md-col5{width: 41.6666%; float: left;}
.md-col6{width: 50%; float: left;}
.md-col7{width: 58.3334%; float: left;}
.md-col8{width: 66.6664%; float: left;}
.md-col9{width: 75%; float: left;}
.md-col10{width: 83.333337%; float: left;}
.md-col11{width: 91.6667%; float: left;}
.md-col12{width: 100%; float: none;}
.push-right{float: right !important;}
.push-left{float: left !important;}

body{font-size: 20px; font-family: 'pnr'; margin: 0px; padding-top: 75px;}
strong, b{font-family: 'pnr_b'; font-weight: normal;}
img{display: inline-block; max-width: 100%;}
.header{background: #1f98c8; width: 100%; position: fixed; top: 0px; left: 0px; height: 75px; z-index: 99;}
.inner{width: 980px; margin: auto; position: relative;}
.logo{float: left; width: 246px;}
.menu{float: left; padding-left: 40px; font-family: 'ProximaNova-Semibold'; font-size: 19px; padding-top: 26px;}
.menu li{float: left; padding-right: 30px;}
.menu a{color: #fff;}
.menu a:hover, .menu a.active{color: #333;}
.menu-mobile a.active{color: #333;}
.contattaci{display: block; margin-top: 14px; float: right; padding: 13px 20px 11px; line-height: 25px; font-family: 'pnr_b'; font-size: 20px; color: #000; background: #fff; border-radius: 5px;}

.video-presentazione{position: relative; text-align: center; padding-top: 48px; padding-bottom: 26px;}
.thanks{background: #ececec;}
.video-presentazione:before{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 300px; z-index: -1; background: #ececec;}
.titBig{font-family: 'pnr_b'; font-size: 42px; line-height: 42px; padding-bottom: 10px;}
.titMid{font-family: 'ProximaNova-Semibold'; font-size: 32px; line-height: 34px; padding: 0 5%;}
.frame-video{position: relative; width: 772px; height: 425px; margin: auto; margin-top: 40px;}
#player{position: absolute; top: 0px; left: 0px; width: 772px; height: 425px; z-index: 0;}
.anteprima{z-index: 1; position: relative;}
.play-vid{color: #fff; font-family: 'pnr_b'; font-size: 30px; z-index: 2;}
.play-vid a{color: #fff;}

.richiedi-preventivo{background: #d4d4d4; padding: 35px 0; color: #000;}
.testo-preventivo{font-size: 23px; line-height: 26px;}
.btn-preventivo{padding-top: 20px;}
.btnPreventivo{float: right; display: block; padding: 13px 25px 11px; color: #fff; background: #1f98c8; line-height: 25px; font-family: 'pnr_b'; font-size: 20px; border-radius: 5px;}
.btnPreventivo.center{float: none; margin: auto; width: 360px; text-align: center; font-size: 25px; line-height: 30px; margin-bottom: 20px;}

.inner-section{padding-top: 85px;}
.tit-kit{font-family: 'pnr_b'; font-size: 30px; line-height: 30px; padding-bottom: 10px; padding-top: 6px; text-align: right; width: 93%;}
.txt-kit{font-size: 20px; line-height: 23px; padding-bottom: 40px;}
.n-kit{float: left; font-family: 'ProximaNova-Semibold'; font-size: 30px;}
.contenuto-kit .obj{}
.dett-kit{margin-left: 30px; font-size: 20px; padding-top: 7px;}

.tit-prodotti{font-family: 'pnr_b'; font-size: 30px; line-height: 38px; padding: 0 5% 15px; text-align: center;}
.singolo-prodotto{padding: 10px; padding-bottom: 80px; display: inline-block; vertical-align: top; float: none;}
.img-prodotto{border:1px solid #6b6d70;}
.img-prodotto img{display: block;}
.txt-prodotto{text-align: center; padding-top: 9px;}
.txt-prodotto > .titolo{font-size: 19px; font-family: 'pnr_b'; padding-bottom: 10px;}
.txt-prodotto > .testo{font-size: 16px; padding: 0 5%;}
.tit-strumento{ font-size: 30px; line-height: 33px; background: #828282; color: #fff; text-align: center; padding: 15px 5%;}

.analisi .singolo-prodotto{padding: 40px 40px; text-align: center;}
.analisi .img-prodotto{border: none; padding-bottom: 35px;}

.tit-caratteristiche{color: #fff; background: #1f98c8; font-size: 27px; font-family: 'pnr_b'; line-height: 30px; padding: 30px 2% 24px; text-align: center; margin-bottom: 30px;}
.img-caratteristica{text-align: center;}

.richiedi-centrale{text-align: center; background: #d4d4d4; padding: 55px 0;}
.richiedi-centrale .btnPreventivo{float: none; display: inline-block; font-size: 25px; padding: 24px 25px 20px;}
.richiedi-centrale .btn-preventivo{padding-top: 0px;}

.tit-referenze{font-family: 'pnr_b'; font-size: 35px; line-height: 33px; color: #000; text-align: center; padding-bottom: 40px;}
.img-mask{max-width: 213px; max-height: 213px; overflow: hidden; margin: auto; padding-bottom: 20px;}
.tit-referente{text-align: center; padding-top: 15px; font-size: 20px; font-family: 'pnr_b';}
.desc-referente{font-size: 16px; text-align: center; line-height: 21px;}

#software{text-align: center;}
.tit-software{text-align: center; padding-bottom: 25px; font-size: 30px; line-height: 25px; font-family: 'pnr_b';}
.txt-software{font-size: 25px; text-align: center; line-height: 28px; padding-bottom: 45px;}

.azienda{padding: 30px 0; background: #ececec;}
.logo-microgate{padding-top: 45px;}
.desc-microgate{font-size: 18px; line-height: 21px;}

.content-contatti{background: #1f98c8; padding-bottom: 40px;}
.modulo{background: #ececec; box-shadow: 0 0 9px rgba(98,98,98,0.75); padding: 50px 35px 35px;}
.tit-modulo{font-size: 43px; line-height: 43px; font-family: 'pnr_b'; color: #000; padding-bottom: 10px;}
.subtit-modulo{font-size: 18px; padding-bottom: 30px;}
.category-modulo > div{padding-bottom: 20px; font-size: 18px;}
.category-modulo input[type="radio"]{margin-right: 5px;}
.riga-form{padding-bottom: 10px; position: relative;}
.riga-form input[type="text"]{width: 100%; color: #999; border: 1px solid #1f98c8; line-height: 40px; height: 40px; padding: 0 10px; font-size: 18px;}
.selectboxit-container .selectboxit{border: 1px solid #1f98c8; line-height: 40px; height: 40px; border-radius: 0px !important; background: #fff !important;}
.selectboxit-container span, .selectboxit-container .selectboxit-options a{line-height: 40px !important; height: 40px !important; font-size: 18px; color: #999; font-family: 'pnr';}
.selectboxit-default-arrow{border-top: 7px solid #333 !important;}
.selectboxit-container, .selectboxit-container .selectboxit, .selectboxit-container .selectboxit-options{width: 100% !important; max-width: 100% !important; min-width: 0px !important;}
.privacy-breve{padding-top: 10px; padding-bottom: 50px;}
.fakePrivacy{display: block; float: left; width: 25px; height: 25px; border: 1px solid #1f98c8; line-height: 25px; text-align: center; font-size: 18px; background: #fff; color: #fff;}
.fakePrivacy.si{color: #1f98c8;}
.txt-privacy-breve{margin-left: 40px; font-size: 14px; line-height: 16px;}
.txt-privacy-breve a{color: #000; text-decoration: underline;}
.submitForm{text-align: center; width: 100%; font-family: 'pnr_b'; font-size: 30px; height: 60px; background: #1f98c8; color: #fff; cursor: pointer; border: none; border-radius: 5px;}
.submitForm:hover{ background: #fff; color: #1f98c8;}

.call-us{background: url(../img/arrow-call.png) 25px 40px no-repeat; padding: 150px 0 0 60px; font-family: 'pnr_b'; font-size: 40px; color: #fff;}
.call-us span{font-size: 35px; margin-left: 20px;}
.footer{background: #fff; padding: 50px 0; font-size: 16px; line-height: 18px;}
.aln-dx{text-align: right;}
.aln-dx span{position: relative;}
.aln-dx span img{position: absolute; left: -45px; top: -10px;}
.menu-mobile{display: none;}
.burger{display: none; position: absolute; top: 5px; right: 0px; font-size: 50px; color: #fff;}
.callme{color: #fff !important;}
.onlySmart{display: none;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 1280px) {
  .slick-prev{left: -15px;}
  .slick-next{right: -15px;}
}

@media screen and (max-width: 1023px) {
  .inner{max-width: 96%;}
  .frame-video{height: auto; width: 100%;}  
  #player{height: 100%; width: 100%;}
  .btnPreventivo{text-align: center;}
  .desc-microgate{padding-left: 30px;}
  .tit-modulo{font-size: 34px; line-height: 34px;}
  .subtit-modulo{padding-bottom: 20px;}
  .category-modulo > div{font-size: 16px;}
  .call-us, .call-us span{font-size: 31px; color: #000;}
  .tit-prodotti, .tit-caratteristiche{font-size: 27px; line-height: 32px;}
  .txt-kit{font-size: 18px; padding-bottom: 20px;}
  .ilkit{max-width: 90%;}
  nav{display: none;}
  .menu-mobile{position: fixed; right: 0px; top: 75px; width: 100%; background: #1f98c8; color: #000; z-index: 4;}
  .menu-mobile li a{display: block; color: #000; padding: 10px 20px; text-align: right; font-family: 'ProximaNova-Semibold'; font-size: 19px;}
  .burger{display: block;}
}

@media screen and (max-width: 768px) {
  .tm-col1{width: 8.33333%;}
  .tm-col2{width: 16.6666%;}
  .tm-col3{width: 25%;}
  .tm-col4{width: 33%;}
  .tm-col5{width: 41.6666%;}
  .tm-col6{width: 50%;}
  .tm-col7{width: 58.3334%;}
  .tm-col8{width: 66.6664%;}
  .tm-col9{width: 75%;}
  .tm-col10{width: 83.333337%;}
  .tm-col11{width: 91.6667%;}
  .tm-col12{width: 100%; float: none;}

}
@media screen and (max-width: 767px) {
  .sm-col1{width: 8.33333%; float: left;}
  .sm-col2{width: 16.6666%; float: left;}
  .sm-col3{width: 25%; float: left;}
  .sm-col4{width: 33%; float: left;}
  .sm-col5{width: 41.6666%; float: left;}
  .sm-col6{width: 50%; float: left;}
  .sm-col7{width: 58.3334%; float: left;}
  .sm-col8{width: 66.6664%; float: left;}
  .sm-col9{width: 75%; float: left;}
  .sm-col10{width: 83.333337%; float: left;}
  .sm-col11{width: 91.6667%; float: left;}
  .sm-col12{width: 100%; float: none;}
  .cc-cookies { position: fixed;}
  .burger{font-size: 40px;}
  .singolo-prodotto{width: 100%;}
  .modulo{width: 100%;}
  .call-us{width: 100%;}
  .footer div{width: 100%; text-align: center;}
  .titBig{font-size: 31px; line-height: 31px;}
  .titMid{font-size: 21px; line-height: 24px;}
  .play-vid{font-size: 20px;}
  .play-vid img{max-width: 50px;}
  .testo-preventivo{font-size: 18px; line-height: 21px;}
  .btnPreventivo{float: none;}
  .tit-kit{font-size: 26px; line-height: 26px; padding-top: 0px;}
  .n-kit{font-size: 20px;}
  .dett-kit{font-size: 18px; padding-top: 0px; margin-left: 20px;}
  .tit-prodotti, .tit-caratteristiche{font-size: 21px; line-height: 24px;}
  .tit-caratteristiche{padding-top: 20px}
  .singolo-prodotto{padding-bottom: 30px;}
  .tit-referenze{font-size: 26px;}
  .txt-prodotto > .titolo{font-size: 18px; padding-bottom: 0px;}
  .tit-strumento{font-size: 18px; line-height: 21px;}
  .desc-microgate{padding: 30px 0 0;}
  .logo-microgate{padding-top: 0px;}
  .tit-modulo{font-size: 26px; line-height: 26px;}
  .modulo{padding: 30px 15px;}
  .call-us{background: none; padding: 30px 0 0; text-align: center;}
  .call-us, .call-us span{font-size: 26px; margin: 0px;}
  .privacy-breve{padding-bottom: 25px;}
  .call-us span img{max-width: 50px;}
  .aln-dx{margin-top: 70px;}
  .aln-dx span img{top: -50px; left: 50%; margin-left: -16px;}
  .onlySmart{display: block;}
  .hideSmart{display: none;}
  .img-prodotto{max-width: 309px; margin: auto;}
  .slick-dots li.slick-active button:before{color: #1f98c8 !important;}
  .slick-prev{left: 0px;}
  .slick-next{right: 0px;}
  .tit-kit{width: 100%; text-align: center;}
  .ilkit{max-width: 100%; padding-bottom: 20px;}
  .inner-section{padding-top: 45px;}
  .analisi .singolo-prodotto{padding: 20px;}
  .analisi .img-prodotto{padding-bottom: 5px;}
  .richiedi-centrale .btnPreventivo{padding: 24px 15px 20px; font-size: 23px;}
  .sm-col6.singolo-prodotto{width: 50%; float: none;}
}




@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
HACK per centrare in verticale
   ========================================================================== */
/* The ghost, nudged to maintain perfect centering */
.center1:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* The element to be centered, can
   also be of any width and height */ 
.center2 {
  display: inline-block;
  vertical-align: middle;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }*/

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.category-modulo label
{
    font-weight:normal;
    font-size:16px;
}