/** CSS Document */
/* AUTORE ------ COLOMBO3000            */
/* SITO: ------- www.colombo3000.com    */
/* DATA -------- 07/2020                */
/* CLIENTE ----- SCALE-SICUREZZA        */
/* FRAMEWORK --- Bootstrap 4.4.1        */
/* CSS Document */

/*****************************************************************************/
/*FONT
font-family: 'Nunito Sans', sans-serif;
  font-family: "cms";

/*****************************************************************************/

@charset "UTF-8";

@font-face {
    font-display:swap;
    font-family: "scale-sicurezza";
    src:url("../fonts/scale-sicurezza.eot");
    src:url("../fonts/scale-sicurezza.eot?#iefix") format("embedded-opentype"),
        url("../fonts/scale-sicurezza.woff") format("woff"),
        url("../fonts/scale-sicurezza.ttf") format("truetype"),
        url("../fonts/scale-sicurezza.svg#scale-sicurezza") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "scale-sicurezza" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="fa-"]:before,
[class*=" fa-"]:before {
    display: inline-block;
    top: 0.1em;
    position: relative;
    font-family: "scale-sicurezza" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
 
.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}
 
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.fa-2x {
    font-size: 2em;
}
.fa-4x {
    font-size: 4em;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fa-inverse {
    color: #fff;
}

.slider .slick-prev.slick-arrow:before,
.slider .slick-next.slick-arrow:before {
    font-family: "scale-sicurezza" !important;
}

.far.fa-check-circle:before {
  content: "\61";
}
.far.fa-circle:before {
  content: "\e050";
}
.far.fa-copyright:before {
  content: "\63";
}
.fa.fa-envelope-o:before,
.far.fa-envelope:before {
  content: "\64";
}
.far.fa-map-marker:before {
  content: "\65";
}
.far.fa-phone:before {
  content: "\66";
}
.far.fa-times-circle:before {
  content: "\67";
}
.fa.fa-angle-left:before,
.fas.fa-angle-left:before,
.slider .slick-prev.slick-arrow:before {
  content: "\e106";
}
.fa.fa-angle-right:before,
.fas.fa-angle-right:before,
.slider .slick-next.slick-arrow:before {
  content: "\e107";
}
.fa.fa-calendar:before,
.fas.fa-calendar-alt:before {
  content: "\6a";
}
.fas.fa-check:before {
  content: "\6b";
}
.fa.fa-check-circle:before,
.fas.fa-check-circle:before {
  content: "\6c";
}
.fa.fa-file-pdf-o:before,
.fas.fa-file-pdf:before {
  content: "\6d";
}
.fa.fa-mobile:before,
.fas.fa-mobile-alt:before {
  content: "\6e";
}
.fas.fa-search-plus:before {
  content: "\6f";
}
.icon-certificato:before {
  content: "\70";
}
.icon-progettazione:before {
  content: "\71";
}
.icon-trasporto:before {
  content: "\72";
}


.transition-fade {
    transition: .4s;
    opacity: 1;
}
html.is-animating .transition-fade{
    opacity: 0;
}


/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/
body{background:#ffffff; font-family: 'Nunito Sans', sans-serif; color:#000; font-size:18px;font-weight: 300;line-height: 1.5em;}

.clear{ clear:both;}
a, a:hover, a:focus{color:#000; text-decoration: none;}
p {padding-bottom: 15px;line-height: 1.5em;}
p:last-child {padding-bottom: 0;}
.marginTop {padding-top: 15px;}
.image-center {text-align: center;}
.image-center img {margin: 0 auto;}
.img-responsive {max-width: 100%;height: auto;}

.h1, h1{font-size:40px;color:#000;width:100%; text-align:center;}
h2{font-size:30px;color:#000;width:100%; text-align:center;text-transform: uppercase;}
h3{font-size:24px;color:#000;font-weight: 700;width:100%;}
h4{font-size:20px;color:#000;font-weight: 700;width:100%;margin-bottom: 15px;}

.slide-h1 {
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    line-height: 1.4em;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.6);
    z-index: 90;
}
.slide-h1 span {
    font-size: .75em;
    font-weight: 400;
}

strong, b {font-weight: 700;}

div.fade_effect {display: block;cursor: pointer;padding-bottom: 15px;font-weight: 700;}
div.fade_effect:hover {font-weight: 700;}
div.fade_effect:before {content: "\e103";font-family: "cms";display: inline-block;padding-right: 15px;}
div.fade_text {display: none;padding-bottom: 15px;}

/*TABLE*/
table{width:100%; margin:0 auto;}
table tr td {border-top:1px solid #ccc; padding:5px 10px;}
.table>tbody>tr:last-child>td, .table>tfoot>tr:last-child>th {border-bottom:1px solid #ccc;}

.table-striped>tbody>tr:nth-of-type(odd) {background: none !important;}

/*FORM CONTROL*/
.grecaptcha-badge {display: none;}
.form-control {
    margin: 5px 0px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dadada;
    border-radius: 0;
}
.form-control:focus {
    color: #333334;
    background-color: #fff;
    border-color: #fcbd00;
    outline: 0;
}
label{font-weight:normal; text-align: center; font-size:12px;}
.response_positive {text-align: center;line-height: 25px;}
.response_positive i {font-size: 40px;padding-bottom: 15px;color: green;}
.response_positive a, label a, .response_positive a:hover, label a:hover {color:#666;}
.alert-code {background-color: #f00;padding: 15px;font-size: 16px;color: #fff;font-weight: 700;}
.contact-btn {display: inline-block;}
.checkbox_privacy {position: relative;}
.checkbox_privacy .input_checkbox {display: inline-block;float: left;width:20px;text-align: left;line-height: 0;}
.checkbox_privacy input[type=checkbox] {margin:0px;}
.checkbox_privacy .text {display: inline-block;float: left;width:calc(100% - 20px);font-size: 14px;line-height: 18px;}
.checkbox_privacy .text a,
.checkbox_privacy .text a:hover {font-weight: 700;text-decoration:underline;} 
.checkbox_privacy input {opacity: 0;}

/*EFFECT CHECKBOX*/
input[type="checkbox"] {position: absolute; left: 3px; top: 3px; }
input[type="checkbox"] + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 1.3em; display: inline-block; color: #000; text-align: left;font-size: .875rem;}
input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #fcbd00; background: #fff; border-radius: 50%; }
input[type="checkbox"]:checked + label:before {background: #fcbd00;-webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.upload {height: 160px;background: url(../img/img.png) center no-repeat #fff;color: #000;background-position: 50% 20%;width: 50%;float: right;margin: 20px 0 0;clear: both;position: relative;}
.upload p {position: absolute;bottom: 0;width: 100%;text-align: center !important;}
.upload input {width: 100%;height: 100%;opacity: 0;}
.list {width: 50%;float: left;}
.list p, .list ul li {font-weight: 300;font-size: 12px;font-style: italic;text-transform: inherit;margin-bottom: 5px;}
.list ul li.success {background: #008600;color: #fff;font-weight: 700;font-size: 17px;padding: 10px;}
.upload_container {position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(255,255,255,0.8); z-index:1000;text-align: center;}
.upload_container img{width:40px; height:40px; margin:20% auto; }

.work-with-us-file .upload {
    font-size: 14px;
}

.form-radio-lbl {
    font-weight: 700;
    text-transform: uppercase;
}
.radio-txt {
    padding-bottom: 0;
}

/*MODAL*/
.modal{z-index:3000;}
#informativa.modal {z-index: 4000;}
.modal-backdrop{z-index:2500;}
.modal-title {width: 100%;}
.modal-title .title {padding-bottom: 0px;font-size: 24px;color: #013c63;width: 100%;text-align: center;line-height: 30px;font-weight: 700;}
.modal-footer .left {float: left;}

/*MAP*/
#map{position:relative;top:0;left:0;width: 100%; height:500px;}
#template_map{position:relative;top:0;left:0;width: 100%; height:300px;margin-top: 30px;}
#directionInput {padding-top: 40px;}
#directionsPanel {background: none;}
.adp {margin-top:40px; padding: 15px;}
.adp, .adp table {color: #6f545a !important;}
.adp, .adp table tr td {color: #6f545a;}

.animated[data-oneanimated="true"] {opacity: 0;}

/*****************************************************************************/
/*HEADER*/
/*****************************************************************************/
header {
    overflow: hidden;
}

#top_content {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #c4c4c4;
    z-index: 100;
}
.menu-animated #top_content.white-logo {
    background: #fff;
    position: fixed!important;
}
.menu-animated #top_content {
    position: absolute;
    background: transparent;
    border-bottom: 0px;
}

#top_content.white-logo #menu-top,
#top_content.white-logo .gtag_phone {
    display: none;
}

#top_content .logo-black,
.menu-animated #top_content .logo-white,
.menu-animated #top_content.white-logo .logo-black {
    display: block;
}
#top_content .logo-white,
.menu-animated #top_content .logo-black,
.menu-animated #top_content.white-logo .logo-white {
    display: none;
}

.menu-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 99;
}
.menu-animated .menu-bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
         -o-transition: .4s ease-in-out;
            transition: .4s ease-in-out;
}
.menu-animated .menu-bg.open:before {
    background: #000;
}
.menu-animated .menu-bg {
    position: absolute;
}
.menu-animated .menu-bg:before {
    left: 70%;
    bottom: 100%;
    opacity: 1;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
}
.menu-bg.open {    
    background: #000;
    -webkit-transition: .4s ease-in-out;
         -o-transition: .4s ease-in-out;
            transition: .4s ease-in-out;
}
.menu-animated .menu-bg.open:before {
    left: 0%;
    width: calc(100vh + 50%);
    height: calc(100vw + 50%);
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

nav{z-index: 1000}
.navbar {padding: 0}
.navbar-nav {width: 100%}
.nav-item {position: relative;}
.navbar-brand {margin-left: 1rem;}
/*.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 62 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}*/
.navbar-toggler {
    position: relative;
    width: 40px;
    height: 25px;
    border: 0px;
    margin-right: 1rem;
    padding: 0;
}
.navbar-toggler span.navbar-toggler-icon {
    position: absolute;
    /*width: 100%;*/
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .2s linear;
         -o-transition: .2s linear;
            transition: .2s linear;
}
.navbar-toggler.open span.navbar-toggler-icon {
	background: transparent;
}
.navbar-toggler span.navbar-toggler-icon:before,
.navbar-toggler span.navbar-toggler-icon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .2s linear;
         -o-transition: .2s linear;
            transition: .2s linear;
}
.navbar-toggler span.navbar-toggler-icon:before{
    top: -16px;
    bottom: 0;
}
.navbar-toggler span.navbar-toggler-icon:after {
    top: 0;
    bottom: -16px;
}
.navbar-toggler:hover span.navbar-toggler-icon:before {
    top: -20px;
}
.navbar-toggler:hover span.navbar-toggler-icon:after {
    bottom: -20px;
}
.navbar-toggler.open span.navbar-toggler-icon:before,
.navbar-toggler.open:hover span.navbar-toggler-icon:before,
.navbar-toggler.open span.navbar-toggler-icon:after,
.navbar-toggler.open:hover span.navbar-toggler-icon:after {
	top: 0;
	bottom: 0;
}
.navbar-toggler.open span.navbar-toggler-icon:before {
    transform: rotate(45deg);
}
.navbar-toggler.open span.navbar-toggler-icon:after {
    transform: rotate(-45deg);
}

/*MENU*/
.menu ul li a{color:#fff;text-transform:uppercase; font-weight:bold; text-shadow:none; padding: 17px 23px; }
.menu ul li a:hover, .menu ul li a:focus{background:none; color:#ebc157;}
.menu ul li.act a{color:#ebc157;}

#navbarNav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    pointer-events: none;
}
#navbarNav.show {
    pointer-events: initial;
}
.menu-animated #navbarNav {
    position: absolute;
}
.menu-animated #navbarNav.show {
    position: fixed!important;
}
/*#menu-collapse {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}*/
.menu-collapse-outer {
    height: calc(100% - 200px);
}
.menu-collapse-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.menu-collapse-container:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fcbd00;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
.show .menu-collapse-container:before {
    opacity: 1;
}
#menu-collapse > li.nav-item a.nav-link {
    display: none;
}
#menu-collapse > li.nav-item a.nav-link.nav-title {
    pointer-events: none;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #fcbd00;
}
#menu-collapse > li.nav-item a.nav-link {
    position: relative;
    font-size: 1.4em;
    color: #fff;
}
#menu-collapse > li.nav-item a.nav-link:before,
#menu-collapse > li.nav-item a.nav-link:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 100%;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
#menu-collapse > li.nav-item a.nav-link:before {
    right: calc(100% + 15px);
    left: calc(0% - 15px - 6px);
    margin: auto;
    background: #fcbd00;
}
#menu-collapse > li.nav-item a.nav-link:after {
    right: calc(100% + 15px - 6px);
    left: calc(0% - 15px - 16px + 6px - 2px);
    background: transparent;
    border: 0px solid #fcbd00;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}
#menu-collapse > li.nav-item.act a.nav-link:before,
#menu-collapse > li.nav-item a.nav-link:hover:before {
    width: 6px;
    height: 6px;
}
#menu-collapse > li.nav-item.act a.nav-link:after,
#menu-collapse > li.nav-item a.nav-link:hover:after {
    width: 16px;
    height: 16px;
    border: 1px solid #fcbd00;
}
#menu-collapse > li.nav-item a.nav-link.gtag_mail:before,
#menu-collapse > li.nav-item a.nav-link.gtag_mail:after {
    display: none;
}
.menu-collapse-phone-outer {
    height: 200px;
    background: #fff;
    display: none;
    -webkit-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
.show .menu-collapse-phone-outer {
    display: block;
}
.menu-collapse-phone-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.navbar-toggler {
    z-index: 999;
}

#menu-top .nav-item .nav-link {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
#menu-top .nav-item .nav-link {
    position: relative;
}
#menu-top .nav-item .nav-link:before {
    content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: 0;
    background: #fcbd00;
    left: -5px;
    bottom: calc(100% - 6px);
    -webkit-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
#menu-top .nav-item .nav-link.act:before,
#menu-top .nav-item .nav-link:hover:before,
.realizzazioni-page #menu-top .nav-item.realizzazioni-link .nav-link:before,
.prodotti-page #menu-top .nav-item.prodotti-link .nav-link:before {
    height: 4px;
}

#menu-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
}
#contatti #menu-bottom {
    bottom: 30px;
}
#menu-bottom .nav-item .nav-link {
    color: #000;
    font-weight: 400;
    background: #fcbd00;
    text-transform: uppercase;
}

#menu-bottom .nav-item.prodotti-link .nav-link {
	border-right: 1px solid #fff;
}
#menu-bottom .nav-item.realizzazioni-link .nav-link {
	border-left: 1px solid #fff;
}

/*SLIDE*/
.carousel {width: 100%;position: relative;}
#slide {}
.carousel-inner, #slide-mobile .carousel-inner{position:relative;overflow:inherit;}
.carousel .carousel-item img{max-width: 100%;}
.carousel .carousel-item img[class^="img-adapter"]{max-width: none;}
.carousel-indicators {display: none;}


/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/
.body-txt.main-body-txt,
.body-txt.main-body-txt p {
	font-size: 30px;
	font-weight: 100;
	line-height: 1.3em;
}
.body-txt ul {
    list-style: disc;
    padding: 15px 0px 30px 25px;
}

/*QUALITY BOX*/
.quality-box {
    border: 1px solid #dadada;
}
.quality-box-item p:last-child {
    padding-bottom: 0;
}

/*FORM PREVENTIVO*/
h2.form-title {
  font-size: 45px;
  font-weight: 700; 
  line-height: 1em; 
}
h2.form-title span {
  font-size: 24px;
  font-weight: 400;  
}

/*VARIANTS BOX*/
.variants-box .btn-link {
    font-size: 24px;
}
.variants-box h2,
.variants-box .btn-link {
    font-weight: 700;
}
.variants-box .tipologie-button {
    position: relative;
}
.variants-box .tipologie-button:before {
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    pointer-events: none;
    transition: .2s ease-in-out;
}
.variants-box .tipologie-button.button-left:before {
    top: -30px;
    right: 15px;
    bottom: -30px;
    border-bottom: 30px solid #fcbd00;
    border-left: 30px solid #fcbd00;
}
.variants-box .tipologie-button.button-right:before {
    top: -30px;
    left: 15px;
    bottom: -30px;
    border-top: 30px solid #fcbd00;
    border-right: 30px solid #fcbd00;
}

/*SLICK SLIDER*/
#box_gallery_slider {overflow: hidden;}

/*CONTATTI*/
#bottom_contact {display: none}

/*IMMAGINI ADATTATE*/
img[class*="img-adapter"] {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display: none;}
.wrapper-img-adapter div {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.img-adapter-h {display: inline!important; left:50%!important; transform:translate(-50%, 0)!important; height:100%!important; width:auto!important}
.img-adapter-v {width:100%!important; height:auto!important; display: inline!important; }
.img-adapter-in-v,
.img-adapter-in-h {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
    position: absolute;
    right: auto!important;
    bottom: auto!important;
    display: inline!important;;
}

/*Pagination*/
ul#pagination { margin: 50px 0;text-align:center;}
#pagination li{ display: inline;}
#pagination li.active{ font-weight: 900;background-color: #323232; color: #fff; padding: 10px 15px; font-size:13px;text-transform: uppercase;margin-top: 15px;display: inline-block;}
#pagination > li > a, .pagination > li > span { font-weight: 700; color: #323232; padding: 10px 15px; font-size:13px;text-transform: uppercase;margin-top: 15px;display: inline-block;}
#pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #fff; background-color: #323232;font-weight: 900;}
#pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#323232;font-weight: 900;font-size:13px;color: #fff;}


/*****************************************************************************/
/* GALLERY */
/*****************************************************************************/
.simple-gallery {margin-left: 8px;margin-right: 8px;}
.simple-gallery:before, .simple-gallery:after {display: table;content: " ";}
.simple-gallery figure{min-height: 1px;float:left; overflow:hidden;position: relative;clear:none;}

.simple-gallery figure.clear {clear: both}
div.simple-gallery figure div {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
div.simple-gallery figure img {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.simple-gallery figure figcaption {background: rgba(219, 120, 53, 0.7);color: #fff;position: absolute;text-align: center;top: 200px;padding: 8px 0;width: 100%;}

#slide-gallery {margin-left: 0px !important;margin-right: 0px !important;padding: 0 10%;}
#slide-gallery figure a {position: relative;display: block;}
#slide-gallery [class^="carousel-control"] {width: 10%;color: #000;text-shadow: 0 0 0;}
#slide-gallery [class^="carousel-control"]:focus, 
#slide-gallery [class^="carousel-control"]:hover {color: #000;text-decoration: none;filter: alpha(opacity=100);outline: 0;opacity: 1;}
#slide-gallery [class^="carousel-control"] {background: none;}
#slide-gallery [class^="carousel-control"] .icon-prev,
#slide-gallery [class^="carousel-control"] .icon-next { top:45%;}

.div-back {text-align: center;padding-top: 30px;}

div.gallery {text-align: center;}
div.gallery-list {float:left;position:relative;text-align: center;width: calc(50% - 30px);display: inline-block;margin: 15px;}
div.gallery-list a{color: #fff;display: block;}
div.gallery-list a:hover{color: #fff;}
div.gallery-list .wrapper-img-adapter {width: 100%;min-height: 1px;overflow: hidden;position: relative}
div.gallery-list .gallery-list-title {float: left;margin: 0;padding: 10px;width: 100%;color: #fff;background: rgba(22, 61, 122, 0.8);position: absolute;left: 0;bottom: 0%;text-align: center;font-weight: 700;text-transform: uppercase;}

/*EFFETTO GALLERY 2 IMMAGINE SINGOLA, CLICCANDO SI VISUALIZZA LA GALLERY*/
/*
.gallery_new figure.effect {position: relative;float: left;overflow: hidden;width: 100%;background: #000000;text-align: center;}
.gallery_new figure.effect * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.gallery_new figure.effect img {min-width:100%; width:100%;display: block; max-width: 100%;vertical-align: top;}
.gallery_new figure.effect i {position: absolute;top: 50%;left: 50%;border-radius: 50%;font-size: 34px;color: #444444;width: 60px;height: 60px;line-height: 60px;background: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);}
.gallery_new figure.effect.green {background-color: #f3952b;}
.gallery_new figure.effect:hover img,.gallery_new figure.effect.hover img {opacity: 0.3;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.gallery_new figure.effect:hover i, .gallery_new figure.effect.hover i {-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}

.gallery .title {font-size: 36px;line-height: 40px;font-weight: 300;text-align: center;display: block;padding-bottom: 10px;}
.gallery {margin-top: 50px;}
.gallery_new {margin-left: 8px;margin-right: 8px;}
.gallery_new:before, .gallery_new:after {display: table;content: " ";}
.gallery_new figure a{display:none;}

.single-gallery-new {display: none;}
*/

/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/

footer .black-bg {
    background: #0b0b0b;
}
footer .black-bg,
footer .black-bg p,
footer .black-bg a {
    color: #fff;
}
footer p {
    padding-bottom: 0;
}
footer .footer-link a {
    position: relative;
}
footer .footer-link a:before {
    content: ''; 
    position: absolute;
    width: 180px;
    height: 1px;
    background: #fff;
    left: 15px;
    bottom: -4px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
footer .footer-link a:hover:before {
    left: 0px;
}
footer .footer-link-logo img {
    max-height: 120px;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0.6;
}
footer .footer-link-logo:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    opacity: 1;
    -webkit-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
footer .cresits,
footer .cresits p,
footer .cresits a {
    font-size: .9em;
    color: #4d4d4d;
    font-weight: 700;
    text-transform: uppercase;
}
/*****************************************************************************/
/*POLICY COOKIES*/
/*****************************************************************************/
#policy-cookie {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
    font-size: 1.125rem;
    line-height: 1.5em;
    font-weight: 400;
    z-index: -1;
  	opacity: 0;
	animation-delay: 500ms;	
	animation-duration: 1s;
	animation-timing-function: linear;
  	animation-name: cookie_delay;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

@-webkit-keyframes cookie_delay {
	0% {opacity:0;}
	100% {opacity:1;z-index: 10000;}
}
@keyframes cookie_delay {
  	0% {opacity:0;}
 	100% {opacity:1;z-index: 10000;}
}
#policy-cookie #policy-cookie-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.5);
    padding: 3rem;
    color:#000;
}
#policy-cookie #policy-cookie-container .policy-cookie-txt,
#policy-cookie #policy-cookie-container .policy-cookie-btn {
	left: 50%;
    width: 100%;
    max-width: 940px;
    transform: translateX(-50%);
    position: relative;
}
#policy-cookie #policy-cookie-container .policy-cookie-txt {
	padding: 0 2rem 1rem;
	text-align: center;
}
#policy-cookie #policy-cookie-container .policy-cookie-txt .policy-cookie-title {
	font-size: 1.5em;
    font-weight: 700;
    padding-bottom: .5em;
}
#policy-cookie #policy-cookie-container .policy-cookie-txt a {color:#000;font-size: .9em;}
#policy-cookie #policy-cookie-container .policy-cookie-txt a,
#policy-cookie #policy-cookie-container .policy-cookie-txt a:hover {text-decoration: underline;}
#policy-cookie #policy-cookie-container .policy-cookie-btn {
	background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    padding: 1rem;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
#policy-cookie #policy-cookie-container .policy-cookie-btn a {
    white-space: nowrap;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #eee;
    padding: .75rem 3rem;
    margin: 0 .5rem;
    text-transform: uppercase;
    border-radius: 3px;
}
#policy-cookie #policy-cookie-container .policy-cookie-btn a:hover {
    opacity: 0.9;
}
#policy-cookie #policy-cookie-container .policy-cookie-btn a.cookie-btn-confirm {
	background: #0073CE;
    border: 1px solid #0067B9;
    color:#fff;
    order:1;
}
#policy-cookie #policy-cookie-container .policy-cookie-btn a.cookie-btn-decline {
    font-size: .875rem;
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    color: #59636d;
    order:0;
}	

.hide {display:none !important;}
.cookie-btn-erase {padding: 5px 15px;border: 1px solid #e2e3e4 ;font-weight: 400;display: inline-block;margin: 15px auto;cursor: pointer;}


/*****************************************************************************/
/*BTN*/
/*****************************************************************************/
button:hover,
button:focus,
button:active,
.btn:hover,
.btn:focus,
.btn:active,
.form-control:hover,
.form-control:focus,
.form-control:active {
    outline: none;
    box-shadow: none;
}

.btn {
    border: none;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px 25px;
    color: #8f8f8f;
    background:#ffffff;
    border:1px solid #fff;
    -webkit-transition: background 150ms ease-out;
       -moz-transition: background 150ms ease-out;
        -ms-transition: background 150ms ease-out;
         -o-transition: background 150ms ease-out;
            transition: background 150ms ease-out;
}
.btn:hover,
.btn:focus {
    outline: none;
    color: #ffffff;
    -webkit-transition: background 250ms ease-in;
       -moz-transition: background 250ms ease-in;
        -ms-transition: background 250ms ease-in;
         -o-transition: background 250ms ease-in;
            transition: background 250ms ease-in;
}
.btn:active,
.btn.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    color: #7a7979;
    background: #fff;
    border:1px solid #7a7979;
}

/*BTN 1*/
.btn-1 {
    background: none;
    color: #6F545A;
    font-weight: 700;
    border: 2px solid #6F545A;
    margin: 4px 0px;
    border-radius: 20px;
    padding: 8px 23px;
    font-size: 15px;
    text-transform: uppercase;
    white-space: normal;
}

.btn-1:hover,
.btn-1:focus,
.btn-1:active,
.btn-1.active,
.open .dropdown-toggle.btn-1 {
    outline: none;
    color: #f1ece4;
    background:#6F545A;
    border:2px solid #f1ece4;
    -webkit-transition: background 250ms ease-in;
       -moz-transition: background 250ms ease-in;
        -ms-transition: background 250ms ease-in;
         -o-transition: background 250ms ease-in;
            transition: background 250ms ease-in;
}
.btn-1:active,
.btn-1.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #f1ece4;
    background:#6F545A;
    border:2px solid #f1ece4;
}

/*BTN 2*/
.btn-2 {
    background: #fff4d8;
    color: #fff;
    font-weight: 500;
    border: 1px solid #fff4d8;
    margin: 4px 0px;
    border-radius: 20px;
    padding: 8px 23px;
    font-size: 15px;
    text-transform: uppercase;
    white-space: normal;
}

.btn-2:hover,
.btn-2:focus,
.btn-2:active,
.btn-2.active,
.open .dropdown-toggle.btn-2 {
    outline: none;
    color: #fff4d8;
    background:#fff;
    border:1px solid #fff4d8;
    -webkit-transition: background 250ms ease-in;
       -moz-transition: background 250ms ease-in;
        -ms-transition: background 250ms ease-in;
         -o-transition: background 250ms ease-in;
            transition: background 250ms ease-in;
}
.btn-2:active,
.btn-2.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff4d8;
    background:#fff;
    border:1px solid #fff4d8;
}

/*BTN 3*/
.btn-3 {
    border: 1px solid #fcbd00;
    padding: 5px 10px;
    border-radius: 8px;
    background: #fcbd00;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-3:hover,
.btn-3:focus,
.btn-3:active,
.btn-3.active,
.open .dropdown-toggle.btn-3 {
    outline: none;
    color: #fcbd00;
    background: #fff;
    border: 1px solid #fcbd00;
    -webkit-transition: background 250ms ease-in;
       -moz-transition: background 250ms ease-in;
        -ms-transition: background 250ms ease-in;
         -o-transition: background 250ms ease-in;
            transition: background 250ms ease-in;
}
.btn-3:active,
.btn-3.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fcbd00;
    background: #fff;
    border: 1px solid #fcbd00;
}

/*BTN 4*/
.btn-4 {
    border: 2px solid #f1ece4;
    padding: 10px;
    border-radius: 35px;
    background:#f1ece4;
    color:#6f545a;
    width: 100%;
    text-transform: uppercase;
}

.btn-4:hover,
.btn-4:focus,
.btn-4:active,
.btn-4.active,
.open .dropdown-toggle.btn-4 {
    outline: none;
    color: #f1ece4;
    background:#6f545a;
    border: 2px solid #f1ece4;
    -webkit-transition: background 250ms ease-in;
       -moz-transition: background 250ms ease-in;
        -ms-transition: background 250ms ease-in;
         -o-transition: background 250ms ease-in;
            transition: background 250ms ease-in;
}
.btn-4:active,
.btn-4.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #f1ece4;
    background:#6f545a;
    border: 2px solid #f1ece4;
}


/*BTN LINK*/
.btn-link {
    border: 0;
    padding: 5px 10px;
    border-radius: 0;
    background: transparent;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: 250ms ease-in;
       -moz-transition: 250ms ease-in;
        -ms-transition: 250ms ease-in;
         -o-transition: 250ms ease-in;
            transition: 250ms ease-in;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    outline: none;
    color: #000;
    background: transparent;
    border: 0;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 250ms ease-in;
       -moz-transition: 250ms ease-in;
        -ms-transition: 250ms ease-in;
         -o-transition: 250ms ease-in;
            transition: 250ms ease-in;
}
.btn-link:active,
.btn-link.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #000;
    background: transparent;
    border: 0;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 250ms ease-in;
       -moz-transition: 250ms ease-in;
        -ms-transition: 250ms ease-in;
         -o-transition: 250ms ease-in;
            transition: 250ms ease-in;
}

/*BTN LINK SHORT*/
.btn-link-short {
    border: 0;
    border-bottom: 5px solid #fcbd00;
    padding: 5px 10px;
    border-radius: 0;
    background: transparent;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: 250ms ease-in;
       -moz-transition: 250ms ease-in;
        -ms-transition: 250ms ease-in;
         -o-transition: 250ms ease-in;
            transition: 250ms ease-in;
}

.btn-link-short:hover,
.btn-link-short:focus,
.btn-link-short:active,
.btn-link-short.active,
.open .dropdown-toggle.btn-link-short {
    outline: none;
    color: #000;
    background: transparent;
    border: 0;
    border-bottom: 5px solid #fcbd00;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 250ms ease-in;
       -moz-transition: 250ms ease-in;
        -ms-transition: 250ms ease-in;
         -o-transition: 250ms ease-in;
            transition: 250ms ease-in;
}
.btn-link-short:active,
.btn-link-short.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #000;
    background: transparent;
    border: 0;
    border-bottom: 5px solid #fcbd00;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 250ms ease-in;
       -moz-transition: 250ms ease-in;
        -ms-transition: 250ms ease-in;
         -o-transition: 250ms ease-in;
            transition: 250ms ease-in;
}

.btn-animated {
    position: relative;
    border: 1px solid #fcbd00;
    padding: 8px 12px;
    border-radius: 0;
    background: #fcbd00;
    color: #333334;
    font-weight: 600;
    text-transform: initial;
}
#top_content .btn-animated,
.menu-collapse-phone-container .btn-animated {
    color: #ffffff;
}
.menu-collapse-phone-container .btn-animated {
   font-size: 1.2em;
}
.btn-animated:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: -10px;
    border: 1px solid #fcbd00;
    background: transparent;
    -webkit-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
.btn-animated:hover,
.btn-animated:focus,
.btn-animated:active,
.btn-animated.active,
.open .dropdown-toggle.btn-animated {
    outline: none;
    color: #333334;
    background: transparent;
    border: 1px solid transparent;
}
#top_content .btn-animated:hover,
#top_content .btn-animated:focus,
#top_content .btn-animated:active,
#top_content .btn-animated.active,
#top_content .open .dropdown-toggle.btn-animated {
    color: #fcbd00;
}
.btn-animated:active,
.btn-animated.active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #333334;
    background: transparent;
    border: 1px solid #fff;
}
#top_content .btn-animated:active,
#top_content .btn-animated.active {
    color: #fcbd00;
}
.btn-animated:hover:before,
.btn-animated:focus:before,
.btn-animated:active:before,
.btn-animated.active:before {
    top: 0px;
    left: 0px;
}

/*****************************************************************************/
/*MEDIA QUERY*/
/*****************************************************************************/
@media (max-width: 1500px) {
    .menu-animated .menu-bg:before {
        left: 65%;
    }
}

@media(max-width: 1400px) {
	.h1, h1{
		font-size: 36px;
	}

	.body-txt.main-body-txt,
	.body-txt.main-body-txt p {
		font-size: 28px;
	}
}

@media (max-width: 1300px) {
    .menu-animated .menu-bg:before {
        left: 60%;
    }

    /*FORM PREVENTIVO*/
    h2.form-title {
      font-size: 40px; 
    }
    h2.form-title span {
      font-size: 20px; 
    }

    /*VARIANTS BOX*/
    .variants-box .btn-link {
        font-size: 22px;
    }
    .variants-box .tipologie-button.button-left:before {
        top: -25px;
        bottom: -25px;
        border-bottom: 25px solid #fcbd00;
        border-left: 25px solid #fcbd00;
    }
    .variants-box .tipologie-button.button-right:before {
        top: -25px;
        bottom: -25px;
        border-top: 25px solid #fcbd00;
        border-right: 25px solid #fcbd00;
    }
}

@media (max-width: 1199px) {
	.h1, h1{
		font-size: 34px;
	}
	.slide-h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 24px;
	}

	.body-txt.main-body-txt,
	.body-txt.main-body-txt p {
		font-size: 24px;
	}

    /*FORM PREVENTIVO*/
    h2.form-title {
      font-size: 36px; 
    }
    h2.form-title span {
      font-size: 18px; 
    }

    .menu-collapse-outer {
        height: calc(100% - 150px);
    }
    .menu-collapse-phone-outer {
        height: 150px;
    }

    /*VARIANTS BOX*/
    .variants-box .btn-link {
        font-size: 20px;
    }
    .variants-box .tipologie-button.button-left:before {
        top: -20px;
        bottom: -20px;
        border-bottom: 20px solid #fcbd00;
        border-left: 20px solid #fcbd00;
    }
    .variants-box .tipologie-button.button-right:before {
        top: -20px;
        bottom: -20px;
        border-top: 20px solid #fcbd00;
        border-right: 20px solid #fcbd00;
    }
}

/*IPAD ORIZZONTALE*/
@media (max-width: 1024px) {
    .menu-animated .menu-bg:before {
        left: 58%;
    }

	.body-txt.main-body-txt,
	.body-txt.main-body-txt p {
		font-size: 20px;
		line-height: 1.5em;
	}
}

@media (max-width: 992px){
}

/*IPAD VERTICALE*/
@media (max-width: 991px) {

	.h1, h1{
		font-size: 30px;
	}
	.slide-h1 {
		font-size: 30px;
	}
	.slide-h1 span {
	    font-size: .8em;
	}
	h2 {
		font-size: 22px;
	}

    .menu-animated .menu-bg:before {
        left: 45%;
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg);
    }
    #menu-collapse > li.nav-item a.nav-link.nav-title,
    #menu-collapse > li.nav-item a.nav-link {
        font-size: 1.2em;
    }
	.menu-collapse-phone-container .btn-animated {
		font-size: inherit;
	}
    
    .menu-collapse-container:before {
        display: none;
    }

    .menu-collapse-outer {
        height: calc(100% - 100px);
    }
    .menu-collapse-phone-outer {
        height: 100px;
    }

    /*MAP*/
    #map {
        height: 300px;
    }

    /*VARIANTS BOX*/
    .variants-box .btn-link {
        font-size: 18px;
    }
    .variants-box .tipologie-button.button-left:before {
        top: -18px;
        bottom: -18px;
        border-bottom: 18px solid #fcbd00;
        border-left: 18px solid #fcbd00;
    }
    .variants-box .tipologie-button.button-right:before {
        top: -18px;
        bottom: -18px;
        border-top: 18px solid #fcbd00;
        border-right: 18px solid #fcbd00;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 767px) {
	body {
		font-size: 16px;
	}

	.h1, h1{
		font-size: 26px;
	}

    .upload {width: 100%;}
    .list {text-align: center;width: 100%;margin-top: 15px;}

    .menu-animated .menu-bg:before {
        left: 70%;
        -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
        transform: rotate(35deg);
    }

    .menu-collapse-outer {
        height: 100%;
    }

    /*FORM PREVENTIVO*/
    h2.form-title {
      font-size: 28px; 
    }
    h2.form-title span {
      font-size: 16px; 
    }

    /*VARIANTS BOX*/  
    .variants-box .tipologie-button.button-left:before {
        top: -20px;
        right: 15px;
        left: 15px;
        bottom: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-top: 20px solid #fcbd00;
        border-right: 20px solid #fcbd00;
    }
    .variants-box .tipologie-button.button-right:before {
        top: 0px;
        left: 15px;
        right: 15px;
        bottom: -20px;
        border-top: 0px;
        border-right: 0px;
        border-bottom: 20px solid #fcbd00;
        border-left: 20px solid #fcbd00;
    }

    /*CONTATTI*/
    #contatti footer {margin-bottom: 53px}
    #contatti #bottom_contact {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: #fff;display: inline-block;z-index: 2;}
    #contatti #bottom_contact li {width: 50%;display: inline-block;text-align: center;float: left;}
    #contatti #bottom_contact li:first-child {border-right: 1px solid #fcbd00;}
    #contatti #bottom_contact li:last-child {border-left: 1px solid #fcbd00;}
    #contatti #bottom_contact li:hover a {background: #fcbd00}
    #contatti #bottom_contact li a {color: #fcbd00;display: block;font-size: 1.2rem;padding: .25rem 0;}
    
    input[type="checkbox"] + label {padding-left: 30px;}
    input[type="checkbox"] + label:before {width: 24px; height: 24px;}

	#policy-cookie {
		font-size: .875rem;
	}
	#policy-cookie #policy-cookie-container {
		padding: 1.5rem 1rem;
	}
	#policy-cookie #policy-cookie-container .policy-cookie-txt {
		padding: 0 .5rem 1rem;
	}
	#policy-cookie #policy-cookie-container .policy-cookie-btn {
		-ms-flex-direction: column!important;
	    flex-direction: column!important;
	}
	#policy-cookie #policy-cookie-container .policy-cookie-btn a {
		width: 100%;
		padding: .75rem 3rem;
		text-align:center;
	}
	#policy-cookie #policy-cookie-container .policy-cookie-btn a.cookie-btn-confirm {
	    order: 0;
	    margin-bottom: 0.5rem;
	    text-align: center;
	    font-size: 1.125rem;
	    letter-spacing: 1px;
	}
	#policy-cookie #policy-cookie-container .policy-cookie-btn a.cookie-btn-decline {
    	font-size: inherit;
    	padding: .5rem 3rem;
    }

}

@media (max-width: 480px) {
	.h1, h1{
		font-size: 22px;
	}
	.slide-h1 {
	    font-size: 22px;
	    line-height: 1.2em;
	}
	h2 {
		font-size: 20px;
	}

    #menu-collapse > li.nav-item a.nav-link.nav-title,
    #menu-collapse > li.nav-item a.nav-link {
        font-size: 1em;
    }

    figure div {position: relative;}
    .menu-animated .menu-bg:before {
        left: 65%;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
    }
}

@media (max-width: 350px) {
	.h1, h1{
		font-size: 20px;
	}
	.slide-h1 {
	    font-size: 20px;
	}
}

.animated.slow {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}