:root {
    --c1: #fff;
    --c2: #021c24;
    --c3: #1e3540;
	--c4: #28a9df;/*turchese testi*/
	--c5: #d73289;/*fucsia*/
	--c7: #80b9d5;/*azzurro*/
    --c6: #27a9e0;/*turchese pulsanti*/
	--c7: #386872;/*back sfondi scuri*/
	--c8: #2e464f;/*back su bg scuro*/
	--c9: #efefef;/*back grigio chiaro*/
	--c10: #f1f1f1;/*back grigio chiaro*/
    --f1: 'Open Sans', sans-serif;
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.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{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}
span.image video {max-width: 100%;height: auto;}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
*{border: 0; padding: 0; margin: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%;}
#imgCursor{visibility:hidden;position: absolute;z-index:100000;}
#imgCursor circle{animation: animateMouse 5s linear infinite alternate;}

body,html{height: 100%;}
.div100vh {min-height: 100vh;height: auto;}
body>header{display:none}
.homepage body>header{display:block;background: var(--c2);}
.flexVertical {	-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.block{display:block}
.camo-column.row{margin-left:0;margin-right: 0}
html {overflow-x: hidden;}
.container-fluid {padding-left: 0;	padding-right: 0;}
.container-fluid .row{margin-left: 0;margin-right: 0;}
.container-fluid .row > div[class^="col-"] {padding-left: 0;padding-right: 0;}
main{display: block;min-height:400px;padding:0;position:relative;z-index:200}
mark{background:transparent; padding:0;	font-size:18px;	line-height:24px;text-transform:uppercase}
img {border-style: none;max-width:100%;height:auto;}
b, strong{font-weight:700;}
*:focus,*:active {outline: none;}
a {background-color: transparent;}
a:hover, a:focus{text-decoration: none}
p{margin-bottom:20px;}
body{background: #FFFFFF;font-size: 16px;font-weight:400;color: #021c29;line-height: 26px;margin: 0;padding:0;font-family: 'Open Sans', sans-serif;}
main a,main a:link,main a:visited,main a:hover{color:#354954;text-decoration:none; border-bottom:1px dotted}
main a:hover{color:#666;}
main .title a,main .title a:link,main .title a:visited,main .title a:hover{color:#354954;text-decoration:none; border-bottom:0px dotted}
main a.btn,main a.btn:link,main a.btn:visited,main a.btn:hover{border:0px solid var(--c4);}
main .c_white a,main .c_white a:link,main .c_white a:visited,main .c_white a:hover{color:#fff;text-decoration:none; border-bottom:1px dotted #fff}
main .c_white a:hover{color:#E0E0E0; border-bottom:1px dotted #E0E0E0}
main .c_white a.btn{border:0}
main .c_white a.btn:hover{border:0;background: linear-gradient(45deg,var(--c5),var(--c5))}
.temp-pit main .btn,.temp-solp main .btn,.temp-cl main .btn,.temp-banco main .btn,.temp-savoia main .btn,
.temp-pit main .c_white .btn, .temp-solp main .c_white .btn,.temp-banco main .c_white .btn,.temp-savoia main  .c_white .btn{background:var(--c5);border:2px solid var(--c5);color:#fff!important}
aside{max-width:1170px;width:100%;margin:auto;padding-left:15px;padding-right: 15px;padding-top:80px; padding-bottom:100px}
.allclick{cursor:pointer}
h1,h1.title,h2,.model h2.title{font-size:30px;	line-height: 38px; font-weight:900;margin-top:0;}
h2,.model h2.title,.loghi .title,.recensioni .title,.group-2 .title,.group-6 .title,.group-8  .title, #contatti .title,aside .first .title,footer .bgfooter mark{letter-spacing: -2px}
.title{text-transform: uppercase; font-family: 'Open Sans', sans-serif;color:#021c29; margin-bottom:10px; display:block;} 
main .title a,main .title a:visited,main .title a:hover{color:#021c29}
.abstract,.portfolio article.page > .first .gallery .title {font-size: 20px;line-height: 26px; color:#021c29;margin-bottom:20px;display:block; font-weight:400}
html.tn .abstract,.tn #c2 .abstract { font-weight: 300}
.abstract p{margin-bottom: 30px}

.c_white .abstract{color:#fff;}
#intestazione{position: absolute;z-index:201;width:100%}
.logo, .def .logo{margin-left:3%;margin-top:30px;position:fixed;width:180px}
.def .logo .white,.def .logo .color,.def .logo .black{display: none}
.white .logo .white,.black .logo .black,.color .logo .color{width:74px;}
.logo .black, .logo .white,  .logo .color, .logo .def{ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity:0; -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease;max-height:63px;}
body.white .logo .def,body.white .logo .black,body.white .logo .color,
body.black .logo .def,body.black .logo .white,body.black .logo .color,
body.color .logo .def,body.color .logo .black,body.color .logo .white,
.homepage body.white .logo .defc,.homepage body.black .logo .defc,.homepage body.color .logo .defc,.temp-cl body.white .logo .defc,.temp-cl body.black .logo .defc,.temp-cl body.color .logo .defc,.temp-pit body.white .logo .defc,.temp-pit body.black .logo .defc,.temp-pit body.color .logo .defc,.temp-solp body.white .logo .defc,.temp-solp body.black .logo .defc,.temp-solp body.color .logo .defc,.temp-food body.white .logo .defc,.temp-food body.black .logo .defc,.temp-food body.color .logo .defc{ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity:0; -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease;position:absolute; left:0;}
.logo .defc{display:none}
body.white .logo a,body.black .logo a,body.color .logo a{max-width:70px;display:inline-block}
body.def .logo .defc,.homepage .logo .defc,.temp-cl .logo .defc,.homepage .logo .def,.temp-pit .logo .defc,.temp-solp .logo .defc,.homepage .logo .def,.temp-cl .logo .def,.temp-pit .logo .def,.temp-food .logo .def,.temp-solp .logo .def,.temp-food .logo .def{display:none}
.homepage body.def .logo .defc,.temp-cl body.def .logo .defc,.temp-pit body.def .logo .defc,.temp-solp body.def .logo .defc,.temp-pingu body.def .logo .defc, body.def .logo .def{display:block}
.homepage body.def .logo .defc,.temp-food body.def .logo .def, body.def .logo .def{display:block;height:46px; width: auto }
.homepage body.def .logo .def,.temp-cl body.def .logo .def,.temp-pit body.def .logo .def,.temp-solp body.def .logo .def,.temp-pingu body.def .logo .def,body.white .logo .def,body.black .logo .def,body.color .logo .def{display:none}
body.white .logo .white,body.def .logo .def,body.def .logo .defc,body.black .logo .black,body.color .logo .color{ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);opacity:1; -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease;}
body.color .bmenu span,body.black .bmenu span{background:#021c29}
.bmenu.active span{background: #fff!important;}

/**MENU****/
.topMenu .main-menu{width:50vw;top:0;bottom:0;-webkit-backface-visibility: hidden; box-sizing: content-box; -webkit-overflow-scrolling: touch;overflow-y: auto;background:#021c29;padding-top: 100px;padding-left: 80px;position: fixed;right:-100%;z-index:0;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity:0; -webkit-transition:1s ease; -moz-transition:1s ease; -o-transition:1s ease; transition:1s ease;z-index: 1000}

.topMenu.open .main-menu{right:0%;z-index:1000;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);opacity:1; -webkit-transition:1s ease; -moz-transition:1s ease; -o-transition:1s ease; transition:1s ease;}
.box{width:46px; position:fixed;height:52px;right:3%;margin-top:30px;z-index:1100}
.menu span{height:7px;background:#fff;width:100%;margin-top:7px;display:block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.bmenu span.second{width:90%;}
.bmenu { position: absolute; transform: translate(0%, 15px); width: 45px; cursor: pointer;}
.bmenu span { display: block; width: 100%; webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:7px; background: #021c29; transition: all .3s; position: relative;}
.homepage .bmenu span,.temp-cl .bmenu span,.temp-pit .bmenu span,.temp-solp .bmenu span,.white .bmenu span,.contatti .bmenu span,.contatti body.color .bmenu span{background: #fff}
.c_white .title{color:#fff}
.bmenu span + span { margin-top: 7px;}
.active span:nth-child(1) {animation: ease .7s top forwards;}
.not-active span:nth-child(1) {animation: ease .7s top-2 forwards;}
.active span:nth-child(2) { animation: ease .7s scaled forwards;}
.not-active span:nth-child(2) {animation: ease .7s scaled-2 forwards;}
.active span:nth-child(3) { animation: ease .7s bottom forwards;}
.not-active span:nth-child(3) { animation: ease .7s bottom-2 forwards;}
/*.slider{display: none}*/
.cycle-slideshow.slider{display: block}
.cycle-slideshow .wrapTxtSlider{opacity:0}
.theme{font-size:15px;font-weight:400;display:block;border-bottom:1px solid rgba(0,0,0,0.4);line-height:20px;padding-right: 0px; margin-bottom: 30px;padding-bottom: 20px;}
/*** da eliminare tutti gli shape***/
.theme>span { display:none;position: relative; text-decoration: none; width: calc(100% + 15px);  height: 15px; text-align: center; color: #021c29; margin-top:8px}
.shape:before,.c_color .shape:before{ content: ''; position: absolute; top: -2px; left: -2px; width: 0; height: 0; background: transparent; border: 1px solid transparent; animation: animateb 1s linear forwards;}
.c_white .theme,.white .theme>span,.c_white p {color:#fff;}
.c_white .theme,.white .theme>span{border-bottom: 1px solid rgba(255,255,255,0.4)}
.c_white .shape:before,footer .shape:before{animation: animatew 1s linear forwards;}

.top-menu .content-menu{text-align: right}
.camo-bmark body{margin-top:45px;}
.clear{clear:both!important;width:100%!important;float:none!important;background:none!important;padding:0!important;height:0!important;min-height:0!important;line-height:0!important;margin:0!important;border:0!important}
/***Banner top***/
.topB{position: relative;}
.homepage .banner-t,.banner-t{height:auto;width:100%;}
.topB >img{position:relative; width:100%;}
.banner-t ul li .theme{display:none;}
.homepage .cycle-slideshow.slider, .slider .cycle-slide{position:absolute;	width:100%;	height:auto;	display:block;	top:0;z-index:100;	opacity:1;	padding:0;}
.bgSlider{background-size:contain!important; background-repeat: no-repeat!important;background-position: bottom right !important}
.shiftgroups .wrapTxtSlider .title strong{color:var(--c4)}
/*.shiftgroups .bgslider3 .bgSlider {background: none!important; }
*/.shiftgroups #topB {background:   var(--c2)!important; background-position: right -10% bottom -25% !important;  min-height: max(90vh, 700px)!important;}
.shiftgroups .group-5 .block{min-height: 200px; float:none}
.shiftgroups .group-5 .container{display: flex;flex-wrap: wrap;align-items: flex-start}
.shiftgroups.homepage  .bg-light{display: none}
.shiftgroups main{padding-top:10px;}
.homepage.shiftgroups .layer-arrow{background: url("../img/background/bg-uebba.svg") center bottom no-repeat;background-size:101%;min-height: 282px;bottom:-5px;transform: translate3d(0, 0%, 0);padding: 0}

@media (min-width: 600px) {
	.shiftgroups.homepage #topB{  background-position: right 0% bottom 1% !important;}

}
@media (min-width: 768px) {
	.blog .column-1{max-width: 750px; margin-left: auto;margin-right: auto}
	.shiftgroups.homepage #topB {background:  no-repeat  var(--c2)!important;  min-height: max(100vh, 620px)!important;background-position: right 0% bottom 17% !important; }
	.shiftgroups .wrapTxtSlider {width: 90%; max-width:500px;	float: left;}
	}
@media (min-width: 800px) {
	.shiftgroups.homepage #topB {background: no-repeat  var(--c2)!important;  min-height: max(100vh, 800px)!important; background-position: right 12% bottom 22% !important;}
	
	.shiftgroups .wrapTxtSlider {width: 90%; max-width:500px;	float: left;}
}
@media (min-width: 992px) {
	.blog .column-1{max-width: 970px;}
	.shiftgroups.homepage #topB {background: var(--c2)!important;  background-size: 90%; background-position: right 0% bottom 0 !important;}
	.shiftgroups .wrapTxtSlider {width: 90%; max-width:700px;	float: left;}
	.homepage .wrapTxtSlider{padding-top: 20%!important;}
	.bgSlider {background-size: 60% !important;	}
	.homepage .wrapTxtSlider, .wrapTxtSlide {	padding-bottom: 40%!important;}
}
@media (min-width: 1200px) {
	.blog .column-1{max-width: 1170px;padding-left: 15px;padding-right: 15px}
	.shiftgroups .wrapTxtSlider {max-width: 580px;}
	.shiftgroups.homepage #topB {background-position: right 5% bottom -10% !important;background-size: contain; min-height: max(100vh, 800px)!important;}
	.bgSlider {	background-position: right 100px !important;}
	.homepage .wrapTxtSlider, .wrapTxtSlide {padding-bottom: 20% !important;}
	header.div100vh, header .div100vh,.shiftgroups.homepage #topB{min-height:900px !important;max-height: 900px}
}
@media (min-width: 1300px) {
	.shiftgroups.homepage #topB {background: var(--c2); background-position: right -5% bottom 40% !important;background-size: 809px 900px!important;min-height:900px !important}
	.homepage .wrapTxtSlider {padding-top: 15% !important;}
}
@media (min-width: 1500px) {
	.shiftgroups.homepage #topB {background-position: right 15% bottom 60% !important;background-size: 809px 900px!important; min-height:950px !important}
	.homepage .wrapTxtSlider {	padding-top: 200px !important;}
	.bgSlider {	background-size: 55% !important;}
	.homepage .wrapTxtSlider {padding-top: 200px !important;top: 0%;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);max-width: 585px;}
	.bgSlider {	background-size: auto 780px !important;	background-position: 98% 100px !important;}
}
@media (min-width: 1600px) {
	.homepage .wrapTxtSlider{padding-right: 0}
}
/* ridimensiona sullla larghezza*/

.wrapTxtSlider{	position:absolute;	width:50%;	padding-right:2%; margin:auto;z-index:201;text-align:left;display:block; top:50%; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%);max-width:585px;}
.wrapTxtSlider .title{text-transform: none; display:block;color:#fff;letter-spacing: -2px}
.wrapTxtSlider .theme,.wrapTxtSlider .theme span{color:#fff;border-bottom:0;margin-bottom: 0;padding-bottom: 10px; font-size: 18px;  line-height: 24px; font-weight: 300;}
.div100vh img{min-height: 100vh;height: auto;width: auto;max-width: none;}
/***slider video**/
.home .div100vh img{min-height: 200px;max-width: 100%;display: block;margin-left: auto;margin-right: auto}
.wrapTxtSlider p{color:var(--c1);font-size:22px; line-height: 28px;}
.home div.banner-t .btn,.home div.banner-t .btn:visited {color: #000;	background: #50ccf4;border: 2px solid #50ccf4 !important;}
.home div.banner-t .btn:hover {color: #fff !important;	background: #102931;border: 2px solid #102931 !important;}
/**/
.template >.bloccoTop{position: relative;z-index: 0;padding-bottom: 80px;}
.template >.bloccoTop>.container{position: relative;z-index: 201;}
.layer-arrow {position: absolute;bottom: 0px;left: 0;min-height: 250px;width: 100%;padding: 10rem 0;transform: translate3d(0, 50%, 0);z-index: 200;}
.homepage .layer-arrow {position: absolute;bottom: -110px;}
.template .layer-arrow,.project .layer-arrow {position: absolute;bottom: -100px;}
.contatti .layer-arrow {display:none;bottom: -30px;min-height: 400px;}
.layer-arrow .bg-light,.layer-arrow .bg-dark ,.layer-arrow .bg-azz,.layer-arrow .bg-tourquoise {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.layer-arrow .bg-light{background: var(--c1);}
.layer-arrow .bg-dark {background: var(--c2);}
.layer-arrow .bg-azz {background: var(--c2);}
.layer-arrow .bg-traansp {background: transparent;}
.temp-brand .layer-arrow .bg-dark {background: #848A7C;}
.layer-arrow div:nth-child(1){transform: skewY(-10deg);}
.layer-arrow div:nth-child(2){transform: skewY(10deg);}
.temp-siti .layer-arrow div:nth-child(1),.temp-ec .layer-arrow div:nth-child(1),.temp-seo .layer-arrow div:nth-child(1),.temp-brand .layer-arrow div:nth-child(1),.temp-copy .layer-arrow div:nth-child(1){transform: skewY(0deg);}
.topB.div100vh{min-height: 100vh}
/**Breadcrumbs*/
.breadcrumbs{display:block;	width:100%;background: #f8f8f8}
.homepage .breadcrumbs{	display:none;}
.path-menu ul{	margin:0;list-style-type:none;text-align:right;}
.path-menu ul li{display:inline-block;font-size:11px;font-weight:400;line-height:14px; text-transform:uppercase;color:#021c29;}
.path-menu ul .last {display:inline-block; color:#021c29;}

.path-menu ul li a,.path-menu ul li a:visited, .path-menu ul li a:hover{font-size:11px;	line-height:14px;color:#021c29;text-decoration:none;}
.path-menu ul li a:hover{color: #021c29;text-decoration:none;}
.path-menu .nav > li > a {position: relative;display: block;padding: 18px 0 18px 0;	text-decoration:none;}
.path-menu .nav > li span:after{content:"/";padding-left:6px;padding-right:6px}
.path-menu ul li.last {	padding-left: 0px;}
.path-menu .nav > li.last span:after{content:""}
/**/

.fullImg img,img.fullImg{width:100% !important;float:none !important;height:auto;margin:0 !important;margin-bottom: 20px !important;padding-left:0 !important;}
.portfolio ul.product-gallery li img.fullImg{margin-bottom: 0!important}
.portfolio ul.product-gallery li a:link,.portfolio ul.product-gallery li a:visited,.portfolio ul.product-gallery li a:hover,.portfolio ul.product-gallery li a:focus{color:transparent;text-decoration:none; border:0;outline:none}

.portfolio article.page .special-markup{position: relative; width: 100vw; margin-left: calc(-50vw + 50%); flex: none;overflow: hidden}
.title{text-transform: none; font-weight:700}
/*.title{font-size:70px;line-height:74px; margin-bottom:30px; text-transform: none; font-weight:700}
/*h2.title, .portfolio .intro h2,.portfolio hgroup .abstract{font-size:70px;line-height:74px;margin-bottom:50px;font-family: var(--f2)}*/
.col {max-width: 58.33333333%;-webkit-column-count: 2;-webkit-column-gap: 15px;-moz-column-count: 2;column-count: 2;-moz-column-gap: 35px;column-gap: 35px;-webkit-column-fill: balance;-moz-column-fill: balance;column-fill: balance;margin-top: 0px; margin-bottom:20px}
html.tn .col{max-width: none}
.wrapTxtSlider .title span,h2.title > span,.portfolio.detail h1 span,.tn .due .title span {position: relative; color: var(--c3);background: linear-gradient(45deg,var(--c5),var(--c4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;  background-size: 200% 200%;animation: gradientMove 3s linear infinite;}
.tn .bg strong{color:var(--c1)}
/**back blu scuro e testo chiaro*/
.tn .abstract h3, .tn .abstract h3, .detail.blog .page > .first .abstract,.detail article.page>.first h2{position: relative; background: var(--c3);padding:10px 30px 10px 0;color:var(--c1);width: calc(100% - 30px);font-weight: 400}
html.tn .abstract h3:before, .tn .abstract h3:before, .detail.blog .page > .first .abstract:before,.detail article.page>.first h2:before{content:"";background: var(--c3); position: absolute;width: 100%;height: 100%;top:0;left:-100%}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/***angolo**/
.tn .abstract h3:after, .tn .abstract h3:after, .detail.blog .page > .first .abstract:after,.detail article.page>.first h2:after{content: "";top: 0;left:100%;    width: 30px;  height: 100%; background: var(--c3); z-index: -1;position: absolute;/* Clip-path per inclinare solo il lato destro */    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}

/**cambio Back su sfondo scuro*/
.tn .bg .abstract h3:before,.tn .bg .abstract h3,.tempPerche .bg #c2 .abstract h3,.tempPerche .bg #c2 .abstract h3:before,.tn .bg .abstract h3:after,.tempPerche .bg #c2 .abstract h3:after{background: var(--c8);}


/*** gestione colore titolo, abstract e strong nelle parti con bg*/
.blog.detail h3{font-size: 21px;line-height: 24px; color:var(--c6);margin-top: 8px}
.blog p + ul {margin-top: -15px; margin-bottom:15px }
.blog.detail .column-1  ul{list-style-type: disc;margin-left: 12px}
.blog.detail .column-1  ul ul{list-style-type: circle;margin-left: 8px}
.blog article .title {font-size: 28px;	line-height: 32px;	margin-bottom: 10px !important;}
.blog article.page .title {font-size: 34px;	line-height: 38px;	margin-bottom: 10px !important;}
.listing.blog article{border-bottom:1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px}

.elenco ul,.elenco span.medium {display:none}
.elenco p{width:36%;float:left;margin-right:10%}
.elenco .dright{width:34%;float:left;}
.elenco .dright ul,.elenco .dright span.medium {display:block}
.elenco ul li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f1ce";font-size:14px;line-height:26px;padding-right:10px; color:#fff}

/*****/
/**personalizzazioni**/
.readMore{color:#021c29; font-size:16px;line-height: 18px;font-family: 'Open Sans', sans-serif;}
.fucsia{color: #da3d8e !important}
.pink{color:#da3d8e !important}
.colore{color:#29bad3 !important}
.twhite{color:#fff !important}

.big{font-size:24px !important; line-height: 28px !important}
.medium{font-size:15px !important; line-height: 18px !important; font-weight:700}
/* Stile generico dei bottoni con effetto hover dall'interno*/

button,.btn,.next,.contatto button,.modulo-contatti button,div.banner-t .btn{display: inline-block;line-height: 24px;text-decoration: none;text-align: center;border-radius: 40px;border: 0px solid var(--c4);color: var(--c1) !important;font-size: 18px;position: relative;overflow: hidden;background: linear-gradient(45deg,var(--c5),var(--c4));cursor:pointer;	margin-top:30px;min-width:160px;padding:8px 40px 8px 20px;max-width: 320px}
div.banner-t .btn{border: 0px solid var(--c1);color: var(--c1) !important;font-size: 18px;position: relative;overflow: hidden;background: linear-gradient(45deg,var(--c5),var(--c4))} 
.temp-food .uno .btn{background:#9a354d;border: 2px solid #9a354d;transition: all .55s;}
.food #c1 .txt{max-width: 50%}
.food .content-svg{}
.next{background:var(--c5);border: 2px solid var(--c5);}
.landing .bg .btn{background:#41555f;border: 2px solid #41555f;}
button:before,.btn:before,.next:beforer {position: absolute; content: ""; width: 100%; height: 100%; top: -100%; left: 0; background: var(--c5); z-index: -1; }
button:before,.btn:before,.next:before,div.banner-t .btn:before{ opacity: .5;}
button:after,.btn:after,.next:after{content:"";width: 35px;height: 20px;border:0px solid white;position: absolute; right:0; top:50%; margin-top:-10px; background:url("../img/background/arrow-next.svg")no-repeat center left;background-size: contain}
div.banner-t .btn:after{background: url("../img/background/arrow-next.svg") no-repeat center left}
div.banner-t .btn:hover:after{background: url("../img/background/arrow-next.svg") no-repeat center left}
.contatto button,.modulo-contatti button,.next{border: 0px solid var(--c4); background: linear-gradient(45deg,var(--c5),var(--c4))}
.btn:hover,.wine .btn:hover,.landing .bg .btn:hover{ color: #fff !important; background: linear-gradient(45deg,var(--c5),var(--c4));border:0px solid var(--c5) !important}
button:hover,div.banner-t .btn:hover,.btn:hover{color: #fff !important; background: linear-gradient(45deg,var(--c5),var(--c5));border:0px solid var(--c5)}
.group-3 .btn:hover,.group-6 .btn:hover{color: #fff !important; }
/*main .bg a.btn,.tn main .due a.btn:visited{border: 0px solid var(--c4);background:var(--c4);}*/
main .bg a.btn:hover{background:var(--c5);color:var(--c1)!important}

.archive-links{display: block;text-align: center;padding-bottom: 30px}
.contatto button:hover,.modulo-contatti button:hover,.next:hover{color: var(--c1) !important; background:var(--c5);}
.temp-food .contatto button:hover{color:#fff!important;background:#771a30;border:2px solid #771a30}
.project .btn:hover{color: #fff !important;background:#da3d8e;border:2px solid #da3d8e !important}
.temp-cl main .btn:hover{background:#98e6e2;border:2px solid #98e6e2!important;color:#021c29!important}
.temp-pit main .btn:hover{background:#98e6e2;border:2px solid #98e6e2!important;color:#021c29!important}
.temp-food main .btn:hover{background:#3a2929;border:2px solid #3a2929!important;color:#fff!important}
.temp-banco main .btn:hover{background:#9ed9b0;border:2px solid #9ed9b0;}
.temp-savoia main .btn:hover{background:#da3d8e;border:2px solid #da3d8e;}
/***animazione**/
.column-1{position: relative}
.animateSquare{position: absolute;width:100%;height: 100%;z-index: 0; display: none}
.homepage .animateSquare{display:block;}
.animateSquare div {opacity:0;position: absolute;width: 60px;height: 60px;background-color: transparent;border: 6px solid rgb(207, 237, 248,0.7);}
.animateSquare div:nth-child(1) {top: 1%;right: 30%;animation: animateSquare 20s linear infinite;}
.animateSquare div:nth-child(2) {width: 90px;height: 90px; top: 3%;right: 14%;animation: animateSquare 15s linear infinite;}
.animateSquare div:nth-child(3) {top: 6%;right: 40%;animation: animateSquare 17s linear infinite;}
.animateSquare div:nth-child(4) {top: 4%;right: 5%;animation: animateSquare 18s linear infinite;}
.animateSquare div:nth-child(5) {width: 40px;height: 40px; top: 7%;right: 15%;animation: animateSquare 26s linear infinite;}
.animateSquare div:nth-child(6) {width: 100px;height: 100px;top: 5%;right: 25%;animation: animateSquare 18s linear infinite;}
@keyframes animateSquare{  0%{transform: scale(0) translateY(0) rotate(0); opacity: 1} 50%{transform: scale(1.5) translateY(-90px) rotate(360deg); opacity: 1}100%{transform: scale(0) translateY(0px) rotate(0deg); opacity: 1}
}
/**Home*/
.group-1,.group-2,.group-4,.group-6{width:100%;margin-right: auto;margin-left: auto;padding-left:20px;padding-right:20px;}
.group-1 .theme{min-height: 48px}
.group-1{position: relative;z-index: 1}
.group-1 .theme{margin-bottom:20px;}
.group-3{opacity: 0}
.group-6 .title{max-width: 550px;}
.group-6{background-color:var(--c2)}
.group-8>.block{display:none;}
.group-8{background: var(--c1)}
.group-8 .bg{padding-top: 70px; padding-bottom: 60px}
.group-8 .first .title{max-width:450px;}
.group-8 .title{margin-bottom:50px;}

.portfolio section.page .intro{padding-left: 60px;padding-right: 60px}
html.portfolio section.archive h1.title{display: none;opacity: 0; -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease;}
/*****TEMPLATE****/
/*.template{padding-top:100px}*/
.pingu .return-promo,.wine .return-promo,.tuttavia .return-promo,.sigep .return-promo{position: relative;z-index:2; float: right; font-family: 'Open Sans', sans-serif;font-size:24px;line-height: 24px;}
.pingu .return-promo svg,.wine .return-promo svg,.tuttavia .return-promo svg,.sigep .return-promo svg{display:inline-block;width:30px;padding-right: 8px;margin-bottom: -4px}
.promo svg{margin-bottom: -10px}
.tuttavia .return-promo path{fill:#0099dc}
svg.onda2{position: absolute;bottom:2%}
.pingu .template> .uno{padding-bottom: 0}
.pingu .uno:after{content:"";background: url("../img/graduationday.png") no-repeat;width:500px;height:250px;display: block;position: absolute;z-index:2;bottom:9%;right:0}
.tuttavia h2.title span{color:#0099dc}
.tuttavia .svg1{position: absolute}
.tuttavia .svg3{-moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1);  transform: scaleY(-1);position: absolute;bottom: -98.5%;}

.promo svg{margin-bottom: -10px} svg.onda2{position: absolute;bottom:2%}
.sigep h2.title span{color:#e83c54}
.sigep .template> .uno{padding-bottom: 0}
.sigep .uno:after{content:"";background: url("../img/sigep.png") no-repeat;width:425px;height:269px;display: block;position: absolute;z-index:2;bottom:9%;right:0}
.sigep .promo .uno path {fill:#e83c54}

.wine h2.title span{color:#9687a3}
.wine .template> .uno{padding-bottom: 0}
.wine .uno:after{content:"";background: url("../img/grappolo.png") no-repeat;width:425px;height:269px;display: block;position: absolute;z-index:2;bottom:9%;right:0}
.wine .promo .uno path {fill:#2f1049}

.pingu24 .link-promo{display: none}


.tuttavia .default.uno{background:url("../img/background/bgtuttavia.jpg") no-repeat bottom;background-size: 100%;}
.tuttavia .due{padding-top: 220px;}
.tuttavia .template .default.uno{padding-bottom:0!important}
.tuttavia .uno .txt{padding-bottom: 80px;}
.content-svg{position: relative}
.template .default.uno{position: relative;z-index: 1}
.template .due{position: relative;z-index: 2}
.template .title{max-width:820px; margin-bottom: 50px}
.landing .title{max-width:none; margin-bottom: 50px}
.temp-ec .landing .title {max-width: 1000px;}
.template>div{padding-top: 100px; padding-bottom:210px}
.template>div.uno,.landing>div.uno,portfolio .column-1 section.archive,.portfolio .column-1 section.archive, .wrapTxtSlider,.blog .column-1,.template > div.bloccoTop{padding-top: 110px!important;}
.contatti .template > div.bloccoTop{padding-bottom: 80px;}
.food > div.uno{padding-bottom: 0!important}
.food .svg1{position: relative; bottom: -10px}
.food ul li{padding-left: 30px;position: relative}
.food ul li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;position: absolute;left:10px; top:2px;font-style:normal;font-variant:normal;text-rendering:auto;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f1ce";font-size:14px;line-height:26px;padding-right:10px; color:#000}

.temp-ec .template > div.uno{padding-bottom: 150px !important;}
section.archive .intro{padding-bottom: 50px !important;}
.template>.default{padding-bottom:170px;}
.template>div.bg,.loghi.bg{background:var(--c2); color:#fff;}
.template>div.bg2{background:#6dd2e3}
div.contatto{background: linear-gradient(to right, var(--c2) 50%, var(--c2) 50%); padding-top: 130px; padding-bottom: 110px;}
.temp-food div.contatto{background:url("../img/background/bg-blocco-contatti-wine.png")repeat-y center; padding-top: 130px; padding-bottom: 210px;}
div.contatto .title,div.contatto p{color:var(--c1)}

div.contatto .container div{padding-right:0px}
.template>div.bg2 .container div{max-width:670px}
div.contatto .module{padding-left:40px; padding-top:10px;}
div.request-sent .module{padding-top:0}
.column-1 .template ul li{font-size:15px;line-height:26px;}
.contatti .page {width:1170px;padding-top:230px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.contatti .big{margin-top: 50px; display:block}
.contatti .template .uno{width:46%; float:left;margin-right:8%;padding-bottom:80px}
.contatti .template .modulo-contatti{width:46%; float:left;}
.contatti .template .uffici{padding:0}
.contatti .template .uffici .uffici> div{position: absolute;width:100%; display:block;text-align: center;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin-bottom:0;color:#fff;max-width:720px; background-color: rgba(0, 0, 0, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);padding:60px 20px}
.contatti .template .uffici{position: relative;z-index:2;}
.contatti .template .uffici .uffici> div .title {font-size: 50px;line-height:56px; margin-bottom: 30px;}
.contatti .template >.container{padding-bottom:0;}
.modulo-contatti .js-form p{color:#fff;font-size: 20px;line-height:26px}
.contatti body {background: linear-gradient(to right, var(--c1) 50%, var(--c2) 50%);}
.progetti .column-1/*,.portfolio .column-1 */{background: url("../img/background/bg-progetti.jpg")no-repeat right top}
.tempChi .template .uno {background: url("../img/background/bg-chisiamo.jpg")no-repeat right top}
.tempServizi .template {background: url("../img/background/bg-servizi.jpg")no-repeat right top}
.temp-apps .template .uno{background: url("../img/background/bg-applicazioni.jpg")no-repeat right top}
.temp-dem .template .uno{background: url("../img/background/bg-dem.jpg")no-repeat right top}
.temp-copy .template .uno{background: url("../img/background/bg-copywriting.jpg")no-repeat right top}
.tempPerche .template .uno{background: url("../img/background/bg-perche.jpg")no-repeat right top}

/*.tempPerche .uno .title span{ display:block}*/
.tempPerche .due.bg{ paddding-top:150px; padding-bottom:120px}
.tempPerche .due #c2 .title span{color:#021c29}
.tempPerche .due .even .title, .tempPerche .due .odd .title{margin-bottom:20px;}
.tempPerche .due .even .title strong, .tempPerche .due .odd .title strong{display:block;color:#fff}

.tempPerche .alternati{background:url("../img/background/bg-white.png")repeat-y center}
.tempPerche .due .even{width:45%;float:left;margin-left:5%;margin-bottom: 80px; position: relative;padding-right:3%;display:none;background: url("../img/background/bg-even.png")no-repeat bottom right}
.tempPerche .due .odd{width:45%;float:left;margin-right:5%;margin-top: 80px;position: relative;padding-left:3%; display:none;background: url("../img/background/bg-odd.png")no-repeat bottom left}
.tempPerche .due div div{padding-bottom:30px;}
.tempPerche .due #c8{background: none; padding-bottom: 0}
.tempPerche .due #c8 div{padding-bottom: 0}
.tempPerche .tre.bg{background:url("../img/background/bg-perche-tre.jpg")no-repeat bottom right #000}
.tn.tempPerche .tre.bg{background:#fff;color:var(--c2)}
.temp-brand .due.bg{background:#848a7c; color:#fff;}
/**pagina padre progetti***/
.progetti .column-1 section.page{max-width:1170px;margin:auto;padding-left:15px;padding-right: 15px;padding-top:220px;}
.progetti .column-1 .page-menu{width:100%;max-width:1370px;margin:auto;padding-left:15px;padding-right: 15px}
.progetti .column-1 .page-menu{padding-top:100px;padding-bottom: 40px}
.progetti .column-1 section.page .first .title,.progetti .column-1 section.page .first .content{max-width:670px;} 
.progetti .column-1 .page-menu .even{width:50%;float:left;margin-bottom: 75px;height:270px; position: relative;padding-right:35px}
.progetti .column-1 .page-menu .odd{width:50%;float:left;margin-top: 75px;height:270px;position: relative;padding-left:35px}
.progetti .column-1 .page-menu  .title{font-size:46px;line-height:50px; margin-bottom:20px}
.progetti .column-1 .page-menu .allclick:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70); opacity: 0.7;}


/***Project***/
.project .uno{ margin-bottom:80px;position: relative;z-index: 1}
.project .due{position: relative; z-index: 2}
.temp-pingu #c2{position: relative;overflow: hidden}
.temp-food .project .uno{ margin-bottom:0px; min-height:780px} 
.project .uno .content>div{max-width:1170px;margin:auto;padding-left:15px;padding-right: 15px;}
.project #c1 > div >.theme,.project #c1>div>.title,.project #c1>div>div>p{display: none}
.temp-banco .uno{background: url("../img/background/banco-farmaceutico-1.jpg")no-repeat;background-size:cover}
.temp-cl .uno .hoverImage .title,.temp-cl .uno .theme > .shape,.temp-cl .uno .hoverImage p,.temp-pit .uno .hoverImage .title,.temp-pit .uno .theme > .shape,.temp-pit .uno .hoverImage p,.temp-food .uno .hoverImage .title,.temp-food .uno .theme > .shape,.temp-food .uno .hoverImage p,.temp-cl .uno .hoverImage .theme,.temp-banco .uno .hoverImage .title,.temp-banco .uno .hoverImage p,.temp-banco .uno .hoverImage .theme,.temp-savoia .uno .hoverImage p{color:#fff}
.project .uno .hoverImage{position:absolute;top:200px;padding-left:0px}
.project .uno .hoverImage .title span{display:block}
.temp-banco .uno .hoverImage{position:absolute;top:20%}
.project .uno .hoverImage div{max-width:500px}
.landing #c1 .txt{max-width: 58.33333333%;}
.landing #c1 .txt .col{max-width: 100%;}
/*.landing #c1 .title span{display: block}*/
.temp-cl .uno .content div .title span{color:#98e6e2; display:block}
.temp-gm .uno .content div .title span{color:#ff8703; display:block}
.temp-pit .uno .content div .title span{color:#98e6e2; display:block}
.temp-banco .uno .content div .title span{color:#9ed9b0; display:block}
.temp-savoia .uno{background: url("../img/background/hotel-savoia-1.jpg")no-repeat;background-size:cover}
.temp-savoia .uno .content div .title span{color:#da3d8e;}
.landing .due  div > .image{width: 45%; right:0; display:block;top:0; position:absolute; height:100%; overflow:hidden;}
.landing .due  div > .image img{width:auto; height:100%; position:absolute; top:0; right:0;max-width:none}
.landing > .due #c2 > div>div,.landing > .due #c2 > div .title {padding-right: 8%}
.landing #c2 .col{max-width:none}
.landing > .due #c2 > div >div,.landing > .due #c2 > div .title{width: 58%}
.landing > .tre #c3 > div > div, .landing > .tre #c3 > div .title {width: 58%; float:right}
.temp-brand .landing > .tre #c3 > div > div, .temp-brand .landing > .tre #c3 > div .title,.temp-copy .landing > .tre #c3 > div > div, .temp-copy .landing > .tre #c3 > div .title {width: 100%;	float: none;}
.landing .due  div > .title> span {color: #ff8703;}
.project .due  div > .title,.landing .due  div > .title{margin-bottom:70px;}
.project .due  div > .title> span{color:#80b9d9}
.temp-pit .project .due  div > .title> span{color:#1e8845}
.temp-solp .project .due  div > .title> span{color:#c43f3c}
.temp-pingu .project .due  div > .title> span{color:#00acf2}

.project .due div > .image {width: 56%; right: 0; display: block; position: absolute; top: 0; text-align:right; max-width:1400px;}
.temp-confidi .project .due div > .image,.temp-duparc .project .due div > .image {width: 42%}
.temp-confidi .quattro  #c4 > div p{padding-right:20%}
.project .due  div > .image img{width:100%; height:auto}
.temp-pingu .project .due div > .image{text-align: left;width:52%}
.temp-pingu .project .due div > .image img{height:100%;width: auto}
.temp-solp .due  div > .image img{width:auto;max-width:100%; height:auto}
.temp-solp .due  div > .image{width:50%;text-align: right}
.temp-food .project .due .image{ padding-top:4%} 
.temp-cl .due  div > .image{padding-right:3%;}
.temp-gm .due  div > .image{padding-right:3%;}
.temp-pit .due  div > .image{padding-right:3%;}
.temp-savoia .due  div > .image{padding-right:3%;}
.landing .uno .title {max-width:75%; margin-bottom: 50px;}
.temp-siti .landing .uno .title {max-width: 75%;margin-bottom: 50px;}
.landing>div {padding: 0px!important;}
.landing .row >div >div {padding-top: 130px; padding-bottom: 130px;}
.project .due  #c2 > div,.project .tre  #c3 > div, .project .cinque #c5 > div, .project .sette #c7 > div, .landing .due  #c2 > div,.landing .tre  #c3 > div{max-width: 1170px; margin: auto; padding-left:15px; padding-right:15px}
.landing .due  #c2, .landing .tre  #c3,.landing .quattro  #c4,.landing .cinque  #c5{padding-left:0px; padding-right:0px;border:0}
.project .due  #c2 > div,.project .tre  #c3 > div, .project .cinque #c5 > div, .project .sette #c7 > div{padding-left:15px; padding-right:15px}
.project .due  #c2 > div{padding:8% 15px 9% 15px}
.project .due #c2 > div >div, .project .due #c2 > div .title{width: 48%}
.temp-cl .project .due #c2 > div div,.temp-pit .project .due #c2 > div div,.temp-eye .project .due #c2 > div div,.temp-savoia .project .due #c2 > div div{width:40%}
.temp-cl .project .due #c2 > div div,.temp-pit .project .due #c2 > div div,.temp-savoia .project .due #c2 > div div{padding-right: 90px;}
.temp-gm .project .due #c2 > div div,.temp-pit .project .due #c2 > div div,.temp-eye .project .due #c2 > div div,.temp-savoia .project .due #c2 > div div{width:40%}
.temp-gm .project .due #c2 > div div,.temp-pit .project .due #c2 > div div,.temp-savoia .project .due #c2 > div div{padding-right: 90px;}
.project .tre #c3{overflow: hidden;position: relative;z-index: 1}
.project .tre #c3 > div >div, .project .tre #c3 > div .title{width: 63%;float: right; clear:both}
.temp-pingu .project .tre #c3 > div .title{padding-top: 30px;}
.temp-pingu .project .tre #c3:before{content:"";width:100%;height: 80%;position: absolute;background: rgb(0,172,242);
background: linear-gradient(180deg, rgba(0,172,242,1) 0%, rgba(255,255,255,1) 100%);z-index:-1;left:0;top:0}
.project .cinque #c5 > div >div, .project .cinque #c5 > div .title,
.project .sette #c7 > div >div, .project .sette #c7 > div .title{width: 63%;float: right; clear:both;max-width:none}
.temp-cl .due  #c2 > div,.temp-gm .due  #c2 > div,.temp-savoia .due  #c2 > div{padding:9% 15px 12% 15px}
.temp-pit .due  #c2 > div{padding:2% 15px 12% 15px}
.temp-solp .due  #c2 > div{padding:5% 15px 8% 15px}
.temp-eye .uno{background: url("../img/background/eyepetizer-1.jpg")no-repeat;background-size:cover}
.temp-eye .uno .hoverImage .title,.temp-eye .uno .hoverImage .theme{color:#000}
.temp-eye .due  #c2 > div,.temp-confidi .due  #c2 > div{padding:3% 15px 8% 15px}
.temp-eye .due  div > .image{margin-top:50px}
.temp-confidi .uno{background: url("../img/background/confidi-1.jpg")no-repeat;background-size:cover}
.temp-banco .due  div > .title> span{color:#4bbd5b}
.temp-banco .due  div > .image{width: 45%;}
.temp-banco .due  #c2 > div .col{max-width:none;}
.temp-omc .project .cinque #c5 > div > div, .temp-omc .project .cinque #c5 > div .title{width:57%}
.temp-savoia .project .tre #c3 > div > div, .temp-savoia .project .tre #c3 > div .title,
.temp-envolve .project .tre #c3 > div > div, .temp-envolve .project .tre #c3 > div .title{width:62%}
.temp-savoia .project .tre div > .image,.temp-envolve .project .tre div > .image{width: 38%;}
.temp-duparc .project .due  #c2 > div{padding-bottom:12%;}
.temp-duparc .uno{background: url("../img/background/du-parc-1.jpg")no-repeat;background-size:cover}
.temp-envolve .uno{background: url("../img/background/bg-envolve.jpg")no-repeat;background-size:cover}
.temp-pingu .uno{background: url("../img/background/bg-pingu.jpg")no-repeat center;background-size:cover;}
.temp-nutri .uno{background: url("../img/background/nutrifarma-1.jpg")no-repeat;background-size:cover}
.temp-nutri .project .due #c2 > div {padding: 5% 15px 9% 15px;}
.temp-omc .uno:before{position: absolute;top:0;left:0;content: "";width:100%;height: 100%; background: url("../img/background/omc-1.jpg")no-repeat center;background-size:cover;}
.temp-omc .due  div > .image{width: 45%;}
.portfolio .column-1 section.archive{padding-bottom: 50px !important;}
.template.landing .uno{background: url("../img/background/bg-siti.jpg")no-repeat 110% top;padding-bottom: 150px !important;}
.temp-siti .template.landing .due  div > .title> span {color: #60b8ce;}
.temp-ec .template.landing .uno{background: url("../img/background/bg-ecommerce.jpg")no-repeat top right;}
.temp-ec .template.landing .due  div > .title> span {color: #d49c8a;}
.temp-hotel .template.landing .uno{background: url("../img/background/bg-hotel.jpg")no-repeat top right;}
.temp-hotel .template.landing .due  div > .title> span {color: #ff008e;}
.temp-ads .template.landing .uno{background: url("../img/background/bg-ads.jpg")no-repeat top right;}
.temp-ads .template.landing .due  div > .title> span {color: #c63047;}
.temp-grafica .template.landing .uno{background: url("../img/background/bg-grafica.jpg")no-repeat top right;}
.temp-grafica .template.landing .due  div > .title> span {color: #c63047;}
.temp-social .template.landing .uno{background: url("../img/background/bg-social.jpg")no-repeat top right;}
.temp-social .template.landing .due  div > .title> span {color: #59add0;}
.temp-seo .template.landing .uno{background: url("../img/background/bg-seo.jpg")no-repeat top right;}
.temp-seo .template.landing .due  div > .title> span {color: #4e8dd0;}
.temp-dem .template.landing .due  div > .title> span {color: #db2f20;}
.temp-brand .template.landing .uno{background: url("../img/background/bg-brand.jpg")no-repeat top right;}
.temp-brand .template.landing .due  div > .title> span {color: #11062d;}
.temp-copy .template.landing .due  div > .title> span {color: #a7d772;}
.temp-apps .template.landing .due  div > .title> span {color: #a3b5eb;}
.temp-food .uno{background: url("../img/background/food-1-1.jpg")no-repeat;background-size:cover}
.temp-food .uno .title> span {color: #9a354d;}
.temp-food .due  div > .image{width: 45%;}
.temp-food .project .cinque #c5 > div > div, .temp-food .project .cinque #c5 > div .title{width:57%}
.temp-food .project .tre #c3 > div >div,.temp-food .project .tre #c3 > div .title{/*width: 53%*/;float: right; clear:both}
.sigep .uno h2.title,.wine .uno h2.title{max-width: 65%}
.detail.portfolio .first .theme{color:var(--c2)}
.portfolio .content-archive .shape{display: none}
.portfolio time{color:var(--c5);font-weight: 600;font-size: 13px;line-height: 16px;text-transform: uppercase;}
.portfolio #custom-filters{margin-bottom:20px; padding-left: 0px; padding-right: 0px}
.portfolio .content-archive{margin-bottom:20px; padding-left: 25px; padding-right: 25px}
.portfolio #custom-filters{display: flex;flex-wrap:wrap;justify-content: left;column-gap: 4px}
main #custom-filters a,main #custom-filters a:visited{white-space: nowrap;display: inline-block;width:auto;padding:2px 8px; color:var(--c2);background: none;border-radius:0px; margin-bottom:4px;cursor: pointer;text-decoration: none;text-align: center;border-bottom: 0}
main #custom-filters a:hover{color:var(--c5);background: transparent; text-decoration: none }
#custom-filters span{display: inline-block;margin-right:2px; margin-bottom:4px;padding:2px 8px; color:var(--c2);background: transparent;border-bottom:1px solid var(--c2)}
.portfolio .content-archive article{margin-bottom: 40px;overflow: hidden;max-width:350px;position: relative }
.portfolio .content-archive article:before{content:"";position: absolute;width: 100%;height: 60%;bottom:0;background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);z-index: 2;  pointer-events: none; /* importante: permette l'interazione col contenuto sottostante */}
.portfolio .content-archive .theme{padding-bottom:0px;font-size:14px;line-height: 20px; margin-top: 2px; margin-bottom:2px; display: block;text-transform: uppercase;transition: all .35s; border-bottom:0 }
.portfolio.listing .content{font-size:16px;line-height: 20px;color:var(--c1);transition: all .35s;padding-top:5px}
.portfolio.listing .content-recensioni p,.portfolio.listing .content-recensioni .btitle,.portfolio.listing .bgaside .content{color:var(--c2)}
.portfolio.listing .header{color:var(--c1)}
.portfolio .content-archive .title{color:var(--c1);font-size:24px;line-height: 28px;margin-bottom: 0!important}
.portfolio .content-archive .wrapTesto {padding-left: 20px;padding-right: 20px;color:var(--c1);height: 100%;position: relative}
.portfolio.listing main .title{transition: bottom 0.4s ease;position: relative;top:0;bottom: auto}
.portfolio main .title a, .portfolio main .title a:visited, .portfolio main .title a:hover{color:var(--c1);}
.portfolio .content-archive .wrapTesto .data{color:var(--c3);text-transform: uppercase;font-size:12px;line-height: 14px;margin-bottom: 0}
html.lavori main{opacity: 0;-moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease; }	
.portfolio .content-archive article .header,.portfolio .content-archive article .wrapTesto{display: flex;flex-direction: column}
.portfolio .content-archive article .header{position: absolute;z-index:2;bottom:20px;width: 100%}

/*.portfolio .content-archive article {padding-bottom: 10px;border-bottom:1px solid #ccc}
.portfolio .content-archive article .wrapTesto{margin-top: 8px;}*/
.portfolio .content-archive article .date{display: block;width:100%;padding-top:5px;order:-1}
.portfolio .content-archive article .theme > span, .portfolio article>.content{display: none}
.portfolio .content-archive{position: relative}
.portfolio .content-archive article .special-markup img {
  transition: transform 0.6s ease;
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center center;
  z-index: 1; /* sotto al ::before */
  position: relative;
}

/* Effetto hover: ingrandisce e ruota leggermente */
.portfolio .content-archive article:hover .special-markup img {
  transform: scale(1.08) rotate(1.2deg);
}

.portfolio article.page> .first .block{display: flex;flex-wrap:wrap;padding: 110px 25px 20px;}
.portfolio article.page> .first .block .clear{display:none}
.portfolio article.page .block .header{order:1;width: 100%}
.portfolio article.page> .first .block .special-markup{order:2;overflow: hidden}
.portfolio article.page> .first .block .content{order:3;padding-top: 15px;}
/*.portfolio article.page .block .header h1{margin-bottom: 0px!important}*/
.portfolio.detail h1{font-size: 44px;line-height: 50px;margin-bottom: 0px;margin-top: 0px}
.portfolio.detail .parent-links{margin-bottom: 20px}
.portfolio.detail .page .first h2{font-size: 23px;  line-height: 28px;   font-weight: 400;}
.portfolio.detail .first .abstract{font-size: 20px; line-height: 26px; font-weight:400; margin-top:20px;margin-bottom: 0}
.portfolio hgroup .abstract{font-size: 26px;line-height: 30px;margin-bottom:0}
.portfolio article.page .block .header{padding-bottom: 15px}
.portfolio ul.product-gallery{padding-left: 0px; padding-right: 0px;margin:0}
.portfolio article.page> .first .gallery .title{padding-left: 55px; padding-right: 55px;font-weight:400}
.portfolio article.page> .first .abstract span{color:var(--c4)}
.portfolio article.page .special-markup{/*background:#f1f1f1;*/padding-top: 20px;padding-bottom: 10px;}
.portfolio .slick-next{position: absolute; right:10px; margin:-20px 0 0 0; width: 48px;height: 48px; display: block;background: url("../img/background/arrow-black.svg") no-repeat right;background-size: 44px;text-align: center;padding:4px;border-radius: 30px;cursor: pointer}
.portfolio ul.product-gallery li {float:none; height: 650px; width: auto!important;text-align: center; padding: 20px 0px;/*border:10px solid transparent;*/}
.portfolio ul.product-gallery {display: flex;flex-direction: row;overflow: hidden;padding-bottom: 28px}
.portfolio ul.product-gallery.slick-slider{display: block}
button.slick-prev{display: none!important} 
.slick-track { display: flex!important;column-gap: 10px; }

.portfolio ul.product-gallery li img {height: 100%!important;max-height: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width:auto!important;max-width: none}

.listing .special-markup{text-align: center;}

.content-archive.loader:before{content:"";position: absolute;left:0;top:0;z-index:1000;width:100%;height: 100%; background: rgba(255,255,255,0.6)}

 @media (min-width: 320px) {
    .pingu .uno::after,	.sigep .uno::after,	.wine .uno::after { right:2%;bottom:0%;width:200px;height:120px;background-size:cover}
	 .tn #c1.vr span.image{margin-bottom: 40px}
}
@media (min-width: 375px) {
   
}
@media (min-width: 420px) {
    .pingu .uno::after,.sigep .uno::after,.wine .uno::after { right:2%;bottom:0%;width:250px;height:150px}
	#custom-filters a, #custom-filters a:visited,#custom-filters a:hover,#custom-filters span{font-size: 14px; line-height: 20px;}

}
@media (min-width:500px) {
	.portfolio .content-archive article{max-width:350px;margin:30px auto}
	.portfolio #custom-filters {column-gap: 8px;}
	#custom-filters a, #custom-filters a:visited,#custom-filters a:hover,#custom-filters span{font-size: 16px; line-height: 22px;}

}
@media (min-width:600px) {
	.portfolio .content-archive {display: flex; flex-wrap:wrap;padding-left: 15px; padding-right: 15px}
	.portfolio .content-archive article{flex: 1 0 230px;margin:20px 10px;box-sizing: border-box;}
	.portfolio article.page .special-markup{/*background:#f1f1f1;*/padding-top: 30px;padding-bottom: 20px;}
	.portfolio #custom-filters {column-gap: 10px;}
	#custom-filters a, #custom-filters a:visited,#custom-filters a:hover,#custom-filters span{font-size: 18px; line-height: 24px;}

}
@media (min-width: 768px) {
	.theme>span { width: 110%;}
	.portfolio article.page > .first .gallery .title,.portfolio article.page > .first .gallery >p,.recensioni>div,.contatti #c1 >div,.portfolio .content-archive{max-width: 750px; margin: auto;}
	.portfolio .column-1 section.archive .intro, .portfolio .column-1 section.archive h1 {max-width: 720px; margin: auto;}
	.contatti #c1 >div{padding-left: 25px;padding-right: 25px}
	.recensioni>div.content-recensioni{width:700px}
	h2, .model h2.title,  h2.title, .title, aside .first .title, .contatto .title, .group-2 .title, .tmp-promo .page-menu::before,.shiftgroups .group-2 .first.even .title {font-size: 40px;	line-height: 48px;margin-bottom: 30px}
	
	.portfolio article.page > .first .block{max-width: 750px; margin: auto;padding-top: 150px}
	.portfolio article.page > .first .block .abstract{margin-bottom: 10px;}
	.temp-cl .uno{background: url("../img/background/cl-1.jpg")no-repeat;background-size:cover}
	.temp-gm .uno{background: url("../img/background/gm-1.jpg")no-repeat;background-size:cover}
	.temp-pit .uno{background: url("../img/background/pit-1.jpg")no-repeat;background-size:cover}
	.temp-solp .uno{background: url("../img/background/solp-1.jpg")no-repeat;background-size:cover}
	.tempServizi div.due{background: url("../img/background/servizi2.jpg") no-repeat right bottom var(--c2);}
	.tempServizi div.tre,.tempServizi div.tre .container{position: relative;z-index: 1}
	.tempServizi div.tre::before{position: absolute;z-index: 0;top:0;left: 0;width: 100%;height: 100%; content:"";background: url("../img/background/servizi3.jpg") no-repeat right bottom #ffffff;  background-size: auto 80%;}
	.tempServizi div.quattro{background: url("../img/background/servizi4.jpg") no-repeat right bottom var(--c2);}
	.tempServizi div.cinque{background: url("../img/background/servizi5.jpg") no-repeat right }
	.tempServizi div.sei{background: url("../img/background/servizi6.jpg") no-repeat right var(--c2);}
	.tempServizi div.sette{background: url("../img/background/servizi7.jpg") no-repeat right }
	.tempServizi div.otto{background: url("../img/background/servizi8.jpg") no-repeat right bottom #66c8d5; padding-top: 110px; padding-bottom: 140px;}	
	.not-found #main >.container-fluid,.group-1,.group-2,.group-4 .block,.group-6 .block,section.archive .intro,.portfolio .column-1 section.archive>.head{width:750px;margin-right: auto;margin-left: auto;padding-left:15px;padding-right:15px}
	.portfolio .column-1 section.archive > .head{padding-left:0px;padding-right:0px}
	.portfolio #custom-filters{padding-left: 15px; padding-right: 15px}
	.group-1 .theme{margin-bottom:30px;}
	.not-found #main >.container-fluid{padding-top:140px; padding-bottom:110px}
    .pingu .uno::after,	.sigep .uno::after,	.wine .uno::after { right:2%;bottom:0%;width:350px;height:206px;}
	.portfolio .intro .content{display: flex;justify-content: space-between;flex-wrap: wrap}
	.portfolio .intro .content p{width: 48%}
	.listing.portfolio .column-1 section.archive h1{margin-bottom: 15px}

}

@media (min-width: 992px) {
	.template #c1 h2.title, aside .first .title, .group-2 .title, .portfolio .intro h2, .portfolio hgroup .abstract, .wrapTxtSlider .title, .portfolio.detail h1 {font-size: 48px;line-height: 52px;}
	.vr .theme > span {	width: 110%;}
	  h2, .model h2.title, h2.title, .title, aside .first .title, .contatto .title, .group-2 .title, .tmp-promo .page-menu::before, .shiftgroups .group-2 .first.even .title{font-size: 44px;line-height: 50px;}
	.portfolio article.page > .first .gallery .title,.portfolio article.page > .first .block,.portfolio article.page > .first .gallery >p,.portfolio .content-archive{max-width: 970px;}
	.portfolio .column-1 section.archive .head,.portfolio .content-archive { padding-left: 15px; padding-right: 15px;}

	.portfolio article.page > .first .gallery .title {font-size: 24px;line-height: 30px;}
	.not-found #main >.container-fluid,.group-1,.group-4 .block,.group-6 .block,section.archive .intro,.portfolio .column-1 section.archive>.head{width:970px; padding-top:20px; padding-bottom:110px}
	.group-6 .block{padding-top: 70px}
	.portfolio .column-1 section.archive>.head{padding-bottom: 0px;}
	.not-found #main >.container-fluid{padding-top:140px; padding-bottom:110px}
	.group-2{width:970px;}
    .pingu .uno::after,	.sigep .uno::after,	.wine .uno::after { bottom:5%;}
	.portfolio .content-archive,.portfolio #custom-filters,.listing.portfolio .column-1 section.archive .intro,.listing.portfolio .column-1 section.archive h1{max-width:970px; margin: auto; column-gap:20px}
	.portfolio #custom-filters{column-gap:14px}
	.portfolio .content-archive article{margin:20px 0;}
	.blog .column-1 {padding-bottom: 80px}
	.home .wrapTxtSlider{width: calc(100% - 500px)!important}
	.home .div100vh img{margin-right:0px;margin-top:60px}

	html.tn #c1 .abstract h3, .portfolio.detail .page .first h2 {font-size: 26px;	line-height: 34px;}
	html.tn .abstract h3,.tn #c2 .abstract h3{font-size: 24px;	line-height: 32px;}
	.tn .abstract,.detail.portfolio article.page > .first .block .abstract {font-size: 22px;	line-height: 28px;}
	.noimages.tn #c1 > div:first-child, .noimages.tn #c1 span.image, .noimages.tn #c2 > div:first-child, .noimages.tn #c2 span.image, .noimages.tn #c3 > div:first-child, .noimages.tn #c3 span.image {width:100%	}
	html.video-top #c1 > .image{order:2}
	.group-1 .block {padding-left: 15px; padding-right: 15px;}
	.portfolio #custom-filters {padding-left: 0px;	padding-right: 0px;}
	.listing.portfolio .column-1 section.archive h1{margin-bottom: 15px}
	button, .btn, .next, .contatto button, .modulo-contatti button, div.banner-t .btn {	max-width: none;}

}
@media (min-width: 1200px) {
	.homepage body.def .logo .defc, .temp-food body.def .logo .def, body.def .logo .def {height: 56px;}
	.not-found #main >.container-fluid,.group-1,.group-2,.group-4 .block,.group-6 .block,.group-7 .container,section.archive .intro,.portfolio .column-1 section.archive>.head,.portfolio article.page > .first .block,.portfolio article.page > .first .gallery .title,.portfolio article.page > .first .gallery >p,.portfolio .content-archive{width:1170px;max-width:1170px}
	.portfolio article.page > .first .block,.portfolio article.page > .first .gallery .title,.portfolio article.page > .first .gallery >p{padding-left: 15px;padding-right: 15px}
	.portfolio article.page > .first .gallery >p{margin-bottom: 30px}
	.portfolio article.page > .first .block{padding-top: 110px}
	.portfolio .column-1 section.archive .intro h2{max-width:670px}
	.portfolio .column-1 section.archive .intro{width:100%;padding:0}
	.tempServizi div.tre::before{position: absolute;z-index: 0;top:0;left: 0;width: 100%;height: 100%; content:"";background: url("../img/background/servizi3.jpg") no-repeat right bottom #ffffff;  background-size: auto 90%;}
    .pingu .uno:after{width:500px;height:270px;display: block;position: absolute;z-index:2;bottom:9%;right:2%}
	.sigep .uno:after{width:550px;height:348px;display: block;position: absolute;z-index:2;bottom:9%;right:2%}
	.wine .uno:after{width:550px;height:348px;display: block;position: absolute;z-index:2;bottom:9%;right:2%}
	.portfolio .content-archive article {flex: 1 0 300px;}
	.portfolio .column-1 section.archive > .head{padding-left: 15px; padding-right: 15px;padding-top:0}
	.portfolio .column-1 section.archive .intro p,.portfolio .column-1 section.archive .intro h2 {max-width: 700px;}
	.tempPerche #c1 .title,.tempPerche #c1 .abstract{max-width:650px}
	.tempPerche #c1 .col{max-width:none}
	.vr h2.title {font-size: 54px;	line-height: 60px;}
	.portfolio .content-archive,.portfolio #custom-filters,.listing.portfolio .column-1 section.archive .intro,.listing.portfolio .column-1 section.archive h1,.portfolio .column-1 section.archive .intro, .portfolio .column-1 section.archive h1{max-width:1170px; margin: auto; padding-left: 15px; padding-right: 15px;}
	.portfolio .column-1 section.archive > .head { padding-left: 0px; padding-right: 0px; }
	.listing.portfolio .column-1 section.archive h1{max-width: 1140px;padding-left: 0;margin-bottom:15px}
	.group-1 .col {max-width: none;}
html.tn .col{max-width: none}
}
@media (min-width: 1400px) {
	.home .wrapTxtSlider{width: calc(100% - 700px)!important;max-width: 760px;padding-right: 0}
	.home .wrapTxtSlider .title {font-size: 74px;line-height: 80px;}
	.portfolio .content-archive,.portfolio #custom-filters,.listing.portfolio .column-1 section.archive .intro{padding-left:15px; padding-right:15px;}
	.group-1 .block {padding-left: 0px;	padding-right:0px;}
	.wrapTxtSlider .title{font-size: 54px; line-height: 56px;  }

}
@media (min-width: 1600px) {
	.portfolio article.page > .first .block .abstract{font-size: 70px;  line-height: 74px;}
	.portfolio .content-archive article {flex: 1 0 350px;}
	.wrapTxtSlider .title {font-size: 60px;	line-height: 62px;}

}
@media (min-width: 1700px) {
    .pingu .uno::after ,.sigep .uno::after,.wine .uno::after { right:8%;}
	.portfolio .column-1 section.archive .intro p {max-width: 700px;}
}
.container-fluid {max-width: none;margin: 0px}
@media (max-width: 1599px) {
	.project .uno .hoverImage{padding-left:0}
	.project .uno .hoverImage { top: 180px;}
	.project .tre #c3 > div > div, .project .tre #c3 > div .title { width: 53%; float: right; clear: both;}
	.wrapTxtSlider{width:55%; max-width:none;top: 0%;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
	/*.template>div.uno,.landing>div.uno,.progetti .column-1 section.page,.portfolio .column-1 section.archive,.contatti .template > div,.wrapTxtSlider{padding-top: 180px!important;}*/
	/*h2.title,.title,aside .first .title, .portfolio .intro h2,.portfolio hgroup .abstract {font-size: 64px;line-height: 66px;}*/
	.logo, .def .logo{margin-left:2%;margin-top:20px;}
	.box{right:2%;margin-top:20px;}
	h1.title{text-transform: none;font-size: 70px;line-height: 74px;}
	.template.landing .uno {background-size: 58% auto !important;}
	.temp-ads .template.landing .uno {background-size: 50% auto !important;}
	.temp-ads .landing .uno .title ,.temp-social .landing .uno .title,.temp-dem .template .uno .title { max-width: 70%;}
	.temp-grafica .template.landing .uno {background-size: 50% auto !important;}
	.temp-grafica .landing .uno .title ,.temp-social .landing .uno .title,.temp-dem .template .uno .title { max-width: 70%;}
	.temp-social .template.landing .uno {background-size: 52% auto !important; background-position:100% -20%}
	.temp-social .landing .uno .title ,.temp-seo .landing .uno .title { max-width: 65%;}
	.temp-social .template.landing .uno {background-size: 48% auto !important; background-position:110% 0%}
	.temp-dem .template .uno {background-size: 48% auto !important; background-position:110% -30%}
	.temp-ec .template.landing .uno{background-size:auto !important;}
	.temp-eye .due #c2 > div, .temp-confidi .due #c2 > div {padding: 3% 15px 8% 15px;}	
	.progetti .column-1,.portfolio .column-1  {background-size:54% auto}
	.temp-duparc .project .due #c2 > div {padding-top:5%;padding-bottom: 10%;}
	.temp-ec .landing > div.bg.quattro #c4 >div{padding-left:0%;padding-right:30%}
    .template .layer-arrow, .project .layer-arrow {position: absolute;bottom: -125px;}

}
@media (max-width: 1299px) {
	/*.container,.blog .column-1 {  padding-right: 85px; padding-left: 85px;}*/
	h1.title {font-size: 60px;line-height: 68px;margin-bottom:30px}
	/*h2.title, .title, aside .first .title, .portfolio .intro h2,.portfolio hgroup .abstract { font-size: 58px;line-height: 62px;}*/
	.col {max-width: 65%;}
	.project .uno .hoverImage {padding-left: 70px;}
	.group-1 .theme,.theme {margin-bottom: 20px;}
	.wrapTxtSlider {position: relative;width: 55%;padding-right: 2%;padding-left:70px;margin: auto;z-index: 201;text-align: left;display: block;}
	.template > div.uno { padding-top: 150px;}
	.tempPerche .template .uno {background-size: 46%;}
	.tempServizi .template {background: url("../img/background/bg-servizi.jpg")no-repeat 120% top;}
	.temp-ec .template.landing .uno{background: url("../img/background/bg-ecommerce.jpg")no-repeat 105% top;}
	.landing > .tre #c3 > div > div, .landing > .tre #c3 > div .title{padding-left:0px; padding-right:0px}
	.homepage .wrapTxtSlider{padding-left:0;}
	.logo .black,.logo .white,.logo .color{max-width:45px;height:auto;}
	
	.group-2, .group-4 .block, .group-6 .block {padding-top:60px;padding-bottom: 60px;;}
    .group-1 .block{padding-top:0px;padding-bottom: 0px;}
	.progetti .column-1 section.page{padding-left: 85px;padding-right: 85px;padding-top: 150px;padding-bottom:80px}
	.portfolio .column-1 section.archive .intro, .portfolio .column-1 section.archive h1 {padding-top:0;padding-left: 15px;padding-right: 15px;}
	.progetti .column-1 {background: url("../img/background/bg-progetti.jpg")no-repeat right -5%;background-size: 50%;}
	.progetti .column-1 .page-menu {padding-left: 85px;	padding-right: 85px;padding-top:50px}
	.progetti .column-1 .page-menu .title {font-size: 30px;line-height: 34px;}
	.progetti .column-1 .page-menu .even .special-markup,.progetti .column-1 .page-menu .odd .special-markup { max-width: 180px;}
	.progetti .column-1 .page-menu .even{padding-right: 0}
	.progetti .column-1 .page-menu .even { margin-bottom: 45px;  height: 200px; padding-right:20px}
	.progetti .column-1 .page-menu .odd {margin-top: 45px;height: 200px; padding-left:20px;}
	.progetti .column-1 .page-menu .title {	margin-bottom: 10px;}
	.progetti .column-1 .page-menu .content p{line-height:24px}
	.temp-cl .due #c2 > div,.temp-pit .due #c2 > div, .temp-savoia .due #c2 > div {padding: 5% 80px 0% 85px;}
	.temp-gm .due #c2 > div,.temp-pit .due #c2 > div {padding: 5% 80px 0% 85px;}
	.temp-savoia .project .due #c2 > div div {  padding-right: 40px;}
	.project .due div > .title, .landing .due div > .title {margin-bottom: 50px;}
	.project .tre #c3 > div > div, .project .tre #c3 > div .title {width: 51%;}
	.template.landing .uno{background-size: auto 65%;background-position: 110% 80%;}
	.landing #c1 .txt { max-width: 55%;}
	.temp-siti .landing #c1 .txt {max-width: 75%;}
	.temp-siti .landing .tre div > .image img {margin-left: -30%;}
	.temp-siti .landing .uno {background-position: right top}
	.temp-ec .landing .due div > .image img { margin-left: 0%;}
	.temp-ec .landing .tre div > .image img {max-width: none; height: auto;}
	.temp-ec .landing > div.bg.quattro {background-position:  100% bottom #dedede;}
	.landing .row > div > div{ padding-top: 100px;padding-bottom: 90px;}
	.tempChi .template .uno{background-position: 130% 0px;}	
	.tempChi .template .tre{background-size: auto 75%; background-position: bottom right}
	/*.tempChi .template .tre .col{max-width:600px}*/
}
@media (max-width: 1199px) {
    .temp-siti .landing .uno .title{max-width: 70%;margin-bottom: 50px;}
    .portfolio .intro h2 {max-width: 95%;margin-bottom: 50px;}
	.project .uno .content > div,.project .due #c2 > div, .project .tre #c3 > div, .project .cinque #c5 > div, .project .sette #c7 > div, .landing .due #c2 > div, .landing .tre #c3 > div,aside {max-width: 970px; }
	.project .uno .hoverImage{padding-left:0}
	.project .due #c2 > div, .temp-banco .due #c2 > div {padding: 0 0px 8% 0px;}
	.template > div.bg2 .container div {max-width: 800px;}
	.project .cinque #c5 > div > div, .project .cinque #c5 > div .title, .project .sette #c7 > div > div, .project .sette #c7 > div .title {width: 60%;
    float: right; clear: both;}
	.project .sette #c7 > div { padding: 6% 0;}
	/*.template > div.uno, .landing > div.uno, .progetti .column-1 section.page, .portfolio .column-1 section.archive,.wrapTxtSlider,.contatti .template > div{padding-top: 120px !important;}
	.project .uno .hoverImage {top: 120px;}*/
	.group-2, .group-4 .block, .group-6 .block {padding-left: 15px; padding-right: 15px;padding-top: 40px;padding-bottom: 40px;}
	.group-1 {padding-left: 15px; padding-right: 15px;padding-top: 0px;padding-bottom: 40px;}
	.container {padding-right: 15px; padding-left: 15px;}
	.portfolio .column-1 section.archive .intro, .portfolio .column-1 section.archive h1{padding-left: 0px;padding-right: 0%}
	/*h2.title, .title, aside .first .title, .portfolio .intro h2,.portfolio hgroup .abstract {font-size: 50px;	line-height: 56px; margin-bottom:40px}*/
	.tempPerche .due .even .title, .tempPerche .due .odd .title { font-size: 46px;line-height: 50px;}
	.col {max-width: 100%;}
	.elenco p {width: 42%;}
	.tempServizi .template,.template.landing .uno {background-size: 45% !important; background-position: 110% top;}
	.temp-hotel .template.landing .uno {background-size: 40% !important; background-position: 100% top;}
	.temp-ec .template.landing .uno {background-size: 30% !important;}
	.temp-ads .template.landing .uno {background-size: 40% !important;  background-position: 100% top;}
	.temp-ads .landing .uno .title,.temp-social .landing .uno .title {max-width: 60%;}
	.temp-grafica .template.landing .uno {background-size: 40% !important;  background-position: 100% top;}
	.temp-grafica .landing .uno .title,.temp-social .landing .uno .title {max-width: 60%;}
	.temp-social .template.landing .uno{ background-position: 110% 0%;}
	/*.template > div.uno { padding-top: 120px;}*/
	.tempPerche .template .uno{ background-size: 40%; background-position:100% -40%}
	.temp-dem .template .uno {background-position: 104% 0;}
	.temp-apps .template .uno{ background-position: 140% -10%;}
	.temp-copy .template .uno{background-position: 104% -6%;}
	.tempChi .template .uno {background-position: 102% -20%; background-size: 40% auto;}	
	.tempChi .template .title {max-width: 600px; margin-bottom: 40px;}
	.tempPerche .tre.bg {background-size: auto 80%;background-position: right top;}
	.progetti .column-1 .page .first .block{padding-right:200px;}
	.landing .row > div > div {  padding-top: 100px; padding-bottom: 100px;}	
    .food #c1 .txt {max-width: 68%;}
	.homepage .wrapTxtSlider, .wrapTxtSlide{padding-bottom: 86%;}
	
}
@media (max-width: 1024px) {
	/*.group-1 .block, .group-2, .container,.portfolio .column-1 section.archive h1 { padding-left: 60px; padding-right: 55px;}*/

	.tempChi .template .uno {background-position: 102% -20%; background-size: 48% auto;}	
	.tempChi .template .tre {background-position: 130% bottom;}
	.tempPerche .template .uno {background-size: 45%;}
	.temp-siti .template.landing .uno {background-size: 60% !important;}
	.progetti .column-1/*,.portfolio .column-1 */{background: url("../img/background/bg-progetti.jpg")no-repeat 110% 0%; background-size: 47%;}
	.progetti .column-1 .page-menu .title {font-size: 26px; line-height: 30px;}
	.temp-cl .project .due #c2 > div div { padding-right: 40px;}
	.temp-gm .project .due #c2 > div div { padding-right: 40px;}
	.temp-pit .project .due #c2 > div div { padding-right: 40px;}
	.project .due #c2 > div, .temp-banco .due #c2 > div {padding: 5% 15px 7% 15px;}
	.contatti .template .uffici .uffici> div .title {font-size: 40px;line-height:46px; margin-bottom: 30px;}
	.contatti .template .uffici .uffici > div{max-width:600px;padding:30px 15px;}
    .food #c1 .txt {max-width: 95%;}
	.temp-food .uno {background: url("../img/background/food-1-1.jpg") #fff no-repeat bottom right;	background-size: 80% auto;} 
    .template > div.uffici{padding-top: 50px!important}
    .tempServizi div.tre::before{position: absolute;z-index: 0;top:0;left: 0;width: 100%;height: 100%; content:"";background: url("../img/background/servizi3.jpg") no-repeat right bottom #ffffff;  background-size: auto 80%; opacity:.4}
}
@media (max-width: 991px) {
	.project .uno { margin-bottom: 50px;}
	.project .uno .content > div,.project .due #c2 > div, .project .tre #c3 > div, .project .cinque #c5 > div, .project .sette #c7 > div, .landing .due #c2 > div, .landing .tre #c3 > div,aside {max-width: 770px; }
	.wrapTxtSlider {width:50%}
	.col {max-width: 100%;}
	.container, .group-1, .group-2, .group-4 .block, .group-6 .block{padding-left:0; padding-right:0}
	.topMenu .main-menu {width: 65vw;padding-top:20px;padding-left:40px }
	.main-menu ul.nav > li > a, .main-menu ul.nav > li > a:visited {font-size: 40px;  line-height: 34px;}
	.tempChi .template .uno {background-position: 125% -20%;background-size: 55% auto;}
	.temp-siti .template.landing .uno{background-size: 60% !important;}
	.main-menu ul.nav li ul li > a, .main-menu ul.nav li ul li > a:visited {padding: 10px 12px;}
	.main-menu ul.level-1 li a::before {padding-right: 12px;}
	.group-1 .col p:nth-child(2){padding-bottom:30px}
	.group-5 .block.bigblock .title { margin-bottom: 90px;}
    .template > .default {padding-bottom: 100px;}
    .tuttavia .svg3{bottom:-98%}
	.portfolio ul.product-gallery li {height: 580px;}
	/*.portfolio ul.product-gallery{margin: 0 -30px;}
	.portfolio .slick-next{margin-right: -30px;margin-top: 15px}*/
	.group-1 .block {padding-left: 25px;	padding-right: 25px;}
}
@media (max-width: 800px) {
	/*.container, .group-1 .block, .group-2,.portfolio .column-1 section.archive h1{padding-left: 65px;padding-right: 65px;}*/

    .template > .bloccoTop{padding-bottom: 0}
    .wrapTxtSlider {width: 65%;}
    .topB.div100vh {min-height: 100vh;}
    .homepage .layer-arrow {bottom: -80px;	min-height: 200px;}
	.contatti .template .uno,.contatti .template .modulo-contatti {width: 100%;float: none;margin-right: 0%;padding-bottom: 80px;}
	.wrapTxtSlider {position:static;padding:0; padding-top:110px; margin:auto; top: 0%;	-webkit-transform: translateY(0%); -moz-transform: translateY(-0%); -ms-transform: translateY(-0%); transform: translateY(0%); 	max-width:none}	
	.wrapTxtSlider { width: 90%; float:left}
	.bmenu{width:42px}
	.topMenu.open .main-menu{padding-left:30px}
	.template #c1 h2.title, aside .first .title, .group-2 .title, .portfolio .intro h2,.portfolio hgroup .abstract,.wrapTxtSlider .title,.portfolio.detail h1{font-size: 44px;line-height: 46px; margin-bottom:40px}
	.template h2.title{font-size: 40px;line-height: 48px; margin-bottom:40px}
	.template > div.uno {padding-top: 150px;}
	.bgSlider {background-size:contain!important;	background-position: bottom center !important;}
	
	.bgslider1 .bgSlider {background-color:var(--c2) !important}
	.bgslider2 .bgSlider {background-color:var(--c2) !important}
	.bgslider3 .bgSlider {background-color:var(--c2) !important}
	.landing .uno .title {max-width:70%;}
	.temp-ec .landing .uno .title{max-width:90%}
	.temp-ec .template.landing .uno {background-size: 40% !important;}
	.landing > .due #c2 > div > div, .landing > .due #c2 > div .title {width: 60%; padding-right:0}
	.landing > .due #c2 > div > div{padding-bottom:0px}
	.landing div.due,.landing div.tre,.landing div.quattro,.landing div.cinque{padding-bottom: 0px !important;}
	.container, .group-4 .block, .group-6 .block {padding-left: 25px;padding-right: 25px;}
	.homepage .wrapTxtSlider,.wrapTxtSlider{padding-left: 0px;padding-right: 0px;}
	.group-2{padding-top:20px;padding-bottom: 20px;}
	.group-1, .group-2{padding-left: 75px;	padding-right: 75px;}
	 .group-4, .group-6 {padding-left: 0px;	padding-right: 0px;}
	.temp-apps .template .uno,.temp-copy .template .uno,.landing .uno {background-size: auto 40%;background-position: 115% top;}
	.tempServizi .template, .template.landing .uno {background-size: 50% !important; background-position: 110% top;}
	.temp-hotel .template.landing .uno {background-size: 60% !important;}
	.temp-copy .template .uno {background-size: 60% !important; background-position: 100% -10%;}
	.temp-copy .landing .due div > .image {	background: #ace5fe;}
	.temp-brand .landing .due div > .image {background: #888d7e;}
	.temp-siti .landing .due div > .image {background: #34abc1;}
	.temp-siti .template.landing .uno{background-size: 80% !important;background-position: 120% top}
	.temp-siti .landing .tre div > .image img { margi-left: 0;}
	.temp-social .template.landing .uno {background-position: 100% 10%;background-size: 56% auto !important;}
	.tempServizi .uno .title{padding-right: 15%}
	.temp-dem .template.landing .uno {background-size: 50% !important;	background-position: 110% top;}
	.project .uno{margin-bottom:50px}
	.tempChi .template .uno{background-size: auto 50%;background-position: 130% 8%;}
	.tempChi .uno .title {max-width: 85%;}
	.temp-cl .project .cinque div .col,.temp-gm .project .cinque div .col,.temp-pit .project .cinque div .col,.tempChi div.tre .col{max-width: 100%;-webkit-column-count: 1;-webkit-column-gap: 0px;-moz-column-count: 1; column-count: 1;-moz-column-gap: 0px;	column-gap: 0px;}
	.temp-cl .project .due #c2 > div div,.temp-gm .project .due #c2 > div div,.temp-pit .project .due #c2 > div div, .temp-eye .project .due #c2 > div div, .temp-savoia .project .due #c2 > div div,.temp-savoia .project .tre #c3 > div > div, .temp-savoia .project .tre #c3 > div .title, .temp-envolve .project .tre #c3 > div > div, .temp-envolve .project .tre #c3 > div .title {width: 100%;}	.contatti .template .uffici .uffici > div{max-width:500px;padding:30px 15px;}
	.contatti .template .uffici .uffici> div .title {font-size: 30px;line-height:36px; margin-bottom: 20px;}
    .animateSquare div:nth-child(1) {top: 2.5%;right: 36%;animation: animateSquare 20s linear infinite;}
    .animateSquare div:nth-child(2) {width: 90px;height: 90px; top: 7%;right: 34%;animation: animateSquare 15s linear infinite;}
    .animateSquare div:nth-child(3) {top: 8%;right: 58%;animation: animateSquare 17s linear infinite;}
    .animateSquare div:nth-child(4) {top: 4%;right: 5%;animation: animateSquare 18s linear infinite;}
    .animateSquare div:nth-child(5) {width: 40px;height: 40px; top: 8%;right: 88%;animation: animateSquare 26s linear infinite;}
    .animateSquare div:nth-child(6) {width: 100px;height: 100px;top: 5%;right: 25%;animation: animateSquare 18s linear infinite;}
    .temp-ec .template.landing .uno,.template.landing .uno{padding-bottom: 100px!important}
    .layer-arrow{min-height: 200px}
    .template .layer-arrow, .project .layer-arrow {position: absolute;bottom: -100px;}
    .temp-omc .uno:before{background-position:left;background-size:cover;}
	.blog .column-1 {padding-left: 65px;	padding-right: 65px;padding-bottom: 60px}
	.contatti .template > div.bloccoTop { padding-bottom: 0px;border-bottom:3px solid var(--c1)}
} 
@media (max-width:767px) {
 	.logo, .def .logo{margin-left:15px;margin-top:20px;}
	.box{right:13px;margin-top:20px;}
	.big {font-size: 20px !important;line-height: 24px !important;}
    .not-found #main > .container-fluid {padding: 100px 15px;}
    .homepage .layer-arrow {bottom: -20px;	min-height: 250px;}
    .template .layer-arrow{bottom:-80px}
	.template > div.uno, .landing > div.uno, .progetti .column-1 section.page,.portfolio .column-1 section.archive, .wrapTxtSlider,html.contatti .template .container,.blog .column-1{padding-top: 110px !important;}
	.landing .due #c2 > div, .landing .tre #c3 > div { padding-top: 50px;padding-bottom: 50px;}
	.landing #c1 .txt{padding-bottom: 30px}
	.landing .uno .title {max-width: 75%;}
	/*.wrapTxtSlider .title {font-size: 30px;	line-height: 36px; width:100%;text-align: left;display:block; padding-right:20%}
	.home .wrapTxtSlider .title {font-size: 38px;	line-height: 42px; width:100%;text-align: left;display:block; padding-right:0%}*/
	.template h2.title, h2.title, .title, aside .first .title, .contatto .title, .group-2 .title {font-size: 40px;line-height: 46px;margin-bottom: 30px;}
	.temp-cl .uno {background: url("../img/background/cl-1-xs.jpg") no-repeat bottom #040207}
	.temp-gm .uno {background: url("../img/background/gm-1-xs.jpg") no-repeat bottom #040207}
	.temp-pit .uno {background: url("../img/background/pit-1-xs.jpg");background-size:cover}
	.temp-solp .uno {background: url("../img/background/solp-1-xs.jpg");background-size:cover}
	.temp-ads .landing .uno .title,.temp-grafica .landing .uno .title,.temp-seo .landing .uno .title{ max-width: 75%;}
	.temp-social .landing .uno .title { max-width: 95%;}
	.div100vh {min-height: 90vh;}
	.group-1 .col p:nth-child(2) { padding-bottom: 0px;}
	.bgSlider {	background-size: 100% !important;}
	.homepage .wrapTxtSlider, .wrapTxtSlide{padding-bottom: 86%;}
	.col {max-width: 100%;	-webkit-column-count: 1;-webkit-column-gap: 0px;
	-moz-column-count: 1;column-count: 1;-moz-column-gap: 0px;	column-gap: 0px;-webkit-column-fill: balance;	-moz-column-fill: balance;	column-fill: balance;	margin-top: 0px;	margin-bottom: 20px;}
	.temp-dem .template .uno, .temp-apps .template .uno {
	background-size: auto 40%;	background-position: 115% -10%;}
	.temp-copy .template .uno {background-size: 45% !important; background-position: 100% -20%;}
	.temp-hotel .template.landing .uno {background-size: 55% !important;}
	/*.temp-apps .landing .tre #c3 > div {width:100%;padding:50px 80px 10px 80px}*/
	.tempChi .template .uno {   background-size: auto 55%; background-position: 150% -8%;}
    .tempChi div.due,.tempChi div.tre{padding-top: 60px!important}
	.progetti .column-1 section.page .first .title, .progetti .column-1 section.page .first .content{max-width: 80%;}
	.progetti .column-1,.portfolio .column-1 { background-size: auto; background-size: auto 300px;}
	.template .is_hidden h2.title,.project .is_hidden h2.title,aside.is_hidden .title{text-align:center}
    .tuttavia .svg3 {bottom: -96%;}
	.temp-pingu .project .due div > .image {text-align: center;width: 100%;}
	.temp-pingu .project .due div > .image img {height: 200px;	width: auto;}
	.portfolio ul.product-gallery li {height: 450px;}
	/*.portfolio ul.product-gallery{margin: 0 -10px;}*/
	.portfolio ul.product-gallery{margin: 0;}
	.portfolio .slick-next{margin-right: -10px}
	.portfolio .slick-next{background-size: 38px;}
	.detail.portfolio .archive-items > div{flex-direction: column-reverse}
		.content-recensioni{margin-left: 25px; margin-right: 25px}
	.portfolio .column-1 section.archive .intro, .portfolio .column-1 section.archive h1 {margin-left: 25px;margin-right: 25px;}
	.portfolio #custom-filters {padding-left: 25px;	padding-right: 25px;}
}
@media (max-width:670px) {
	.template #c1 h2.title, aside .first .title, .group-2 .title,h2.title, .title,.portfolio .intro h2,.portfolio hgroup .abstract,.detail.portfolio h1 {font-size: 36px;line-height: 42px; margin-bottom: 30px;}
	 .wrapTxtSlider .title{font-size: 44px; line-height: 44px; margin-bottom: 30px;}
	.detail hgroup .abstract{margin-bottom: 10px;}
	.template h2.title,.project h2.title, h2.title, .title, aside .first .title, .contatto .title, .group-2 .title {font-size: 32px; line-height: 38px;}
	.temp-siti .template.landing .uno {background-size: 60% !important;}
	.tempChi .template .uno {background-size: auto 45%; background-position: 130% 0%;}
	.landing .uno .title {max-width: 95%;}
	.temp-hotel .template.landing .uno {background-size: 45% !important;background-position: 100% -15%;}
	.temp-banco .uno .content div .title span{display:inline;}
	.project .uno  div p{/*display:none*/}
	.contatti .template .uffici .uffici > div{max-width:70%;transform: translate(-50%,0%); top:5%;padding:10px 15px;}
	.contatti .template .uffici .uffici> div .title {font-size: 20px;line-height:24px; margin-bottom: 5px !important;}
	.contatti .template .uffici .uffici > div .testo{font-size:12px;line-height: 16px}
    .topB.div100vh,header.div100vh {min-height: 100vh;}
    .slider.div100vh {min-height: 100vh;}
    .home .slider.div100vh {padding-bottom: 50px;}

}

@media (max-width:575px) {
	.container, .group-1 .block, .group-2, .group-4 .block, .group-6 .block {padding-left: 25px;padding-right: 25px;}
    .layer-arrow {padding: 6rem 0;min-height: 80px}
    div.project .layer-arrow {padding: 0;min-height: 80px;}
    .project .layer-arrow {bottom:-10px}
    .project .div100vh {min-height: 90vh;}
    .project .uno {margin-bottom: 0px;}
    .homepage .layer-arrow {bottom: -110px;	min-height: 250px;}
    .topB.div100vh, header.div100vh {min-height: 90vh;}
	.temp-cl .uno {background-image: url("../img/background/cl-1-xs.jpg")}
	.temp-gm .uno {background-image: url("../img/background/gm-1-xs.jpg")}
	.temp-pit .uno {background-image: url("../img/background/pit-1-xs.jpg");background-size: cover}
	.template #c1 h2.title, aside .first .title, .group-2 .title, h2.title, .title,.project .uno h2.title,.portfolio .intro h2,.portfolio hgroup .abstract,.portfolio.detail hgroup h1 {font-size: 34px; line-height: 34px;}
	.template h2.title, h2.title, .title, aside .first .title, .contatto .title, .group-2 .title,.project h2.title {font-size: 32px;  line-height: 36px;}
	.portfolio.detail .page .first h2{font-size: 22px;  line-height: 26px;   font-weight: 400;}
	.portfolio.detail .first .abstract{font-size: 18px; line-height: 24px; font-weight:400; margin-top:20px;margin-bottom: 0}
	html.tn .abstract {font-size: 18px;  line-height: 24px; font-weight: 300}
	html.tn .abstract h3,.tn #c2 .abstract h3, .detail.blog .page>.first .abstract {font-size: 22px;  line-height: 26px; font-weight: 400;padding-right: 15px}
	.box {width: 50px}
	.detail.blog  h2{font-size: 21px;  line-height: 25px;margin-bottom:5px}
	.homepage .wrapTxtSlider, .wrapTxtSlider {padding-left: 0px; padding-right: 0px;}
	h2.title, .title, aside .first .title, .contatto .title, .group-2 .title,
    .tmp-promo .page-menu::before {font-size: 30px;line-height: 36px;margin-bottom: 20px !important;}	
	.group-1, .group-2 {padding-left: 55px;	padding-right: 55px;}
	.tempChi .template .uno {background-size: 50% auto; background-position: 110% 0%;}
	.progetti .column-1,.portfolio .column-1 { background-size: 50%; }
	.progetti .column-1 section.page .first .title, .progetti .column-1 section.page .first .content,.portfolio .column-1 .intro .content { max-width: 100%;}
	.temp-hotel .template.landing .uno{background-position: 100% -2%;}
    .animateSquare div:nth-child(1) {top: 2.7%;right: 36%;animation: animateSquare 20s linear infinite;}
    .animateSquare div:nth-child(2) {top: 9%;right: 25%;}
    .animateSquare div:nth-child(4) {top: 4%;right: 65%;}
    .pingu .uno .txt{padding-bottom: 30px;} svg.onda2 {	bottom: 1%;}
	.sigep .uno .txt{padding-bottom: 30px;} svg.onda2 {	bottom: 1%;}
	.wine .uno .txt{padding-bottom: 30px;} svg.onda2 {	bottom: 1%;}
	.portfolio ul.product-gallery li {height: 390px;}
	/*.portfolio ul.product-gallery{margin: 0px -35px;}*/
	.portfolio ul.product-gallery{margin: 0px;}
	.portfolio .slick-next{margin-right: 0px}
	.portfolio .slick-next{background-size: 30px;}
	.blog .column-1 {padding-left: 55px;	padding-right: 55px;padding-bottom: 50px}
	.blog article .title{font-size: 24px;	line-height: 28px;	margin-bottom: 10px !important;}
	
}
@media (max-width:490px) {	
	.portfolio ul.product-gallery li {height: 300px;}
	.portfolio .slick-next{background-size: 26px;}
	.homepage .wrapTxtSlider, .wrapTxtSlide {padding-bottom: 100%;}
}
@media (max-width:420px) {	
	.portfolio ul.product-gallery li {height: 280px;}
	.portfolio .slick-next{background-size: 26px;}
}
/*** nuovo template  */
/**NUOVA SEZIONE SHOWCASE*/
#showcase { display: block;  position: fixed; bottom: 90px;right: 0; z-index: 999;background:#414141;color:var(--c1); width: 40px;transition: width 0.5s ease;height: 120px;}
#showcase > div .category{font-size:13px; line-height: 15px;font-weight:400}
#showcase > div {display: none; }
#showcase > div div{cursor: pointer}
#showcase.visible{width: 340px}
#showcase.visible > div.visible {display:flex;column-gap: 10px;width:100%; cursor:pointer; }
#showcase > div > img {width:120px;height: 120px}
#showcase > div .title{margin-bottom: 0!important}
#showcase > div div{align-content: center;padding: 0 10px;width: 200px;opacity:0;transition: all 0.5s ease;}
#showcase > div div p{margin-bottom: 0; margin-top: 5px;font-size:15px;line-height: 18px;display: none}
#showcase span.title {font-size: 18px;line-height: 20px;color:var(--c1)}
#showcase.visible div div{opacity: 1}

#toggle {background-color: #007BFF;transform: rotate(180deg); writing-mode: vertical-lr; width: 40px;height: 120px; font-size:18px; color:var(--c1);line-height: 18px; transition: left 0.5s ease;cursor: pointer;padding: 10px;  margin-top: 0px;position: relative;caret-color: transparent;}
#toggle:after{content:"";display: block;background: url("../img/background/arrow.svg") no-repeat;background-size: contain; width: 10px; height: 10px; position: absolute;transform: rotate(-90deg);bottom:10px;right:17px;font-weight: bold;transition: all 0.5s ease;}
#showcase.visible #toggle{position: absolute;right: calc(100% - 10px);}
#showcase.visible #toggle:after{transform: rotate(90deg);}

@media (min-width:600px) {
	#showcase{height: 200px}
	#showcase.visible{width: 500px}
	#showcase > div > img {width:200px;height: 200px}
	#showcase > div div{width: 280px;}
	#showcase span.title {font-size: 23px;line-height: 25px;color:var(--c1)}
	#toggle{height: 200px; margin-top:0px;text-align: center;padding: 10px 10px 40px;font-size: 20px; line-height: 20px}
	#showcase #toggle:after{bottom:30px;right:10px;width: 20px; height: 20px;}
	#showcase > div div p{display: block}

}
.tn  .template .uno {background:none}
html.tn .uno .title {max-width: none;}
html.tn .uno span.image{display: block;margin-bottom: 15px;text-align: center;align-self: center;margin-left: auto;margin-right: auto}

html.tn #c1{display: flex;flex-wrap: wrap;}

@media (min-width: 992px) {
	.tn #c1.vr span.image{margin-right:0;margin-left: auto;margin-top: -40px;margin-bottom: 50px}
	.tn #c1 span.image{margin-top: -3%}
	html.tn #c1{display: grid;   grid-template-columns: 2fr 390px; column-gap: 20px; height:100%;grid-template-rows: auto auto;lign-items: start; }
	#c1 > .image {grid-column: 2; grid-row: 1 / span 2; align-self: center;  justify-self: center; }
	html.tn #c1 > div:first-of-type, html.tn.video-top #c1 > div:not(:first-of-type) {grid-column: 1;}
	html.tn #c1 > div:not(:first-of-type) {grid-column: span 2; /* Occupa entrambe le colonne */}
	.template > .bloccoTop{padding-bottom: 0}
	html.tn .tchi #c2,html.tn .tchi #c3 {align-items: flex-start;gap: 20px;	}
	html.tn .tchi #c2 > div:first-of-type,html.tn .tchi #c3 > div:first-of-type,html.tn  #c9 > div:first-of-type {flex: 1;max-width: calc(100% - 410px)	}
	html.tn .tchi #c2 > .image,html.tn .tchi #c3 > .image,html.tn #c9 > .image {flex: 0 0 390px; /* Mantiene una larghezza fissa per l'immagine */	align-self: flex-start;		justify-self: center;	}
	html.tn .tchi #c2 > div:not(:first-of-type),html.tn .tchi #c3 > div:not(:first-of-type),html.tn #c9 > div:not(:first-of-type),html.tn.video-top .tchi #c2 > .image,html.tn.video-top .tchi #c2> div:first-of-type {	flex: 1 1 100%; /* Occupa tutta la larghezza disponibile */	max-width: none}
}
@media (min-width: 1200px) {
	html.tn #c1{column-gap: 40px; }
}

.abstract p:before {
	content : "«";
}
.abstract p:after {
	content : "»";
}