:root{
    --height-header: 90vh;
}
body {
    background: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    position: relative;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Play', sans-serif;
}
.header{
   height:var(--height-header)

}
.d-none{
    display: none;
}
.relative{
    position: relative;
}
.pe-0{
    padding-right: 0px;
}
.ps-0{
    padding-left: 0px;
}
#sendBtn{
    background-color: #40a535;
}
.btn-close-x{
    background-color: transparent;
    border:0;
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
.text-box{
    z-index: 9;
    top:35%;
    left:0;
    right: 0;
    text-align: center;
    color:white;
    position: absolute;
}
.text-box h2{
    padding-bottom: 20px;
    font-weight: 700;
    color: #fff;
    font-size: calc(25px + (38 - 25) * ((100vw - 300px) / (1920 - 300)));
    text-align: center;
    text-transform: uppercase; 
}
.h-50-col:hover img, .h-30-col:hover img{
    transform: scale(1.1);
    transition: all 1s ease;

}
.h-50-col img, .h-30-col img{
    transition: all 1s ease;
}
.h-50-col{
    position: relative;
    overflow: hidden;
    height: calc(var(--height-header)/2);
}
.h-30-col{
    position: relative;
    overflow: hidden;
    height: calc(var(--height-header)/3);
}
.img-header{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
h3 {
    font-size: 30px;
}

/* start page container */
@media (min-width: 768px) {
    .container {
        width: 700px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 900px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

/* end page container */

.blue {
    color: #06C;
}

.green {
    color: #40a535;
}


.titolonoleggio{
    font-size: calc(30px + (80 - 30) * ((100vw - 300px) / (1920 - 300)));
}
/* start navigation */
/* NEW 2nd-Level Dropdown CSS START */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .caret {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu.open>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.open>.dropdown-menu,
.dropdown-submenu.open>.dropdown-menu {
    display: block;
}

.dropdown-submenu .dropdown-menu {
    margin-bottom: 8px;
}

.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
    background-color: #f6f6f6;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
    background-color: #333;
}

.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu>li>a {
    padding-left: 30px;
}

.navbar-brand {
    height: auto;
    padding: 0px;
}

.nav>li {
    position: relative;
    display: block;
    padding-top:15px;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>button {
    color: #40a535;
    font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
}

.navbar-inverse .navbar-nav>li>button {
    background-color: transparent;
    border: none;
}

.navbar-nav>li>button {
    line-height: 20px;
    padding: 15px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #222;
    text-decoration: none;
    background-color: #40a535;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #222;

    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #40a535;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
    background-color: #222;
    border-radius: opx;
}

.furg{
   list-style-image: url("../images/furg.png")
}


.giustificato{
    text-align:justify;
text-justify:inter-character;
}

@media screen and (min-width:992px) {
    .dropdown-submenu .dropdown-menu {
        margin-bottom: 2px;
    }

    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu>li>a {
        padding-left: 25px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
        background-color: #3D3D3D;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul {
        background-color: #3D3D3D;
    }
}



.cent-txt{
    text-align: center;
}
/* NEW 2nd-Level Dropdown CSS END */
/* end navigation */

/* start header background slideshow */
#home {
    padding-top: 50px;
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    padding: 0;
    position: relative;
    zoom: 1;
    background-color: #371604;
    overflow: hidden;
    margin: 0;
}

.flexslider .slides {
    padding: 0;
    zoom: 1;
}

.flexslider .slides img {
    width: auto;
    display: block;
}

.flexslider .slides>li {
    display: none;
    padding: 0;
    position: relative;
    -webkit-backface-visibility: hidden;
}

.flexslider img {
    position: relative;
    width: 100%;
}

.slider-caption {
    color: white;
    background-color: rgba(0, 0, 0, 0.40);
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 7;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;*/
}

.txtblack {
    color: #000;
    font-size: 15px;
}

.nomeruspe {
    color: #000;
    font-weight: 600;
    font-size: 25px;
}

.templatemo-slider-btn {
    background: #40a535;
    border-radius: 0;
    border: 2px solid transparent;
    color: #FFFFFF;
    font-weight: bold;
    margin: 40px 0 0 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    height: 50px;
    width: 250px;
    padding: 12px 10px 10px 10px;
}

.templatemo-slider-btn:hover,
.templatemo-slider-btn:focus {
    background: #fff;
    color: #40a535;
    border: 2px solid transparent;
}

.intro {
    background: url(../images/slider/1.jpg) bottom center;
    background-size: cover;
    height: 580px;
}

#map {
    height: 200px;
}

.item {
    background: #c63027;
    text-align: center;
}

.hoffert {
    height: 40px;
}

.offerta {
    color: #fff;
    font-size: calc(17px + (24 - 17) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 500;
    padding-top: 2px;
}

.slider-size {
    height: 80vh !important;
}

.carousel-caption {
   
    right: 15%;
    left: 15%;
    z-index: 10;
    top: 10px !important;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.btn-default {
    color: #27b424;
    background-color: #fff;
    border: 2px solid #27b424;
}

.btn-default:hover {
    color: #fff;
    background-color: #27b424;
    border: 2px solid #27b424;
}

.btn-default-white {
    color: #fff;
    background-color: #27b424;
    border: 2px solid #fff;
}

.seznoleggio {
    border: none;
    background: transparent;
    color: #40a535;
    font-weight: 800;
    margin-top: 0;
    font-size: 36px;
}

.btn-default-white:hover {
    color: #27b424;
    background-color: #fff;
    border: 2px solid #fff;
}

.backtaglierba {
    background-image: url(../images/tagliaerba.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.backterra {
    background-image: url(../images/terra.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}
.hov-categorie{
    box-shadow: 5px 5px 15px #969696;
    transform: scale(1.0);
    transition-duration: 1s;
}
.hov-categorie:hover {
    box-shadow: 10px 10px 15px #969696;
    transform: scale(1.02);
    transition-duration: 1s;
}
.img-thum{
    display: none;
}

.spaziohead {
    padding-top: 40px;
    padding-bottom: 40px;
}

.titolo-head {
    padding-bottom: 20px;
    font-weight: 700;
    color: #fff;
    font-size: calc(25px + (38 - 25) * ((100vw - 300px) / (1920 - 300)));
    text-align: center;
    text-transform: uppercase;
}

.txt-head {
    padding-bottom: 40px;
    font-weight: 400;
    color: #fff;
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1920 - 300)));
    text-align: center;
    text-transform: uppercase;
}


#emergenza {
    padding: 25px 0;
    background-color: #40a535;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#emergenza h2 {
    font-weight: 400;
    margin: 0;
    margin-bottom: 15px;
}

#emergenza h3 {
    font-weight: 400;
    margin: 0;
    line-height: 35px;
    font-size: 20px;
}

#emergenza a {
    color: #fff;
    border-bottom: dotted 3px #fff;
}

#emergenza a:hover {
    color: #fff;
    border: none;
}


.hoverimg {
    position: relative;
    opacity: 1;
    transition: 0.3s ease;
    cursor: pointer;
}

.hoverimg:hover {
    transform: scale(1.2, 1.2);
    /** default is 1, scale it to 1.5 */
    opacity: 1;
}

.box-noleggio {
    background-color: #40a535;
    border-radius: 50px;
}

.titolonoleggio {
    color: #FFFFFF;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;

}

.titologiardinaggio {
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;

}

.furgoni {
    background-image: url(../images/noleggio/furgoni.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.ponteggi {
    background-image: url(../images/noleggio/ponteggi.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.ruspa {
    background-image: url(../images/noleggio/ruspa.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.generatori {
    background-image: url(../images/noleggio/generatori.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.cantiere {
    background-image: url(../images/noleggio/cantiere.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.lampade {
    background-image: url(../images/noleggio/lampade.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.levigatrice {
    background-image: url(../images/noleggio/levigatrice.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.sollevatori {
    background-image: url(../images/noleggio/transpallet.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.pompe {
    background-image: url(../images/noleggio/pompe.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.altre {
    background-image: url(../images/noleggio/altre.jpg);
    background-size: cover;
    background-position: center;
    height: 370px;
}

.taglierba {
    background-image: url(../images/noleggio/taglierba.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.decespugliatore {
    background-image: url(../images/noleggio/decespugliatore.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.motosega {
    background-image: url(../images/noleggio/motosega.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.tagliasiepe {
    background-image: url(../images/noleggio/tagliasiepe.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.tagliasiepe2 {
    background-image: url(../images/noleggio/tagliasiepe2.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.soffiatore {
    background-image: url(../images/noleggio/soffiatore.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.spaccalegna {
    background-image: url(../images/noleggio/spaccalegna.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.verricelli {
    background-image: url(../images/noleggio/verricello.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.tirofune {
    background-image: url(../images/noleggio/tirofune.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.fresaceppi {
    background-image: url(../images/noleggio/fresaceppi.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.trinciatrice {
    background-image: url(../images/noleggio/trinciatrice.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.trinciatrice2 {
    background-image: url(../images/noleggio/trinciatrice2.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.trattorino {
    background-image: url(../images/noleggio/trattorino.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.arieggiatore {
    background-image: url(../images/noleggio/arieggiatore.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.arieggiatore2 {
    background-image: url(../images/noleggio/arieggiatore2.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.spargiseme {
    background-image: url(../images/noleggio/spargiseme.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.spargisabbia {
    background-image: url(../images/noleggio/spargisabbia.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.motozappa {
    background-image: url(../images/noleggio/motozappa.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.spazzolatrice {
    background-image: url(../images/noleggio/spazzolatrice.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.reti {
    background-image: url(../images/noleggio/rete.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.carriola {
    background-image: url(../images/noleggio/carriola.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
}

.box {
    margin: 10px;

    padding-top: 100px;
    padding-bottom: 100px;
}

.box2 {
    margin: 10px;

    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-outline-light {
    border: 2px solid #fff;
    font-size: 16px;
    border-radius: 10px;
    color: #FFFFFF;
}

.btn-outline-light:hover {
    border: 2px solid #fff;
    font-size: 16px;
    border-radius: 10px;
    color: #40a535;
    background-color: #FFFFFF;
}

.titoloh1noleggio {
    font-weight: 700;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #40a535;

    text-align: center;
}

.titolonoleggiosez {
    color: #40a535;
    font-size: 30px;
    font-weight: 700;
}

.txtnoleggio {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
}

.txtnoleggio:hover {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
}

.spazioseznoleggi {
    padding-top: 50px;
    padding-bottom: 100px;
}

/* start features */
.features {
    border-bottom: 1px solid #f0f0f0;
    padding: 90px 0 90px 0;
}

.features h2 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #40a535;
    font-size: 38px;
}

.features h3 {
    font-weight: 700;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #40a535;
}

.icon .fa {
    background: #40a535;
    border-radius: 50%;
    color: #FFF;
    font-size: 28px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

}
.assonolo{
    font-size: 16px!important;
    line-height: 18px!important;
}
.icon .fa:hover {
    background: #303030;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.panel-title .fa {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.panel-title:hover .fa {
    color: #40a535;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.panel-title a:hover {
    color: #40a535;
}

.margin {
    margin: 50px 0;
}

/* end features */



/* start about */
#about {
    color: #333;
    background: #F9F9F9;
    border-bottom: 1px solid #f0f0f0;
    padding: 90px 10px 90px 10px;
}

#about .col-md-12 {
    padding: 20px 0 0 0;
}

#about h1 {
    font-weight: 700;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #40a535;
}

#about h2 {
    font-weight: 700;
    padding: 0 0 20px 0;
    color: #40a535;
    font-size: 38px;
}

#about h3 {
    font-weight: 700;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #40a535;
}

#about .skills {
    padding-top: 30px;
}

#about .progress {
    background: #999;
    height: 6px;
    margin: 10px 0 16px 0;
}

#about .progress .progress-bar-success {
    background: #40a535;
}

#about a {
    color: #40a535;
    border-bottom: 2px dotted #40a535;
}

#about a:hover {
    color: #40a535;
    border-bottom: 0px dotted #40a535;
}

.camion-responsive {
    background-image: url(../images/camion.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#about .camion-responsive h3 {
    color: #fff;
}

/* end about */






/* start info-twizy */
#info-twizy {
    background-image: url(../images/twizy.jpg);
    background-position: center center;
    background-size: cover;
}

#info-twizy .container-fluid {
    background-color: rgba(0, 0, 0, 0.40);
    padding: 100px 0 20px;
}

#info-twizy .info {
    color: #fff;
}

#info-twizy .info p {
    margin: 0;
}

#info-twizy .info h2 {
    margin: 0;
    color: #40a535;
    font-weight: 700;
    font-size: 38px;
}

#info-twizy .info h3 {
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

#info-twizy .info a.site h3 {
    margin-top: 20px;
    background-color: #40a535;
    border: 5px solid #40a535;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    border-radius: 10px;
    padding: 10px;
}

#info-twizy .info a.site h3:hover {
    background-color: #fff;
    color: #40a535;
}

#info-twizy .info a.face h3 {
    margin-top: 20px;
    background-color: #3b5998;
    border: 5px solid #3b5998;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    border-radius: 10px;
    padding: 10px;
}

#info-twizy .info a.face h3:hover {
    background-color: #fff;
    color: #3b5998;
}

/* end info-twizy */






/* start parallax */
#parallax {
    background: url(../images/slider/1.jpg);
    background-attachment: fixed !important;
    background-repeat: none !important;
    padding: 0;
    height: 300px;
    width: 100%;
}

.parallax-overlay {
    background-color: transparent;
}

/* end parallax */

/* start parallax */
#parallax2 {
    background: url(../images/slider/par2.jpg) center center/cover no-repeat rgba(6, 32, 51, .8);
    background-attachment: fixed !important;
    padding: 0
}

.parallax2-overlay {
    background-color: transparent;
    padding: 200px 0
}

/* end parallax */


/* start download */
#download {
    background: #F9F9F9;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 90px 0 90px 0;
}

#download .col-md-3 {
    margin-bottom: 20px;
}

#download h2 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #40a535;
    font-size: 38px;
}

#download h3 {
    border: 3px solid #40a535;
    background: #fff;
    color: #40a535;
    font-weight: 600;
    padding: 10px;
    margin-top: 0;
    min-height: 160px;
    font-size: 25px;
}

#download img {
    cursor: pointer;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 0px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#download img:hover {
    border-radius: 50%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
}

#download a {
    color: #333;
}

#download a:hover {
    color: #40a535;
}

.avviso {
    background: #40a535;
    border-radius: 10px;
    padding: 20px;
}

.avviso h2 {
    color: #fff !important;
    font-size: 28px !important;
}

/* end download */

/* start giardino */
#giardino {
    background: #34b04b;
    border-top: 0px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 90px 0 0px 0;
}

#giardino .col-md-3 {
    margin-bottom: 20px;
}

#giardino h2 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #fff;
    font-size: 38px;
}

#giardino h3 {
    border: 3px solid #fff;
    background: #40a535;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    margin-top: 0;
    min-height: 160px;
    font-size: 25px;
}

.giardinoimg {
    cursor: pointer;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 0px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.giardinoimg:hover {
    border-radius: 50%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
}

#giardino a {
    color: #333;
}

#giardino a:hover {
    color: #40a535;
}

.avviso {
    background: #40a535;
    border-radius: 10px;
    padding: 20px;
}

.avviso h2 {
    color: #fff !important;
    font-size: 28px !important;
}

.titolonoleggio{
    font-size: calc(30px + (80 - 30) * ((100vw - 300px) / (1920 - 300)));
    color:#40a535;
}

.txtnolegg{
    font-size: calc(25px + (30 - 25) * ((100vw - 300px) / (1920 - 300)));
    color:#1F1F1F;
    font-weight:600;
}
/* end giardino */

@import "bourbon";

.main-slider {
    background-color: #35BB3E;
}

/* Carousel Fading slide */
.carousel-fade {
    .carousel-inner {
        background: #000;
    }

    .carousel-control {
        z-index: 2;
    }

    .item {
        opacity: 0;
        @include transition-property(opacity);
    }

    .active,
    .next.left,
    .prev.right {
        opacity: 1;
    }

    .active.left,
    .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }
    

    /* Safari Fix */
    @media all and (transform-3d),
    (-webkit-transform-3d) {

        .carousel-inner>.item.next,
        .carousel-inner>.item.prev,
        .carousel-inner>.item.active.right,
        .carousel-inner>.item.active.left {
            opacity: 0;
            @include transform(translate3d(0, 0, 0));
        }

        .carousel-inner>.item.next.left,
        .carousel-inner>.item.prev.right,
        .carousel-inner>.item.active {
            opacity: 1;
            @include transform(translate3d(0, 0, 0));
        }
    }

}

.carousel-caption {
    
    right: 15%;
    left: 15%;
    z-index: 10;
    top: 80px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}


/* Carousel Control custom */
.carousel-control .control-icon {
    font-size: 48px;
    height: 30px;
    margin-top: -15px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
}

.carousel-control .prev {
    margin-left: -15px;
    left: 50%;
}

/* Prev */
.carousel-control .next {
    margin-right: -15px;
    right: 50%;
}

/* Next */


/* Removing BS L/R background */
.carousel .control-box {
    opacity: 0;
}

.carousel-control.left {
    left: 0;
    background: none;
    border: 0;
}

.carousel-control.right {
    right: 0;
    background: none;
    border: 0;
}


/* Animation */
.control-box,
a.carousel-control,
.carousel-indicators li {
    @include transition(all 250ms ease-in-out);
}


/* Hover animation */
.carousel:hover {
    .control-box {
        opacity: 1;
    }

    .carousel-control.left {
        left: 15px;
    }

    .carousel-control.right {
        right: 15px;
    }
}


/* Carouse Indicator */
.carousel-indicators {
    li {
        background: #666;
        margin: 0 3px;
        width: 12px;
        height: 12px;
        border: 0;
    }

    li.active {
        background: #fff;
        margin: 0 3px;
        border: 0;
    }
}


/* start varmatec */
.tipo {
    border: double 4px #40a535;
    margin-bottom: 30px;
}

.tipo img {
    -webkit-filter: invert(0.1);
}

.tipo:hover {
    border: solid 4px #40a535;
}

.tipo img:hover {
    -webkit-filter: invert(0);
}

/* end varmatec */



/* start contact */
#contact {
    background: #303030;
    color: #EEE;
    padding: 110px 0 110px 0;
}

#contact h2 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #40a535;
    font-size: 38px;
}

#contact .text-center p {
    padding: 0 0 60px 0;
}

#contact h2,
#contact h3 {
    padding: 0 0 20px 0;
}

#contact .form-control {
    background: transparent;
    border: 1px solid #444;
    border-radius: 0px;
    color: #FFF;
    margin: 10px 0 10px 0;
}

#contact .form-control:focus {
    background: #444444;
    border-color: transparent;
    box-shadow: none;
}

#contact input[type="submit"] {
    color: #FFF;
    font-weight: 600;
    letter-spacing: 1px;
    width: 220px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#contact input[type="submit"]:hover {
    background: #40a535;
    border-color: transparent;
    color: #FFF;
}

#contact .address {
    padding: 20px;
    padding-top: 0;
    margin: 0;
}

#contact .fa {
    color: #40a535;
    font-size: 20px;
    padding: 6px 10px 6px 0;
}

a {
    color: #fff;
}

a:hover,
a:active {
    color: #40a535;
    text-decoration: none;
}

.mappa {
    background-size: cover;
    background-position: center;
    padding: 0;
    margin-bottom: 30px;
}

.gmap3 {
    width: 100%;
    height: 300px;
}

#map {
    width: 100%;
    height: 300px;
}

/* end contact */

/* start footer */
footer {
    border-top: 1px solid #404040;
    background: #202020;
    color: #FFF;
    padding: 80px 0 40px 0;
}

footer .social_icon a {
    border: 1px solid #FFF;
    border-radius: 50%;
    color: #FFF;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin: 0 4px 24px 6px;
}

footer .social_icon a:hover {
    border-color: transparent;
    background: #40a535;
}

/* end footer */

/* starttemplatemo  go top */
.go-top {
    background-color: #40a535;
    border-radius: 50%;
    bottom: 2em;
    right: 2em;
    color: #FFF;
    display: none;
    position: fixed;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.go-top:hover {
    color: #F9F9F9;
}

/* end go top */


.menu-1 {
    background-color: #000 !important;
}









/*=================================================================
	Banner
==================================================================*/

.popup {
    width: auto;
    height: auto;
    position: fixed;
    z-index: 1000;
    right: -578px;
    bottom: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);
    padding: 0px;
    background: #fff;
    max-width: 380px;
}

.popup img {
    max-width: 400px;
}

.banner-content {
    padding-bottom: 20px;
}

.banner-content h2 {
    letter-spacing: 2px;
    font-size: calc(30px + (45 - 30) * ((100vw - 300px) / (1920 - 300)));
    margin: 5px 0;
    color: #40a535;
}

.banner-content i {
    font-size: 23px !important;
    margin: 0 15px;
    color: #484848 !important;
    margin-top: 10px;
}

.banner-content:hover i {
    color: #40a535 !important;
}

.banner-content h3 {
    letter-spacing: 2px;
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    line-height: 1.5;
    margin: 8px 0;
    color: #484848;
    margin-bottom: 0;
}

.banner-content p {
    color: #484848;
}

.divisore {
    border-bottom: dashed 10px #009ED6;
}

.banner-content a {
    color: #444;
    border-bottom: 1px dashed #444;
}

.banner-content a:hover {
    color: rgba(144, 8, 46, 1.00);
    border: none;
    text-decoration: none;
}

.banner-content a:focus,
.banner-content a:visited,
.banner-content a:active {
    text-decoration: none;
}

.popup i {
    font-size: 1.5em;
    position: relative;
    padding: 0px;
    color: #000;
    z-index: 999;
}

.popup i:hover {
    cursor: pointer;
    color: red;
}

.nopadding{
    padding:0px;
    margin:0px;
}

#bs-navbar-collapse-1 {
    float: right;
}
.spaziosottonav{
    padding-top: 3.4rem;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-size: calc(30px + (100 - 30) * ((100vw - 300px) / (1920 - 300)));
}

@media only screen and (max-width: 1400px) {
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>button {
    color: #40a535;
    font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 9px;
    padding-right: 9px;
}
.logo-navbar{
    max-width: 100px!important;
}
.spaziosottonav{
    padding-top: 1.6rem;
}
}

@media only screen and (max-width: 1290px) {
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>button {
    color: #40a535;
    font-size: calc(11px + (12 - 11) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 9px;
    padding-right: 9px;
}
.logo-navbar{
    max-width: 100px!important;
}
.spaziosottonav{
    padding-top: 1.6rem;
}
}



@media only screen and (max-width: 1199px) {
    .flexslider h1 {
        font-size: 30px;
    }

    .flexslider h2 {
        font-size: 24px;
    }
}

/* start 768 media quires */
@media only screen and (max-width: 780px) {
    .header{
        height: auto;
    }
    .h-50-col{
        aspect-ratio: 16/9;
        height:auto;
    }
    .h-30-col{
        aspect-ratio: 16/9;
        height:auto;
    }
    .navbar-default .navbar-brand {
        margin-left: 20px;
    }
    .cent-txt{
    text-align: left;
}

    .navbar-default .navbar-nav {
        margin: 0;
    }

    .navbar-default .navbar-collapse {
        padding-left: 20px;
        padding-right: 20px;
    }

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

    .flexslider h2 {
        font-size: 18px;
    }

    .templatemo-slider-btn {
        margin-top: 10px;
        width: 180px;
        height: 40px;
        padding-top: 8px;
    }

    #bs-navbar-collapse-1 {
        float: left;
    }
}
@media only screen and (max-width: 590px) {
    .h-50-col{
        aspect-ratio: 16/9;
        height:auto;
    }
    .h-30-col{
        aspect-ratio: 16/9;
        height:auto;
    }
}
/* end 768 media quires */

/* start 680 media quires */
@media only screen and (max-width: 680px) {
    .navbar-default .navbar-nav li a {
        border-bottom: 1px solid #f6f6f6;
        line-height: normal;
        height: 40px;
    }

    /* end 680 media quires */

    /* start 600 media quires */
    @media only screen and (max-width: 640px) {
        .flexslider h1 {
            font-size: 20px;
        }

        .flexslider h2 {
            font-size: 14px;
        }

        .templatemo-slider-btn {
            width: auto;
            height: auto;
            padding: 10px 20px;
            margin-top: 10px;
        }
    }

    /* end 600 media quires */

    @media (max-width:475px) {
        #download h3 {
            font-size: 20px;
        }

    }



    @media all and (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}