body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color:#252525;
    font-size:12px;
    font-weight: 400;
    letter-spacing: 0.075em;

    background-image: url("../images/brillant.png");
    background-repeat: repeat;
}
h1 {
    font-size: 1.4em;
}
h2 {
    font-size: 1.2em;
}
a {
    text-decoration: none;
}
li {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
/*----- nav mobile -----*/
#mobile-menu {
    position: absolute;
    z-index: 999;
    text-align: center;
    display:none;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background-color: #383838;
}
#mobile-menu p#button-menu,
#mobile-menu a#up {
    font-size: 3em;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#mobile-menu p#button-menu {
    color:#27ae60 ;
}
#mobile-menu ul {
    padding-top: 0;
    margin-top: 0;
}
#mobile-menu ul.nav li {
    background-color: #383838;
    border-bottom: 1px solid #e7e7e7;
}
#mobile-menu ul.nav li a {
    font-size: 1.4em;
    font-weight: 100;
    line-height: 35px;
    padding: 5px;
    text-transform: uppercase;
    color: #e7e7e7;
}
/*----- sub header -----*/
#sub-header {
    height: 40px;
    background-color: #383838;
}
#sub-header a {
    color: #e7e7e7;
    line-height: 40px;
    text-align: center;
}
#sub-header #info a i.fa {
    padding-right: 10px;
}
#sub-header #social a {
    color: #ccc;
    line-height: 40px;
}
#sub-header #social a i {
    border: 1px solid #e7e7e7;
    margin-top: 5px;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
#sub-header a i.fa {
    font-size: 1.4em;
}
#sub-header a:hover {
    color: #27ae60;
}
#sub-header #info a:hover i.fa {
    color: #7e7e7e;
}
#sub-header #social a:hover i.fa-facebook {
    color: #fff;
    border-color: #3B5998;
    background-color: #3B5998 ;
}
#sub-header #social a:hover i.fa-linkedin {
    color: #fff;
    border-color:#3274D1;
    background-color: #3274D1;
}
#sub-header #social a:hover i.fa-google-plus {
    color: #fff;
    border-color: #d24a30 ;
    background-color:#D24A30
}
/*----- header -----*/
header#main-header {
    height: 126px;
    border-bottom: 1px solid #7e7e7e;
    background-color: #ffffff;
}

#logo,
header#main-header #main-menu {
    height: 126px;
}

header#main-header #logo h1 {
    color: #27ae60;
    font-size: 2em;
    height: 100%;
    margin: 0;
    line-height: 126px;
}
header#main-header #logo a {
    margin-top: 24px;
    display: block;
    margin-bottom: 24px;
    height: 78px;
}

header#main-header #logo img,
header#main-header #logo p {
    text-align: center;
    line-height: 0.1em;
}
#logo p#text-logo {
    font-weight: 400;
    text-transform: uppercase;
    color: #27ae60;
    font-size: 1.4em;
    letter-spacing: 0.125em;
}
#logo p#sub-text-logo {
    font-size: 0.9em;
    color: #7E7E7E;
}
#main-menu ul,
#main-menu li {
    height: 100%;
}

#main-menu .navbar-nav li a {
    font-size: 1.4em;
    padding-top: 0;
    margin-top: 45px;
    padding-bottom: 0;
    margin-bottom: 45px;
    line-height: 36px;
    color: #383838;
    text-transform: uppercase;
    font-weight: 100;
}
#main-menu .navbar-nav li a:hover {
    color: #27AE60;
}

/*----- slider -----*/
#layerslider {
    height: 450px;
    width: 100%;
    border-bottom: 1px solid #383838;
}
#layerslider .ls-slide img.ls-bg {
    width: 100% !important;
    height: 100% !important;
}
#layerslider #intro-logo-slider.ls-l {
    padding: 10px;
    background-color: #383838;
    border-radius: 10px;
}
#layerslider p#intro-slider-p.ls-l,
#layerslider ul#intro-slider-ul.ls-l {
    color: #ffffff;
    font-size: 1.6em;
    line-height: 1.8em;
    background-color: #383838;
    padding: 10px;
    text-align: center;
    width: 720px;
    border-radius: 10px;
}
#layerslider ul#intro-slider-ul.ls-l {
    width: 800px;
    text-align: left;
}
#layerslider ul#intro-slider-ul.ls-l {
    list-style: none;
}

#layerslider ul#intro-slider-ul.ls-l i.fa {
    padding-right: 10px;
}

#layerslider .ls-slide i.fa {
    font-size: 0.8em;
    color: #27AE60;

}
#layerslider .ls-slide i.fa-quote-left {
    padding-right: 5px;
}
#layerslider .ls-slide i.fa-quote-right {
    padding-left: 5px;
}
/*----- about Home -----*/
#about-home {
    margin-top: 100px;
}
#about-home header,
#services-home header,
#indications header{
    margin-bottom: 35px;
    padding-bottom: 15px;

    background-image: url("../images/bottom.png");
    background-repeat: no-repeat;
    background-position: 0 bottom;
}
#about-home header h1,
#services-home header h1,
#indications header h1{
    font-size: 2.5em;
    font-weight: 400;
    color: #7e7e7e;
    text-transform: uppercase;
    margin-bottom: 0;
}
#about-home header h2,
#services-home header h2,
#indications header h2{
    font-size: 1.5em;
    font-weight: 100;
    color:#7e7e7e ;
    margin-top: 0;
    margin-bottom: 0;
}
#about-home figure {
    padding: 0;
    border: 1px solid #dedede;

}
#about-home figure img {

}
#about-home p {
    font-size: 1.5em;
    font-weight: 100;
    color: #7e7e7e;
    margin-top: 0;
}
/*----- attività Home -----*/
#services-home {
    margin-top: 100px;
    margin-bottom: 75px;
}

#services-home header h1 i.fa-caret-right {
    padding-right: 5px;
    color: #dedede;
}
#services-home header h1 i.fa-caret-left {
    padding-left: 5px;
    color: #dedede;
}
#services-home .service-home {
    background-color: #ffffff;
    min-height: 500px;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 8px;
}
.service-home h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 400;
    color: #27ae60;
    letter-spacing: 0.075em;
    min-height: 50px;
}
.service-home p {
    font-size: 1.4em;
    font-weight: 100;
    color: #7e7e7e;
    margin-top: 20px;
}

.service-home span {
    display: block;
    height: 100px;
    width: 100px;
    border: 1px solid #27ae60;
    background-color: #27ae60;
    border-radius: 50%;
    margin: 0 auto;
    background-image: url("../images/services-icons.png");
    background-position: -8px 8px;
    background-repeat: no-repeat;

}
#legge-1091 span {
    background-position: -122px -1px;
}
#anti-inc span {
    background-position: -236px 8px;
}
#more span {
    background-position: -351.5px -1px;
}
#services-home .service-home:hover {
    background-color: #27ae60;
}
#services-home .service-home:hover p,
#services-home .service-home:hover h2{
    color: #ffffff;
}
#services-home .service-home:hover span {
    border-color: #ffffff;
}
/*----- indications -----*/
#indications {
    margin-top: 100px;
    margin-bottom: 75px;
}
#map {
    height: 360px;
    width: 100%;
    border-bottom: 1px solid #7e7e7e;
}

#info-indications {
    height: 360px;
    width: 33.3%;
    background-color: #383838;
    color: #ffffff;
    position: relative;
    top: -360px;
    margin-bottom: -360px;
    opacity: 0.85;
}
#info-indications p {
    font-size: 1.4em;
    line-height: 2em;
}
#info-indications i.fa {
    color:#27ae60;
    padding-right: 5px;
}
/*----- contact info -----*/
#contact-info,
#contact-form {
    margin: 20px 0 20px;
    color: #7e7e7e
}

#contact-info p {
    font-size: 1.5em;
    font-weight: 100;
    color: #7e7e7e;
    margin-top: 0;
}
#contact-info i {
    font-size: 1.2em;
    line-height: 1.2em;
}
/*----- contact social -----*/
#contact-info #contact-social {
    text-align: center;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #eaeaea;
}
#contact-info #contact-social a i {
    font-size: 16px;
    color: #7e7e7e;
    background-color: #ffffff;
    width: 36px;
    height: 36px;
    border: 1px solid  #7e7e7e;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
#contact-info #contact-social a:hover {
    cursor: pointer;
}
#contact-info #contact-social a:hover i.fa-facebook {
    color: #fff;
    border-color: #3B5998;
    background-color: #3B5998 ;
}
#contact-info #contact-social a:hover i.fa-google-plus {
    color: #fff;
    border-color: #d24a30 ;
    background-color:#D24A30
}
#contact-info #contact-social a:hover i.fa-linkedin {
    color: #fff;
    border-color:#3274D1;
    background-color: #3274D1;
}
#info-form {
    margin-bottom: 100px;
    margin-top: 75px;
}
/*----- contact form -----*/
#form {
	width: 100%;
	display: block;
}
.input-form {
    width: 100%;
}
#form label {
    display: none;
}
#contact-form input#name,
#contact-form input#email,
#contact-form input#subject,
#contact-form textarea {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 5px 2%;
    margin-bottom: 10px;
    border: 1px dashed #eaeaea;
    border-radius: 5px;
    font-weight: 100;
    color: #7e7e7e;
}
#contact-form input#submit:hover {
    opacity: 0.8;
}
#contact-form input#submit {
    background-color:#27ae60;
    color:#ffffff;
    letter-spacing:0.2em;
    border: 1px solid #27ae60;
    border-radius: 3px;
    padding: 1.5% 4%;
    text-align: center;
}
::-webkit-input-placeholder {
    color: #7e7e7e;
    letter-spacing:0.1em;
    opacity:0.8;
}

:-moz-placeholder { /* Firefox 18- */
    color: #7e7e7e;
    letter-spacing:0.1em;
    opacity:0.8;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #7e7e7e;
    letter-spacing:0.1em;
    opacity:0.8;
}

:-ms-input-placeholder {
    color: #7e7e7e;
    letter-spacing:0.1em;
    opacity:0.8;
}
/*----- attività -----*/
#attivita {
    color: #6C7A89;
    margin-bottom: 75px;
}
#attivita header {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    padding-bottom: 15px;
    background-image: url("../images/bottom.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}
#attivita header h1 {
    font-size: 2.5em;
    font-weight: 400;
    color: #7e7e7e;
    text-transform: uppercase;
    margin-bottom: 0;
}
#attivita header h2 {
    font-size: 1.5em;
    font-weight: 100;
    color:#7e7e7e ;
    margin-top: 0;
    margin-bottom: 0;
}
#attivita section {
    min-height: 520px;
    margin-bottom: 20px;
}
#attivita section h1 {
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #7e7e7e;
}
#attivita section p {
    font-size: 1.5em;
    font-weight: 100;
    border-bottom: 1px solid #7e7e7e;
    border-right: 1px solid #7e7e7e;
    border-left: 1px solid #7e7e7e;
    margin: 0;
    padding: 10px;
    background-color: #ffffff;
    color: #7e7e7e;
    min-height: 250px;
}

#attivita section img {
    border: 1px solid #7e7e7e;
}
/*----- strumentazione -----*/
#strumentazione {
    color: #6C7A89;
    margin-bottom: 75px;
}
#strumentazione header {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    padding-bottom: 15px;
    background-image: url("../images/bottom.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}
#strumentazione header h1 {
    font-size: 2.5em;
    font-weight: 400;
    color: #7e7e7e;
    text-transform: uppercase;
    margin-bottom: 0;
}
#strumentazione header h2 {
    font-size: 1.5em;
    font-weight: 100;
    color:#7e7e7e ;
    margin-top: 0;
    margin-bottom: 0;
}
#strumentazione section {
    text-align: center;
}
#strumentazione section h1 {
    font-size: 1.4em;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: 400;
    color: #7e7e7e;
}
#strumentazione img {
    border: 1px solid #7e7e7e;
}
/*----- portfolio ----- */
#work_in_progress {
    min-height: 500px;
    text-align: center;
    padding-top: 150px;
}
#work_in_progress .fa {
    font-size: 3em;
    color: #db3236;
}
#work_in_progress p {
    font-size: 1.4em;
}
/*----- footer -----*/
footer {
    padding-top: 30px;
    width: 100%;
    background-color: #383838;
}
footer p#info-footer {
    text-align: center;
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 0;
}
footer a#torna-su {
    color: #27ae60;
    text-align: center;
    line-height: 48px;
    font-size: 48px;
    height: 48px;
    width: 48px;
    margin: 0 auto;
    display: block;
}
footer#mobile-footer {
    display: none;
}
footer p#credits {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: #7e7e7e;
    font-size: 1em;
}
footer p#credits a {
    color: #4885ed;
}
footer p#credits a:hover {
    opacity: 0.5;
}
/*----- other -----*/
span.grey {
    color: #7e7e7e;
    font-weight: 700;
}
.green {
    color: #27ae60;
}

/*----- animatins -----*/

/*---- media query --*/
@media only screen and (min-width: 321px) and (max-width: 480px) {
    #sub-header {
        font-size: 1.2em;
    }
    #social {
        display: none;
    }
    #info {
        text-align: center;
    }
    #logo {
        height: 124px;
    }
    #main-menu {
        display: none;
    }
    nav#mobile-menu {
        display: block;
    }
    nav#mobile-menu .col-xs-6 {
        height: 50px;
    }
    nav.navbar {
        margin-bottom: 0;
    }
    header#main-header #logo img {
        display: block;
        margin: 0 auto;
        width: 250px;
        height: auto;
    }
    #logo p#text-logo {
        font-size: 1.6em;
    }
    #logo p#sub-text-logo {
        font-size: 1.3em;
    }
    #layerslider {
        display: none;
    }
    .service-home h2 {
        min-height: 1px;
    }
    .service-home p {
        margin-top: 20px;
    }
    #about-home figure {
        padding: 0 !important;
        margin-bottom: 20px;
    }
    #services-home .service-home {
        min-height: 1px;
        padding: 5px;
        background-color: transparent;
        border: none;

    }
    #about-home header,
    #services-home header,
    #indications header {
        text-align: center;
        background-position: 50% bottom;
    }
    #services-home #cert-en,
    #services-home #legge-1091,
    #services-home #anti-inc {
        border-bottom: 1px dashed #7e7e7e;
        border-radius:0;
    }
    #services-home .service-home:hover {
        background-color: transparent;
        color:#7e7e7e;
    }
    #services-home .service-home:hover p {
        color:#7e7e7e;
    }
    #services-home .service-home:hover h2 {
        color: #27ae60;
    }
    #services-home .service-home:hover span {
        border-color: transparent;
    }
    #map {
        height: 270px;
    }
    #indications {
        text-align: center;
        margin-bottom: 0;
    }
    #info-indications {
        background-color: transparent;
        font-weight: 100;
        color: #7e7e7e;
        width: 100%;
        height: auto;
        opacity: 1;
        top: auto;
        margin-bottom: auto;
    }
    #info-indications p {
        font-size: 1.4em;
        font-weight: 100;
        line-height: 1.4em;
        padding-left: 10px;
        padding-right: 10px;
    }
    footer {
        display: none !important;
    }
    footer#mobile-footer {
        display: inherit !important;
        padding: 5px;
    }
    footer#mobile-footer p {
        font-size: 1.2em;
        color: #e7e7e7;
        letter-spacing: 0.15em;
        text-align: center;
    }
    footer#mobile-footer #copy {
        color: #7e7e7e;
        font-size: 1em;
        padding-top: 10px;
    }
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}