@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

h1, h2, h3, h4, h5, h6, .font-primary {font-family: 'Roboto Condensed', sans-serif;}

body {font-family: 'Roboto Condensed', sans-serif;color:#47884D; background:#f6f2e8 }
body {font-size: 1.4rem;font-weight: 400;line-height: 1.3; padding-top:50px;}

#lingue li {display:inline-block;}
#lingue {position: absolute;
right: 32px;
top: -6px;}
#header {
    height: 94px;
    padding-top: 30px;}
#hero h1 {color:#47884D;}
#hero {width: 100%;height: 70vh;background: #fef8f5;background-attachment: scroll;border-bottom: 2px solid #fcebe3;margin: 72px 0 -72px 0;}
#hero {background-image:url(../img/bg-02.jpg);background-size: cover; -webkit-background-size: cover; -o-background-size: cover;-moz-background-size: cover; background-position: top center;}
#versioni {background-image: url(../img/bg-case.jpg); background-size: cover; -webkit-background-size: cover; -o-background-size: cover;-moz-background-size: cover; background-position: top center;}
.binaco {background-color: rgba(255, 255, 255, 0.9); padding:20px; margin:20px 0px 0px 0px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); border-radius: 10px;}
p.descrizione {color:#47884D;font-size: 1.4rem;font-weight: 400;line-height: 1.3; margin:40px}
i.info {color:#47884D;font-size: 1.0rem;font-weight: 400;line-height: 1.3; margin:40px; display: block;}
.logo-completo {width:230px;display:block; margin:0 auto;}
#hero h1 {margin: 0 0 10px 0;font-size: 47px;font-weight: 100;line-height: 56px;text-transform: uppercase;}
.testo-inserire {font-weight:600;}
.made-in-italy {width: 100px;margin-bottom: 40px;margin-left: 46px;margin-top: -17px;}
.img-logo-400 { display:block; width:100%; max-width:400px; margin:0 auto;  }
ul.none-bolla  {list-style: none;}
ul.none-bolla li {font-size: 25px;line-height: 41px;}
h2 {text-align:center; font-size:40px;font-weight: 100;line-height: 56px; display: block; margin-bottom: 50px; margin-top: 70px;}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color:#47884D;text-decoration: none;}
.sfondo-binaco { background-image: url(../img/bg-03.jpg); background-size: cover; -webkit-background-size: cover; -o-background-size: cover;-moz-background-size: cover; background-position: top center; }
.nav-menu a {display: block;position: relative;color: #4e4039;padding: 10px 15px;transition: 0.3s;font-size: 24px;font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
.nav-menu .get-started a {background:#47884D;}
.pro { margin-top:60px; }
.back-to-top {background:#47884D;}
.back-to-top:hover {background:#333;}
.section-title h2 {font-size:50px;font-weight: 100;padding-bottom: 0;line-height: 1px;margin-bottom: 15px;color:#47884D;}
.section-title p {padding-bottom: 15px;margin-bottom: 15px;position: relative;font-size: 32px;font-weight: 100;color: #4e4039;margin-top: 35px;}
.contact .info {border-top: 3px solid #47884D;border-bottom: 3px solid #47884D}
.contact .php-email-form {border-top: 3px solid #47884D;border-bottom: 3px solid #47884D;  }
.section-title p::after {content: '';position: absolute;display: block;width: 60px;height: 2px;background: #47884D;bottom: 0;left: calc(50% - 30px);}
.contact .php-email-form button[type="submit"] { background: #47884D;}
.contact .php-email-form button[type="submit"]:hover {background: #333;}
#footer {background: #47884D;padding: 0 0 30px 0;color: #fff;font-size: 14px;background: #47884D;}
#footer .footer-top {  background: #35763B;}
#footer .footer-top h4 {font-size: 24px;font-weight: 200;color: #fff;text-transform: uppercase;}
#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: 'Roboto Condensed', sans-serif;color: #fff}
#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: #333;}
#footer .footer-top .footer-links ul a { color: #fff;}
#footer .footer-top {background: #222;}
#footer .footer-top .footer-links ul li {padding: 5px 0;}
#footer .footer-top .footer-links ul i {color: #fff;}
#footer .copyright { text-align: left;float: left;}
#footer .credits a {color: #fff;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {background:#47884D;color: #fff;}
.contact .info i {color: #fff;background:#47884D;}
.contact .info h4 {font-weight: 400;}




#video-on {margin-top:37.3%; border-radius:12px; box-shadow:0px 2px 15px rgba(0, 0, 0, 0.3); display:block;}


#hero-header {
    width: 100%;
    height: 70vh;
    border-bottom: 2px solid #fcebe3;
    margin: 72px 0 -72px 0;
}

#hero-header {background-image: url(../img/bg-02.jpg);background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: top center;
}
#hero-header h1 {
    margin: 0 0 10px 0;
    font-size: 47px;
    font-weight: 100;
    line-height: 56px;
    text-transform: uppercase; color: #47884D;
}

/* =============================================== TAB ========================================== */
#menuprodotti{position:fixed;width:359px;height:478px;bottom:30px;right:30px}.menu-opener-label span{font-size:18px;text-align:center;width:100%;display:block;text-transform:uppercase;font-weight:300;color:#153b6c}.menu-opener{display:none}.menu-opener:checked ~ .link-dominion-mask{top:67px;left:168px;background-image:url(../img/mask.jpg);background-size:cover}.menu-opener:checked ~ .link-spiumatricecaccia{left:81px;top:150px;background-image:url(../img/spumatricecaccia.jpg);background-size:cover}.menu-opener:checked ~ .link-dominionboots{top:269px;left:79px;background-image:url(../img/boots.jpg);background-size:cover}.menu-opener:checked ~ .link-storditore{top:371px;left:151px;background-image:url(../img/spiumatrice.jpg);background-size:cover}.menu-opener:checked ~ .hamburger-icon{opacity:0}.menu-opener:checked ~ .menu-opener-label:after{transform:rotate(0deg);top:70px}.menu-opener:checked ~ .menu-opener-label:before{transform:rotate(-45deg);top:70px}.menu-opener-label{background:transparent;width:150px;height:150px;display:block;cursor:pointer;border-radius:50%!important;position:absolute;top:200px;left:200px;z-index:10}.menu-opener-label:after{position:absolute;top:70px;left:50px;background:#153b6c;content:"";width:50px;height:3px;transition:all .3s ease;transform:rotate(90deg)}.hamburger-icon{width:50px;height:3px;position:absolute;top:270px;left:250px;background:#153b6c;z-index:20;transition:all .3s ease;pointer-events:none}.link{width:100px;height:100px;display:block;border-radius:50%!important;position:absolute;top:225px;left:225px;background:#ecf0f1;-webkit-transition:all .3s ease;transition:all .3s ease;border:#153b6c solid 2px}@media only screen and (max-width: 640px){#menuprodotti{display:none!important}}
/* =============================================== TAB ========================================== */
#menuprodotti {z-index: 9999;}
.menu-opener-label span {line-height: 0px;  font-weight: 600;}
.link {top: 220px;left: 224px;}




/* =============== MOBILE =============== */

@media only screen and (max-width:1440px){


.col-md-7.hero-img .img-fluid.animated {width:70%; margin:0 auto}

/* FINE */
}




@media only screen and (max-width:680px){

body {padding-top:100px;}
#hero-header h1 {font-size: 26px;line-height: 29px;}
#hero-header {height: auto;margin: 0px 0 -72px 0;}
body {padding-top: 0px;}
section {padding: 20px 0;}
#hero-header {
    background-image: url(../img/bg-05.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: top center;
}

h2 {
    font-size: 28px;
    line-height: 56px;
    margin-bottom: 26px;
    margin-top: -28px;
}

ul.none-bolla li {
    font-size: 18px;
    line-height: 41px;
}
ul.none-bolla {margin:40px 0px 40px 0px;}

.section-title h2 {
    font-size: 41px;
    font-weight: 100;
    padding-bottom: 0;
    line-height: 1px;
    margin-bottom: 0px;
}
#footer .copyright, #footer .credits {width: 100%; font-size: 11px;}

.mobile-nav-active .mobile-nav {
text-transform: uppercase;
}
.mobile-nav .get-started a {background:#47884D;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color:#47884D;}
#header .logo img {width: 250px !important;}


/*Fine*/
}