@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

body{line-height:1;}ol, ul{list-style:none;}blockquote, q{quotes:none;}

blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

table{border-collapse:collapse;border-spacing:0;}

html, body{-webkit-font-smoothing:subpixel-antialiased!important;color:#050505;margin:0;padding:0;width:100%;height:100%}

::selection{color:green;}

::-moz-selection{color:green;}

a{text-decoration:none;outline:none;color:black;}

h1{font-size:35px;margin-top:50px;font-weight:bold;text-transform:uppercase;text-align:center;}

h2{font-size:28px;margin-top:0;text-align:center;font-weight:bold;}

h3{font-size:20px;text-align:left;font-weight:bold;}

h4{font-size:18px;text-align:left;font-weight:bold;}

hr{margin-top:30px;background-color:black;height:1px;width:280px;border:0;box-sizing:border-box;}

.container{position:absolute;width:100%;height:100%;z-index:5;}

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

h1{font-size:25px;}	

h2{font-size:22px;}

h3{font-size:18px;}

h4{font-size:16px;}

}

.left{float:left}

.imgtag{width:100%;padding:20px 0}

.home{position:relative;width:100%;height:100%;background:rgba(0,0,0,0.9);}



@media screen and (max-height:767px){

.home .sfondo{background-size:80% auto;-o-background-size:80% auto;-moz-background-size:80% auto;-webkit-background-size:80% auto;}

}

.cookie-choices-info {padding:10px}

@media screen and (max-height:767px){

.cookie-choices-info {padding-bottom:50px}

}

#intestazione{top:0;width:100%;height:70px;z-index:100;padding:0;background:rgba(0,0,0,0.9);box-sizing:border-box;transition:top 0.3s;}

.menu-content{position:relative;width:980px;height:70px;margin:0 auto;padding:0;}

.logo-nav{position:relative;height:60px;padding:5px 0 5px 20px;margin:0;float:left;width:263px;}

.logo-nav img{height:60px;}

@media only screen and (min-width:1011px){#icona{display:none;}

.menu-content ul{float:right;text-align:right;list-style:none;margin:0;padding:0;}

.menu-content li{display:inline-block;position:relative;}

.menu-content li a{color:lightgray;font-size:16px;display:block;padding:0 20px 0 20px;line-height:70px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.active{background-color:rgba(29,126,40,0.6);}

.menu-content li a:hover{color:white;}

.tendina{position:fixed; width:210px;height:306px;list-style:none; padding:0; margin:0;top:70px; background:rgba(0,0,0,0.9);z-index:102; display:none;}

.tendina li {border-bottom:1px solid white;text-align:left;width:210px;height:50px;}

.tendina li a {font-size:15px;line-height:50px;}

.wrap>ul>li:hover ul {display:block; z-index:103;}

}

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

.menu-content{width:100%;padding:0px 20px;box-sizing:border-box;position:relative;height:40px;margin:0;background-color:rgba(30,30,30,0.9);line-height:40px;}

#intestazione{top:0;width:100%;height:40px;z-index:100;margin:0;}

.logo-nav{display:none;}

#icona{position:relative;padding:0;float:right;height:40px;width:20px;color:#fff;font-size:20px;clear:right;line-height:40px}

#menu2{position:absolute;margin:0;padding:0;font-size:8px;left:0;top:15px;height:40px}

.wrap{height:100%;width:0;position:fixed;z-index:101;top:0;left:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0, 0.9);overflow-x:hidden;transition:0.5s;}

.menu-items{position:relative;top:5%;width:100%;text-align:center;margin-top:30px;padding:0;list-style-type:none;}

.wrap a{padding:8px;text-decoration:none;font-size:17px;color:#fff;display:block;transition:0.3s;}

.wrap a:hover, .menu-items a:focus{color:#f1f1f1;}

.tendina{position:relative;width:100%;list-style:none;padding:0;margin:0;top:0px;background:rgba(29,126,40,0.6);z-index:102; display:none;}

.tendina li {margin:0;text-align:center;width:100%;}

.tendina li a {font-size:15px;line-height:30px;}

.wrap>ul>li:hover ul {display:block; z-index:103;}

}

#carousel{position:relative;width:100%;margin:300px auto;box-sizing:border-box;}

.item{overflow:hidden;width:980px;height:380px;margin:auto;}

.owl-item.active{background:none;}

.item img{position:relative;margin:0 auto;height:100%;box-sizing:border-box;}

#carousel .text{margin-right:0px;position:absolute;top:0px;z-index:1;height:100%;width:20%;background:rgba(0,0,0,0.65);color:white;text-align:justify;box-sizing:border-box;}

#carousel .text hr{margin-top:10px;border-top:1px solid #fff;width:10%;}

#carousel .text h2{display:inline-block;font-size:29px;line-height:25px;text-align:center;margin:0;padding:55px 0 20px 0;width:100%;box-sizing:border-box;color:#fff;}

#carousel .text p{padding:10px 20px;font-weight:300;color:white;line-height:30px;}

.premi{width:110px;height:30px;background:rgba(0, 40, 58, 0.55);position:relative;border:1px solid #1d7e28;margin:20px auto;line-height:30px;text-align:center;text-transform:uppercase;cursor:pointer;background:none;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.premi a{color:#1d7e28;}

.premi:hover{color:black;background:white;}

@media only screen and (max-width:1120px){#carousel .text{width:30%;text-align:center;}

}

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

.item{height:305px;width:767px}

#carousel .text{width:40%;}

#carousel .text h2{padding:20px 0 20px 0;}

#carousel{padding:70px 0 0 0;margin:50px auto;}

}

@media only screen and (max-width:767px){.item{height:305px;width:100%;}

#carousel{padding:0;margin:100px auto 0 auto;}

#carousel .text{width:100%;}

}

.about-us{position:relative;width:980px;margin:0 auto;border-bottom:1px solid black;padding:70px 0 0 0;margin-bottom:300px;}

.about-us p{position:relative;margin-top:20px;line-height:25px;opacity:1;text-align:left;}

.about-us div.cv{margin-top:20px;}

p.col{column-count:3;-moz-column-count:3;-webkit-column-count:3;}

.about-us p.nome{font-weight:bold;}

.about-us img{position:relative;float:right;width:200px;}

.espandi{position:relative;width:100%;height:0;visibility:hidden;overflow:hidden;}

.attiva-switch{clear:left;font-size:16px;padding-top:30px;padding-bottom:50px;cursor:pointer!important;}

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

.about-us{width:100%;padding:20px;box-sizing:border-box;}

}

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

p.col{column-count:1;-moz-column-count:1;-webkit-column-count:1;}

.about-us img{width:130px;}

.about-us{padding:50px 20px 20px 20px;margin:0 auto;margin-bottom:0px;}

.attiva-switch{padding-top:15px;padding-bottom:15px;}

}

.servizi{position:relative;padding:70px 0 0 0;}

.servizi .servizi-margin{position:relative;width:980px;overflow:hidden;margin:0 auto;}

.clear{clear:both;}

.elenco{width:100%;position:relative;margin:70px auto;padding:0}

.elenco li{width:100%;list-style:none;float:left;position:relative;margin-top:35px;box-sizing:border-box;}

.elenco img{width:300px;height:225px;float:left;position:relative;vertical-align:top;padding:0 20px 20px 0;}

.testo{position:relative;}

.elenco p.descrizione{font-size:17px;opacity:1;width:100%;margin-top:20px;text-align:left;line-height:25px;}

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

.servizi .servizi-margin{width:100%;margin:0 auto;padding:50px 20px;box-sizing:border-box;}

.elenco{margin:0;}

}

@media only screen and (max-width:595px){.elenco img{width:100%;height:auto;margin-bottom:20px;padding:0}

.servizi{padding:0;}

}

.sfondo{position:relative;width:100%;height:500px;background-size:100% auto;-o-background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;margin:50px 0 160px 0;}

.sfondo .opacity{position:absolute;width:100%;height:500px;background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.8))}

.sfondo .content{position:absolute;padding:50px 0 0 0;width:100%;top:0px;bottom:0;color:#fff;text-align:center;box-sizing:border-box;}

@media only screen and (min-device-width:768px){.sfondo{background:url('../img/background/studio-ingegneria-architettura.jpg')no-repeat;}/*da verificare*/}

@media only screen and (max-device-width:767px){.sfondo{background:url('../img/background/studio-ingegneria-architettura.jpg') no-repeat scroll center;}

.sfondo{height:300px;background-size:auto 767px;margin:20px 0;}

.sfondo .opacity{height:300px;}

.sfondo .content{padding:20px 0;box-sizing:border-box;}

}

@media only screen and (max-width:500px){.sfondo{height:250px;background-size:auto 500px;}

.sfondo .opacity{height:250px}

.sfondo .content{padding:20px;box-sizing:border-box;}

}

.argomenti{position:relative;padding:70px 0 0 0;}

.argomenti .argomenti-margin{position:relative;width:980px;overflow:hidden;margin:0 auto;}

.tags{position:relative;width:700px;height:600px;margin:0 auto;padding:0 20px;}

.tag{padding:0;margin:0 auto;list-style:none;}

.tag li{float:left;margin:0 auto;}

.tag li a{margin:15px;padding:10px 15px;color:#fff;border:1px solid #999999;display:block;transition:all 0.3s ease-in-out;}

.tag li a:hover{background:rgba(29, 126, 40, 0.6);}

.seleziona{letter-spacing:2px;margin-bottom:10px;}

@media only screen and (max-width:740px){.tags{width:100%;height:160px;box-sizing:border-box}

}

@media only screen and (max-width:500px){.tag li a{font-size:60%;padding:5px 9px;margin:5px;}

.seleziona{font-size:70%;}

}

.contact{position:relative;width:980px;margin:100px auto;padding:0;margin-bottom:100px;}

.contact .content{position:relative;width:980px;overflow:hidden;padding:20px;margin:100px 0}

.contact .content .form{width:420px;height:auto;float:left;margin:0;}

.contact .content .contact-text{width:300px;height:auto;float:right;color:black;line-height:1.7;text-align:left;padding:20px 0}

.recapiti {position:relative;margin:0 auto;}

strong{font-weight:700;}

.preventivo{width:420px;height:40px;border-top:1px solid #1d242a;border-bottom:1px solid #1d242a;color:#1d242a;font-weight:bold;line-height:40px;margin:10px 0;}

.preventivo p{margin:0;text-align:center;}

input{width:100%;height:40px;background:rgba(0,0,0,0.9);border:0;color:white;font-family:'Source Sans Pro', sans-serif;font-weight:bold;font-size:15px;line-height:40px;padding-left:35px;margin-bottom:10px;}

input::placeholder{color:white;}

textarea::placeholder{color:white;font-size:15px;}

textarea{width:100%;height:280px;background:rgba(0,0,0,0.9);color:white;border:0;font-family:'Source Sans Pro', sans-serif;font-weight:bold;padding:15px 0 0 35px;margin-bottom:10px;font-size:15px;}

.inputc{margin-left:0;float:left;box-sizing: border-box;}

.button{width:140px;height:34px;margin:0;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;text-align:center;font-weight:bold;line-height:34px;padding:0;background:rgba(0,0,0,0.9);border-radius:0;}

.button:hover{color:white;background:rgba(29,126,40,0.8);}

select{width:100%;height:40px;background:rgba(0,0,0,0.9);border:0;color:white;font-weight:bold;line-height:40px;padding-left:35px;margin-bottom:10px;-webkit-appearance:none;}

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

.contact{width:100%;}

.contact .content{width:460px;margin:0 auto;box-sizing:border-box;}

.contact .content .form{margin:35px auto;}

.contact .content .contact-text{float:none;margin:0 auto;text-align:center;}

.preventivo {margin:50px 0 10px 0;}

}

@media only screen and (max-width:460px){.contact{margin-bottom:30px;}

.contact .content{width:100%;margin:0 auto;box-sizing:border-box;}

.contact .content .form{width:100%}

.preventivo{width:100%;padding:0px 20px;box-sizing:border-box;text-align:center;}

.contact .content .contact-text{width:100%}

}

@media only screen and (max-width:410px){.preventivo{width:100%;height:80px;padding:0px 20px;box-sizing:border-box;text-align:center;}

}

.remark {display:none;}

.social{position:relative;width:200px;height:30px;margin:0;padding-top:30px;}

.social-link{padding:0;margin:0 auto;list-style:none;text-align:left;width:200px;}

.social-link li{float:left;padding:0 10px 0 0;margin:0 auto;}

.social-link li a{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-size:25px;color:rgba(0,0,0,0.9);background:#fff;transition:all 0.3s ease-in-out;}

.social-link li a:hover, .social-link li a:focus{text-decoration:none;}

.linkedin a:hover{color:#007bb5;}

.instagram a:hover{color:#cd486b;}

.twitter a:hover{color:#55acee;}

.facebook a:hover{color:#3b5998;}

.whatsapp a:hover{color:#4dc247;}

@media only screen and (max-width:1010px){.social{margin:0 auto;}

.social-link li{padding:0 5px}

}

.footer{position:relative;width:100%;height:80px;background:rgba(0,0,0,0.9);font-size:15px;margin:0 auto;}

.margin{position:relative;width:980px;margin:0 auto;}

.menu-footer{float:left;}

.footer .menu-footer a{line-height:80px;padding-right:25px;color:lightgray;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.footer .menu-footer a:first-child{color:#0b9f1c;}

.footer .menu-footer a:hover{color:white;}

.copyright{margin:0;text-align:right;float:right;line-height:80px;color:lightgray;}

@media only screen and (max-width:1010px){.margin{width:100%;margin:0;padding:0px 20px;box-sizing:border-box;}

}

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

.footer{height:40px;}

.margin{width:100%;margin:0 auto;padding:0px 0px;box-sizing:border-box;}

.menu-footer{width:100%;margin:0 auto;text-align:center;box-sizing:border-box}

.footer .menu-footer a{padding:0 10px;line-height:40px;}

.copyright{width:100%;clear:right;margin:0 auto;text-align:center;line-height:40px;}

}

.pagina{position:relative;padding:70px 0 0 0;}

.pagina .pagina-margin{position:relative;width:980px;overflow:hidden;margin:20px auto;text-align:left;line-height:30px;}

.pagina .pagina-margin .paragrafo{padding:100px 0 0 0;}

.pagina span {font-weight:bold;}

.corsivo {font-style: italic;}

summary {font-weight:bold;}

details {display: block;}

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

.pagina .pagina-margin{width:100%;margin:20px auto;padding:20px;box-sizing:border-box;}

.pagina .pagina-margin .paragrafo{padding:60px 0 0 0}

}

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

.pagina{padding:50px 0 0 0;}

}

#box{background:#F7F7F7;border:1px solid #778899;width: 100%;box-sizing:border-box;padding:20px;}

#big_box ul li{padding:0 15px}

#big_box ul li ul li{padding:0 15px}

.more {display:none;}

.more li a{color:#1d7e28}

.link{position:relative;padding:100px 0}

#myBtn {display:none;position:fixed;bottom:20px;right:30px;z-index:10;width:42px;height:42px;text-align:center;border:none;outline:none;background-color:rgba(29,126,40,0.6);color:white;cursor:pointer;border-radius:50%;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

#myBtn:hover {background-color:green;}