/*
========================================================================
# - 1.3 - Preloader styles
------------------------------------------------------------------------
*/

#faceoff1,
#faceoff {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#preloader1,
#preloader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #feec01;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

#preloader1:before,
#preloader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #004C9A;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#preloader1:after,
#preloader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #a59e9a ;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#faceoff1 .preloader-section,
#faceoff .preloader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

/* Loaded */
.loaded #faceoff .preloader-section {
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #preloader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.loaded #faceoff {
    visibility: hidden;

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;
            transition: all 0.3s 1s ease-out;
}
/*----------------------- Main Nav -----------------------*/
#mainNav{
    min-height:56px;background-color:#fff;
    background-color: white;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.28);
}
#mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:#004C9A;border:1px solid #004C9A}
#mainNav .navbar-toggler:focus{outline:0}
#mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}
#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
#mainNav .nav-top a{color: #fff;}
#mainNav .nav-top{
    background-color: #004C9A;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.dropdown-menu {top: 70%;left: -0.1rem;}
.dropdown-item{text-transform: uppercase; font-size: 0.8rem; padding: .5rem 1.5rem !important;}
.dropdown-item:hover{color: #004C9A; }
.dropdown-item:focus{background-color: #004C9A; color: white;}
section {padding: 5rem 0;}
.section-1{padding: 3rem 0;}

.back-to-top {
    background: #004c9a;
    color: #fff;    
    position: fixed;
    display: none;
    padding: 6px 12px 9px 12px;
    font-size: 16px;
    border-radius: 2px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 1000;
}
.back-to-top:hover,
.back-to-top:focus {
    background: #1D6AC6;
    color: #ffed03;
    outline: none;
}

@media screen and (min-width:992px){
    #mainNav{padding-top:1.4rem;padding-bottom:0;border-bottom:none;
             -webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
    #mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}
    #mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 0.5rem 1.5rem;color: #004c9a;text-transform: uppercase; border-bottom: 0.25rem  solid #fff;font-size: 1rem;}
    #mainNav .nav-link:hover,
    #mainNav .nav-link:active{color:#999;  border-bottom: .25rem  solid #004C9A;}
}
.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0; overflow: hidden;
         background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),
             url(../img/bg-masthead.jpg);background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),
             url(../img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.masthead h1{font-family:'Varela Round';font-size:2.5rem;line-height:2.5rem;letter-spacing:.8rem;
            background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));
            -webkit-text-fill-color:transparent;-webkit-background-clip:text}
.masthead h2{max-width:20rem;font-size:1rem}
@media (min-width:768px){
    .masthead h1{font-size:4rem;line-height:4rem}
}
@media (min-width:992px){
    .masthead{height:100vh;padding:0;}
    .masthead img {height:100vh;padding:0;}
    .masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}
    .masthead h2{max-width:30rem;font-size:1.25rem}
}
@media (min-width:992px){
    .projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #004C9A}
}
.projects-section .project-text{padding:3rem;font-size:90%}
@media (min-width:992px){
    .projects-section .project-text{padding:5rem}
    .projects-section .project-text hr{border-color:#004C9A;border-width:.25rem;width:30%}
}
/*Cerca*/
.cerca-home {
    width: 245px;
    background: rgba(0,76,154,1);
    position: absolute;
    top: 21%;
    z-index: 100;
    left: 0%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    padding: 1rem;
    border-radius: 14px;
}
.cerca-home .tit_cerca h2{
    font-size: 1rem;
    color: #fded01;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid;
    border-radius: 5px;
    padding: 0.5rem;
    margin-bottom: 0.8rem;
    font-weight: bold;
    
}
.cerca-home .tit_cerca {
    width: 100%;
    height: 52px;
}
.cerca-home select option{color: #161616 !important;}
.cerca-home select,
.cerca-home input[type="text"] {
    color: #fff!important;font-size: 0.85rem;
    background: none!important;
    border: 1px solid #fff!important;
    border-radius: 5px;
}
.cerca-home .form-control {height: 30px;padding: .2rem;}
.cerca-home .col-md-12 {
    height: 55px;
}
.btn-cerca-control a{width: 217px; margin-bottom: 0.4rem; }
.cerca-home input[type="text"]::placeholder {color: #fff !important;}
.ordina{margin: 0;}
.ordina a{width: 187px;}

.btn-outline-primary:hover {background-color: #004C9A}
.btn-outline-primary {
    color: #004C9A;
    border-color: #004C9A;
}
#section-cerca{/*background-color: #fff !important;*/background-color: #004C9A !important;padding: 1rem;margin-top: 3rem;-webkit-box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);}
#section-cerca h2 {font-size: 1.5rem;/*color: #004C9A;*/ color:#fdec00; margin-top: 1rem;padding-bottom: .2rem; border-bottom: 1px solid #fdec00;}
#section-cerca hr{ border-top: 1px solid rgba(255,255,255,.7); }
#section-cerca .form-control{color: #004c9a;}
#section-cerca select, #section-cerca input[type="text"] {
    color: #004c9a !important;
    font-size: 0.85rem;
    border: 1px solid #fff!important;
    border-radius: 5px;
}
#section-cerca .btn-outline-primary {background-color: #fdec00;}
#section-cerca .btn-outline-primary:hover {background-color: transparent !important; color: #fdec00; border-color: #fdec00 !important;}
#section-cerca input[type="text"]::placeholder { 
    color: #004c9a !important;
    opacity: 1; 
}

/*About*/
#about h2{color: #004C9A; font-weight: bold;}
#about p {
    font-size: 1.24rem;
    line-height: 1.5;
    margin-top: 1rem;
}

/*proposte*/
#proposte{margin-top: 2rem;}
#proposte .img-proposte {height: 270px;width: 270px;margin: 0 auto; -webkit-box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: -1px 1px 5px 0px rgba(50, 50, 50, 0.75); overflow: hidden; }
#proposte .img-proposte img {max-width: 230px; margin-top: 15px;}
#proposte .info-proposta{margin-top: 1rem;}
#proposte .info-proposta a {max-width: 340px;text-align: center;margin: 20px auto;}

/*Single*/
.single{padding-top: 1.5rem !important;}
.single .scheda-generale{padding-left: 0.4rem;}
.single .scheda-generale .card{height: auto;}
/*#section-cerca{display: block;}*/
a:focus {
    text-decoration: none;
    color: #fff;
}
.info-item h6{border-radius: 0.2rem;background-color: #343a40!important; color: white; padding-top: 0.15rem; padding-bottom: 0.15rem; text-align: center;line-height: 1.5;}
.info-item .table td, 
.info-item .table th {border-bottom: 1px solid #dee2e6; border-top:0;}
.slick-initialized .slick-slide{max-height: 405px;overflow: hidden;}

/*Service*/
.item-service {
    text-align: center;
    padding: 2rem 0.5rem;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    background-color: #fff;
    margin-bottom: 2rem;
    height: 13rem;
    
}
.img-service img {
    height: 5rem;
    width: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.img-service {
    margin: 0 auto;
}
.title-service h4{
    font-size: 0.8rem;
    text-transform: uppercase; 
    font-weight: bold; 
    color: #444;
}
.box-service{height: 340px; overflow: hidden; margin-bottom: 2rem}
.h2-blu {
    color: #1D6AC6;
    font-weight: bold;
    text-transform: uppercase;
}
.service-card .back {background-color: transparent;  max-width: 497px; margin: 0 auto;}
.service-card .front, .service-card .back {
    text-align: center;
}
.service-card .front img, .service-card .back{
    border-radius: 0.3rem;
    border-bottom: .25rem solid #1D6AC6;
    border-top: .25rem solid #1D6AC6;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3);
}
.service-card .front figcaption{
    position: absolute; 
    width: 100%;
    top: 38%;
    padding: 2rem;
    background: rgba(255,255,255,0.7);
    color:#1d6ac6;
    text-transform: uppercase;
    font-weight: bold;
}
.service-card .back .card{
    height: 332px;
}
.service-card .back .card-title{
    color:#1d6ac6;
}
.service-card .back .img-service img {height: 3rem;}
.service-card .back .card-text{
    color: #212529;
}
.service-card .btn-primary {
    background-color: #1d6ac6;
    border-color: #1d6ac6;
}
.service-card .btn-primary:hover {
    color:#1d6ac6;    
    background-color: transparent;
}
/*contatti*/
.contact-section{padding:1rem 0 0}
.contact-section i {font-size: 3rem;}
.contact-section .card{border:0;border-bottom:.25rem solid #004C9A;background-color: rgba(255,255,255, 0.8);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);}
.contact-section .card h4{font-size:.9rem;font-family:'Varela Round';text-transform:uppercase;letter-spacing:.15rem; font-weight: bold;}
.contact-section .card hr{border-color:#004C9A;border-width:.25rem;width:3rem}
.social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);border-radius:100%;line-height:3rem;
    color:rgba(255,255,255,.3)}
.social a:hover{color:rgba(255,255,255,.5)}
.social a:active{color:#fff}
body{font-family:Nunito;letter-spacing:.0625em; width: 100% !important;padding: 0;margin: 0;}
a{color:#004C9A}
a:focus,a:hover{text-decoration:none;color:#3c6360}
.bg-black{background-color:#161616!important}
.bg-primary{background-color:#004C9A!important}
.bg-secondary{background-color:#a9abac!important}
.text-primary{color:#004C9A!important}footer{padding:5rem 0}
.map{margin-bottom: -0.3rem;}
iframe{width: 100%; height:20rem;}
.contact-1{background-image: url(../images/parallax/cerco-casa-bg-contatto.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}

/*Form*/
.btn-primary {background-color: #004C9A;border-color: #004C9A;}
label{font-weight: bold;}
.contact-section textarea.form-control {height: 12.5rem; min-height: 12.5rem; max-height: 12.5rem;}
.custom-control-label::before{background-color: #a9abac;}
::placeholder { 
    color: #6e7780 !important;
    opacity: 1; 
}

::-ms-input-placeholder { 
    color: #6e7780 !important;
}

::-ms-input-placeholder { 
    color: #6e7780 !important;
}

/*Pages*/
.page{padding-top: 8.4rem;}
.page section {padding: 3.5rem 0;}
/*List Item*/
#list-item {
    background: #f2f2f2;
}
#list-item .item-prod:hover{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}    
#list-item .item-prod{    
    background: #FFFFFF;
    padding-top: 0.8rem;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 2px 0px rgba(204,204,204,1);
    max-width: 49%;
    margin: 0 auto 2rem;
}
#list-item .item-prod .img-preview{height: 223.47px;overflow: hidden;background-color: #004C9A;}
#list-item .tipologia{
    text-align: center;
    font-size: 1.5rem;
    color: #004C9A;
}
#list-item .descrizione{text-align: justify;min-height: 265px;max-height: 265px;overflow-y: auto;}
#list-item .descrizione p {padding-right: 1rem;}
#list-item .info{color: #161616;}
#list-item figure{position: relative}
#list-item .citta {
    text-align: center;
    font-size: 0.8rem;
    border-top: 0.05rem solid #004C9A;    
    padding: 1rem;
}
#list-item .details,
.page .details {
    margin-bottom: 1rem; 
}
#list-item .icon,
.page  .details .icon{
    text-align: center;
    font-size: 0.8rem;
    padding: 0 0.2rem;
}
#list-item .icon img,
.page .details .icon img {
    height: 20px;
    margin-bottom: 0.5rem;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    
}
#list-item .codice {
    position: absolute;
    top: 9px;
    padding: 0.3rem 1rem;
    background: rgba(0,0,0,0.5);
    min-width: 50%;
    color: white;
}
#list-item .generale{
    background: #004C9A;
    color: white;
    margin: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/*Parallax*/
.parallax-title{padding: 1.2rem 0 0.7rem !important;}
.section-title .title-line{color: #fff !important;}
.section-title h2{
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
}
.parallax-1 {padding-top: 1.2rem !important;}
.page .parallax-title {padding-top: 2.2rem !important;}

/*Footer*/
footer a, footer strong{
    color: rgba(255,255,255,1)!important;
}

/*Modal*/
.modal h2 {
    font-size: 1.5rem;
}

/*assets*/
.text-shadow{text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.75); }
.text-normal{font-weight: normal !important;}
.c-pointer{cursor: pointer;}
.ml-6{margin-left: 5%}
.line-v-left{border-left: .5rem solid #004C9A;}
.title-line{width: 100%; color:#004C9A; overflow: hidden;} 
.title-line:before, 
.title-line:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 .5em 0 -50%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
.title-line:after {
  margin: 0 -50% 0 .5em;
}
.relative{position: relative;}

.pa-t1{position: absolute; top: -19px;}
@-moz-document url-prefix() {
 .pa-t1{position: absolute; top: -4px;}
}
.py-6{padding-bottom: .75rem!important;padding-top: .75rem!important;}
.py-1{padding-bottom: .5rem!important;padding-top: .5rem!important;}

.mb-0{margin-bottom: 0;}
.my-1{margin-bottom: 1rem!important;margin-top: 1rem!important;}
.mt-6{margin-top: 17px;}

.min-h-1{min-height: 257px;}
.hr-1 {
    border-color: #004C9A;
    border-width: .25rem;
    width: 3rem;
}
.minh-md-1{min-height: 263px;}
.scheda-generale .badge {padding: 1em .4em;}
.border-curve{border-radius: 10px;}
.uppercase{text-transform: uppercase;}

.cerca-mobile, .btn-esci-cerca-mobile, .box-cerca-mobile{display: none;}
@media screen and (max-width:767px){
    h2 {font-size: 1.5rem;}
    /*Pages*/
    .page{width: 106.5%;}
}

@media screen and (max-width:1199px){
    .container {max-width: 95%;}
    #mainNav .nav-top a {font-size: 0.85rem;}
    #list-item .item-prod{font-size: 0.8rem;}
    .section-title h2 {font-size: 2rem;}
    #list-item .tipologia {font-size: 1.2rem;}
    .descrizione p {min-height: 300px;max-height: 300px;}    
    .slick-initialized .slick-slide{max-height: 343px;}
    #section-cerca h2 {font-size: 1.2rem;color: #004C9A;}
    #section-cerca .form-control{padding: .375rem .2rem;}
    #section-cerca .tit_cerca.col-md-12,
    #section-cerca .form-group.col-md-12{padding-left: .5rem !important;padding-right: .5rem !important;}
    #mainNav .navbar-brand img{width: 200px;} 
    .box-service {height: 297px;}
    .service-card .back .card {height: 290px;}
    .service-card .front img{width: 92.4%;}
    .service-card .back {width: 92.5% !important;}
    .page {padding-top: 6.4rem;}
    .page h3 {font-size: 1rem;}
}
@media screen and (max-width:1060px){
    .service-card .back .img-service img {display: none;}
    .box-service {height: 280px;}
    .service-card .back .card {height: 273px;}
}
@media screen and (max-width:991px){
    body{font-size: 0.9rem;}
    h2 {font-size: 1.5rem;}
    .section-title h2 {font-size: 2rem;}
    .container {max-width: 100%;padding: 0 1rem;}
    #mainNav .navbar-brand img {width: 209px;margin-top: 1rem;}
    .masthead{padding: 7rem 0 0; overflow: visible;background: transparent !important;height: 77vh;}
    .cerca-home {padding: 1rem;}
    .cerca-home .mt-4{margin-top: 1rem!important;}
    .cerca-home .tit_cerca h2 {font-size: 1rem; border: 0;}
    .cerca-home .tit_cerca {height: 37px;}
    .form-control{font-size: 0.9rem;}
    .nav-1,.nav-2,.nav-3  {display: block;}
    #list-item .col-sm-6.item-prod {-ms-flex: 0 0 47%;flex: 0 0 47%;max-width: 47%;}
    .descrizione p {min-height: 240px;max-height: 240px;}
    #mainNav .navbar-toggler {position: absolute;right: 15px;top: 3rem;}
    .page {padding-top: 7.4rem;}
}

@media screen and (min-width:767px) and (max-width:991px){  
    .slick-initialized .slick-slide{max-height: 271px;}
}

@media screen and (max-width:900px){ 
    #list-item .col-sm-6.item-prod {-ms-flex: 0 0 93%;flex: 0 0 93%;max-width: 93%;}
    #list-item .col-md-9 {-ms-flex: 0 0 67%;flex: 0 0 67%;max-width: 67%;}
    #list-item .col-md-3 {-ms-flex: 0 0 32%;flex: 0 0 32%;max-width: 32%;}
    .descrizione p {min-height: 50px;max-height: 240px;}
    .service-card .back .card {height: 260px;}
}
@media screen and (max-width:850px){ 
    .box-service {height: 255px;}
    .service-card .back .card {height: 245px;}
}
@media screen and (max-width:800px){
    .service-card .back .card {height: 227px;}
}
@media screen and (max-width:767px){
    .masthead{height: auto;}
    .email-top.px-0{padding-left: 0.7rem !important;}
    #about img{max-width: 300px;float: none !important;}
    #about .img-about{text-align: center; margin-bottom: 1rem}
    .line-v-left {border-color: transparent;}
    .cerca-home {width: 60%;right: auto;left:auto; position: relative; margin: 0 auto; top: 1rem;}    
    .contact-section textarea.form-control {height: 5.5rem;min-height: 5.5rem;max-height: 5.5rem;}
    .contact-section i {font-size: 2rem;}
    .img-service img {height: 3rem;}
    .item-service {margin-bottom: 1rem;height: 11rem;}
    .title-service h4 {line-height: 2;font-size: 0.75rem;}
    section {padding: 3rem 0;}
    .col-12.box-slide {margin: 0 auto;-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
    .scheda-generale .minh-md-1 {min-height: auto;}
    .pa-t1 {top: -14px;}
    .mr-sm-0{margin-right: 0;}
    .form-richiesta .card-body {padding: 0.7rem;}
    .btn-cerca-control{text-align: center;}
}
@media screen and (max-width:640px){
    #list-item .col-md-9 {-ms-flex: 0 0 62%;flex: 0 0 62%;max-width: 62%;}
    #list-item .col-md-3 {-ms-flex: 0 0 37%;flex: 0 0 37%;max-width: 37%;}    
    #section-cerca h2 {font-size: 1rem;}
}
@media screen and (max-width:590px){
    #list-item .col-sm-6.item-prod {-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
    #list-item .col-md-9 {-ms-flex: 0 0 95%;flex: 0 0 95%;max-width: 95%;margin: 0 auto;}
    #list-item .col-md-3, .box-cerca-mobile {display: none;-ms-flex: 0 0 95%;flex: 0 0 95%;max-width: 95%;position: absolute;top: 80px;left: 2.5%; padding-right: 0 !important;z-index: 999;} 
    .descrizione p {min-height: auto;max-height: none;}
    .col-12.box-slide {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
    .section-title h2 {font-size: 1.3rem;}
    .form-richiesta .card-body {padding: 1.25rem;}
    .cerca-mobile{display: block;position: absolute;left: 2.5%;top: 3rem;font-size: 80%;padding: .57rem .67rem; border-radius: 5px;color: #004C9A;
    border: 1px solid #004C9A;}
    .ordina {margin: 0 0 .5rem;float: none !important;text-align: center;}
    #list-item .col-md-3{}
    .btn-esci-cerca-mobile{display: block;}
    .btn-cerca-mobile,
    .btn-esci-cerca-mobile{-ms-flex: 0 0 50% !important;flex: 0 0 50% !important;max-width: 50% !important;}
    #section-cerca {border-radius: 1rem;margin-top: 2.7rem;}
    #section-cerca h2 {font-size: 1.2rem;color: #fdec00;margin-top: 0rem;}
    
}
@media screen and (max-width:560px){
    .box-service {height: 236px;}
}
@media screen and (max-width:500px){
    .box-service {height: 235px;}
}
@media screen and (max-width:480px){
    .box-service {height: 300px;}
    .service-card .back .card {height: 290px;}
    .info-item h6 {font-size: 0.8rem;}
}
@media screen and (max-width:435px){
    #mainNav .nav-top a {font-size: 0.75rem;}
    .cerca-home {width: 80%;}
    section {padding: 2rem 0;}
    #list-item .col-sm-6.item-prod {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
    .col-12.box-slide {-ms-flex: 0 0 95%;flex: 0 0 95%;max-width: 95%;}
    #mainNav .navbar-brand {margin-left: 0 !important;}
    .cerca-mobile{right: 70px !important; left: auto;}
    #list-item .col-md-3 {left: 0.65%;}
    .box-service {height: 277px;}
    .service-card .back .card {height: 267px;}
}
@media screen and (max-width:400px){
    .box-service {height: 235px;}
    .service-card .back .card {height: 225px;}
    .info-item h6 {font-size: 0.8rem;}
}
@media screen and (max-width:392px){
    .box-service {height: 240px;}
    .service-card .back .card {height: 230px;}
    #mainNav .nav-top a {font-size: 0.7rem;}
}
@media screen and (max-width:372px){
    .col-2.social-top {-ms-flex: 0 0 10.666667%;flex: 0 0 10.666667%;max-width: 10.666667%;}
    .col-6.email-top{-ms-flex: 0 0 56%;flex: 0 0 56%;max-width: 56%;}
    #mainNav .nav-top a {font-size: 0.65rem;}
    #mainNav .navbar-brand img {width: 186px;margin-top: 0.5rem;}
    #mainNav .navbar-brand {padding: .9rem 0 .2rem;}
    .page {padding-top: 5.5rem;}
    .parallax-1 {padding-top: 5.7rem !important;}
    .form-richiesta .card-body {padding: 0.7rem;}
    #mainNav .navbar-toggler {top: 2.3rem;}
    #list-item .item-prod .img-preview {height: 167px;}
    .cerca-mobile{top: 2.3rem;}
}
@media screen and (max-width:360px){
    .box-service {height: 210px;}
    .service-card .back .card {height: 202px;}
}
@media screen and (max-width:350px){
    .box-service {height: 220px;}
    .box-service h5 {font-size: 1.1rem;}
    .service-card .back .card {height: 210px;}
    .card-body {padding: 0.7rem;}
}
@media screen and (max-width:325px){
    .box-service {height: 205px;}
    .service-card .back .card {height: 195px;}
}
@media screen and (max-width:320px){
   #about img {max-width: 275px;}
   #about .img-about {padding-left: 0;}
    .cerca-mobile{right: 65px !important;}
}
@media screen and (max-width:315px){
   #mainNav .nav-top{display: none;}
   #mainNav .navbar-brand {padding: 0rem 0 .2rem;}
   #mainNav .navbar-brand img {width: 140px;}
   #mainNav .navbar-toggler {top: 24%;}
   .page {padding-top: 4rem;}
    .cerca-mobile{top: 1rem;}
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background-color: rgb(0, 76, 154);}
#invia-richiesta .card{height: auto;}