body{border:0;overflow-x:hidden;overflow-y:auto;font-family:'Dosis', sans-serif;;background-color:#ededed;opacity:0;margin:0;padding:0;z-index: 0; position: relative;}/*#ededed*/ body.no-blog .main,.main_middle{width:1170px;margin:auto;} body.blog-no-sidebar .main{width:846px;margin:auto;} body.blog-sidebar .main{width:1240px;overflow:hidden;margin:auto;} body.blog-sidebar .primary{width:67%;float:left;padding-right:29px;border-right:2px solid #e7e8e1;} body.blog-sidebar .secondary{width:27%;float:left;padding-left:29px;} img{border: none;} .box{z-index: -6; position: relative; overflow: hidden;} body.boxed .box{margin: auto;box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.5); overflow: hidden;} body.boxed #header{margin: auto;} body.no-blog.boxed .box{width: 1300px;} body.no-blog.boxed #header{width: 1300px;} body.blog-no-sidebar.boxed .box{width: 1300px;} body.blog-no-sidebar.boxed #header{width: 1300px;} body.blog-sidebar.boxed .box{width: 1300px;} body.blog-sidebar.boxed #header{width: 1300px;} a{text-decoration: none;} .container{position:relative;text-align:center;} .body_background{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10;-webkit-transform: translateZ(0);-o-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);} #header:before{content:'';z-index:-1;width:100%;height:65%;background-color:#eff0ea;display:block;position:absolute;}/*#ededed*/ #header:after{content:'';z-index:-1;width:100%;height:35.5%;background-color:#5ea281;display:block;position:absolute;bottom:0;}/*#808080*/ #header.travel .bg{z-index: -1;width:100%;height:65%; display:block;position:absolute;background-color:#fff;background-image: url(/sostenibilita/images/travel/bg.png);background-repeat: repeat-x;background-position: 0px 280px;} #header.travel:after{background-color:#3faa96;} body.blog-sidebar #header{width:100%;height:490px;} body.blog-sidebar #header:before {height: 69%;} body.blog-sidebar #header:after{height: 31%;} .small_scene#header {height:584px;} .small_scene#header:before {height:60%;} .small_scene#header:after{height: 40.5%;} #header{width:100%;height:1080px;} .blog-no-sidebar #header .main{width:1170px;margin:auto;} .header{width:100%;height:150px;padding-top:85px;padding-bottom:114px;} .travel .header{padding-bottom:40px;} .header ul{list-style:none;text-align:center;margin:0;padding:0;} .header ul li{display:inline-block;vertical-align:middle;font-weight:800;color:#000;font-size:12px;width:100px;text-transform:uppercase;letter-spacing:3px;margin:0 50px;} .travel .header ul li{margin: 0 45px;} .header ul li a{color:#000;text-decoration:none;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;} .header .logo{height:150px;width:auto;} .logo h3{margin:15px 0 0;} #alta-badia-implanc{height:150px;width:200px;background-image:url(/sostenibilita/images/alta_badia_implanc.svg);background-position: center center;background-size: contain;background-repeat: no-repeat;} .scroll_menu{background-color:#eff0ea;position:fixed;top:0;left:0;z-index:1000;width:100%;height:90px;box-shadow:0 1px 4px 2px rgba(175,175,161,1);display:none;-webkit-transform: translateZ(0);-o-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);} .scroll_menu.header{padding:5px 0 0;} .scroll_menu .logo{height:80px;} .scroll_menu .logo img{width:60px;} .scroll_menu .logo h3{font-size:16px;margin-top:5px;} .scroll_menu .logo h6{margin-top:5px;font-size:8px;letter-spacing:2px;} #header.small_scene .main{padding:0;} #header.small_scene .header{padding-bottom:30px;} #header.small_scene .scroll_menu.header{padding-bottom:0px;} #header.small_scene #scene_1{height:135px;margin-bottom:50px;} body.blog-sidebar #header.small_scene .header{padding-bottom:145px;} body.blog-sidebar #header.small_scene .header.scroll_menu{padding-bottom:0px;} /**************************** /Header **************************/ /*.headline{z-index:10;position:relative;margin-top:-524px;height:524px;} .headline .right span.numder::before{right:auto;left:0;} .headline a{position:absolute;text-align:left;opacity:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;} .headline a.right span{text-align:right;margin-right:10px;} .headline span{color:#a9aa81;font-size:14px;width:120px;display:inline-block;vertical-align:top;} .headline span.numder{font-size:36px;width:auto;margin-right:10px;line-height:30px;position:relative;font-weight:700;} .headline span.numder::before{content:'....................';color:#a9aa81;font-size:36px;position:absolute;top:10px;right:0;font-weight:400;} .header ul li a:hover,.headline a:hover span,.headline a:hover span.numder::before{color:#5ea281;} .headline span.numder em{font-size: 16px;font-style: normal} */ .headline a{pointer-events: none;cursor: default} @media(min-width:1920px){ .headline {z-index: 10;position: absolute;margin-top: 337px;height: 524px;width: 1900px;left: 50%;top: 0;transform: translateX(-50%);} #ln_1 {top: 40%;left: 67%;} #ln_2 {top: 25%;left: 17%;} #ln_3 {top: 5%;left: 54%;} } @media(max-width:1920px){ .headline {z-index: 10;position: absolute;margin-top: 337px;height: 524px;width: 1580px;left: 50%;top: 0;transform: translateX(-50%);} #ln_1 {top: 40%;left: 70%;} #ln_2 {top: 25%;left: 10%;} #ln_3 {top: 5%;left: 54%;} } @media(max-width:1600px){ .headline {z-index: 10;position: absolute;margin-top: 337px;height: 524px;width: 1380px;left: 50%;top: 0;transform: translateX(-50%);} #ln_1 {top: 40%;left: 73%;} #ln_2 {top: 25%;left: 5%;} #ln_3 {top: 5%;left: 55%;} } @media(max-width:1400px){ .headline {z-index: 10;position: absolute;margin-top: 337px;height: 524px;width: 100vw;left: 0; top: 0;transform: none} #ln_1 {top: 40%;left: 73%;} #ln_2 {top: 25%;left: 5%;} #ln_3 {top: 5%;left: 54%;} } @media(max-width:1200px){ #ln_1 {top: 40%;left: 70%;} #ln_2 {top: 25%;left: -1%;} #ln_3 {top: 5%;left: 54%;} } .headline .right span.numder::before{right:auto;left:0;} .headline a{position:absolute;text-align:left;opacity:0;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;-ms-transition:all linear .2s;} .headline a.right span{text-align:right;margin-right:10px;} .headline span{color:#000000;font-size:13px;width:260px;display:inline-block;vertical-align:top;font-weight: 600} .headline span.numder{font-size:50px;width:auto;margin-right:10px;line-height:30px;position:relative;font-weight:400;color: #b51f1f} .headline span.numder::before{content:'....................';color:#000000;font-size:36px;position:absolute;top:15px;right:0;font-weight:400;} /*.header ul li a:hover,.headline a:hover span,.headline a:hover span.numder::before{color:#5ea281;}*/ .headline span.numder em{font-size: 26px;font-style: normal} .testonumder{margin-top: 6px} @media(max-width:1200px){ .headline span.numder{font-size: 42px;} .headline span.numder::before{font-size: 32px} .headline span.numder em{font-size: 22px} .headline span{font-size: 12px} } .more_arrow{color:#fff;height:45px;width:45px;font-size:30px;display:inline-table;margin:100px auto auto;} .more_arrow span{vertical-align:middle;display:table-cell;} .open_more{font-size:30px;color:#fff;padding-bottom:45px;cursor:pointer;display: block} .open_more span{font-size:13px;color:#fff;font-weight: 800} .container.beige .open_more,.container.beige .open_more span{color: #000} .icon-down-open:before {font-family:"Font Awesome 6 Pro"; font-weight: 900; content: '\e090'; } .icon-up-open:before {font-family:"Font Awesome 6 Pro"; font-weight: 900;content: '\e09b'; } /**************************** Fonts **************************/ h1{font-size: 90px; font-weight: 800; text-transform:uppercase; margin-top: 0; margin-bottom: 45px;} h2{font-size: 36px; font-weight: 800; margin-bottom: 20px; margin-top: 0;} h3{font-size: 14px; font-weight: 300; text-transform: uppercase; padding: 30px;} h4{font-size: 60px; font-weight: 300; text-transform: uppercase; letter-spacing: 0px; margin-top: 0;} h4.light{font-size: 24px; font-weight: 300; text-transform:none; letter-spacing: 0.5px;} h4.light b{text-transform:uppercase; font-weight: 800;} h5{font-size: 18px; text-transform: uppercase; } h6{font-size: 24px; line-height: 28px; letter-spacing: 0px;font-weight: 300;} .content.large{font-size: 16px; line-height: 24px; font-weight: 300;} .white{color: #fff !important;} .gray{color: #8b8b8b !important;} .black{color: #000 !important;} .brown{color: #736731 !important;} .custom_text{font-size:24px;color:#232121;text-align:center;} /**************************** /Fonts **************************/ /**************************** Tabs **************************/ #tabs{display:none;} .tabs{padding-top:60px;padding-bottom:90px;} .tabs h4{font-weight:500;margin:10px 0 20px;} .tabs .active{display:block!important;} .tabs .tab{display:none;} .tabs_name{height:80px;;width:100%;text-align:center;display:inline-table;} .tabs_name .active{background-color:#eff0ea;color:#474e5d;} .tabs_name li{color:#fff;font-size:13px;text-transform:uppercase;display:inline-block;background-color:#a7d692;font-weight:700;border-radius:10px 10px 0 0;cursor:pointer;margin:0 5px;padding:18px 30px;} .tabs_name ul{vertical-align:bottom;display:table-cell;margin:auto;padding:0;} .tabs .tab .title{color:#8b8b8b;font-size:16px;line-height:24px;padding-bottom:60px;} .tabs .columns_2{width:100%;text-align:left; margin-top: 60px;display:inline-flex;} .tabs .columns_2 .item{width: 48%; display: inline-block; vertical-align: top; margin: auto;} .tabs .columns_2 .item .icon{width:50px;float:left;margin-right:15px;} .tabs .columns_2 .item .content{width:80%;float:left;color:#8b8b8b;font-size:14px;line-height:20px;} #tabs1{display:none;} #tabs2{display:none;} #tabs3{display:none;} #tabs4{display:none;} #tabs5{display:none;} #tabs6{display:none;} /**************************** /Tabs **************************/ /**************************** Section "About" **************************/ .about{padding:60px 0;} .about .item{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s;width: 365px;height: 360px;/*background-color:#fff;border-radius:50%;*/display:inline-block;vertical-align:middle;overflow: visible}/*393px*/ /*.about .item:hover{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);} .about .arrow{width:56px;height:43px;background-image:url(../images/arrow.png);background-size:100%;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:0 43px;}*/ /*.about .item img{width:98px;margin-top:45px;margin-bottom:25px;}*/ .about .item span{color:#000;font-size:16px;display:block;} .about.eco .item{background-color: transparent;} .about.eco .item span{color: #fff;} .about a{pointer-events: none;cursor: default} .about .item img{width: 393px;} .about .item:first-child img{left: 0} .about .item:nth-child(2) img{left: 50%;transform: translateX(-50%);position: relative;} .about .item:nth-child(3) img{right: 0;position: relative;} @media(max-width:1200px){ .about .item{width: 310px;height:305px;} .about .item img{width: 337px;} } @media(max-width:768px){ .about .item{width: 260px;height: 260px;margin: 0 !important} .about .item img{width: 260px;} .about .item:first-child img{top: 0} .about .item:nth-child(2) img{top: 50%;transform: translateY(-54%);position: relative;left: 0} .about .item:nth-child(3) img{bottom: 0;position: relative;} } /**************************** /Section "About" **************************/ /**************************** Button **************************/ .button{font-size:30px;color:#fff;font-weight:700;text-transform:uppercase;background-color:#6fcbda;margin-bottom:60px;display:inline-block;position:relative;-webkit-transition:all linear .1s;-moz-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s;-ms-transition:all linear .1s;padding:25px 55px;} .button::after{content:'';height:26px;border-top:26px solid #227684;border-right:60px solid transparent;position:absolute;right:-60px;bottom:-26px;} .button:hover{color:#2f9aac;} .button.anim{} /**************************** /Button **************************/ /**************************** Social icons **************************/ .icon_gmail{width:36px;height:38px;background:url(/sostenibilita/images/icons/gmail.png);background-size: 100%;display:block;} .icon_facebook{width:36px;height:38px;background:url(/sostenibilita/images/icons/facebook.png);background-size: 100%;display:block;} .icon_pinterest{width:36px;height:38px;background:url(/sostenibilita/images/icons/pinterest.png);background-size: 100%;display:block;} .icon_vimeo{width:36px;height:38px;background:url(/sostenibilita/images/icons/vimeo.png);background-size: 100%;display:block;} .icon_youtube{width:36px;height:38px;background:url(/sostenibilita/images/icons/youtube.png);background-size: 100%;display:block;} .icon_twitter{width:36px;height:38px;background:url(/sostenibilita/images/icons/twitter.png);background-size: 100%;display:block;} .icon_dribbble{width:36px;height:38px;background:url(/sostenibilita/images/icons/dribbble.png);background-size: 100%;display:block;} .icon_be{width:36px;height:38px;background:url(/sostenibilita/images/icons/be.png);background-size: 100%;display:block;} /**************************** /Social icons **************************/ /**************************** Accordion **************************/ .accordion .item{background-color:#fff;-webkit-transition:background ease .2s;-moz-transition:background ease .2s;-ms-transition:background ease .2s;-o-transition:background ease .2s;transition:background ease .2s;} .accordion .item .head{font-size:14px;color:#5ea281;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-bottom:1px solid #eff0ea;padding:30px;} .accordion .item .head .icon{float:right;cursor:pointer;} .accordion .item .body{font-size:16px;color:#8b8b8b;line-height:24px;border-bottom:1px solid #eff0ea;display:none;padding:30px;} .accordion .item:first-child .body{display:block;} .accordion .item.close{background-color:#fcfcf7;} .accordion .item.close .head .title{color:#232121;} /**************************** /Accordion **************************/ .columns{display:flex;} .columns .item{display:inline-block;margin:auto;} .columns .item:first-child{margin-left:0;} .columns .item:last-child{margin-right:0;} .diagram_list{display:inline-block;vertical-align:top;} .diagram_list li{margin-bottom:10px;} .diagram_list li span{color:#fff;font-size:16px;display:inline-block;vertical-align:top;padding:5px 15px;} .primary .post{ border-bottom: 2px solid #e7e8e1;width: 100%;} .primary .post:last-child{ border-bottom: 0px;} .post-anim{opacity:0; -moz-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; -o-transition:all linear .4s; transition:all linear .4s;} .post-anim.vis{opacity:1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .video_container,.post_video,.post_slider ul.slides{height:500px;} /**************************** Scene 1 **************************/ #scene_1{height:524px;width:100%;position:relative;} #scene_1 .item:nth-child(1){height: 14.5%;left: 10%;top: 52%;} #scene_1 .item:nth-child(3){height: 9.7%; left: 80%; top: 57%;} #scene_1 .item{position:absolute;} #scene_1 #items{width:635px;height:524px;position:relative;margin:auto;} #scene_1 #items div{position:absolute;overflow:hidden;} #scene_1 #items div img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;} #scene_1 #items div:nth-child(1){width:868px;height:524px;left:107px;z-index:5;bottom:0;} #scene_1 #items div:nth-child(2){width:632px;height:391px;left:0;z-index:3;bottom:50px;} #scene_1 #items div:nth-child(3){width:283px;height:201px;left:-400px;z-index:3;bottom:102px;} #scene_1 #items div:nth-child(4){width:231px;height:143px;left:-300px;z-index:3;bottom:80px;} #scene_1 #items div:nth-child(5){width:283px;height:201px;right:-550px;z-index:3;bottom:85px;} #scene_1 #items div:nth-child(1) img{ -moz-transform: rotateY(90deg) translateZ(-220px); -ms-transform: rotateY(90deg) translateZ(-220px); -webkit-transform: rotateY(90deg) translateZ(-220px); -o-transform: rotateY(90deg) translateZ(-220px); transform: rotateY(90deg) translateZ(-220px);} #scene_1 #items div:nth-child(2) img{ -moz-transform:rotateY(90deg) translateZ(20px); -ms-transform:rotateY(90deg) translateZ(20px); -webkit-transform:rotateY(90deg) translateZ(20px); -o-transform:rotateY(90deg) translateZ(20px); transform:rotateY(90deg) translateZ(20px);} #scene_1 #items div:nth-child(4) img{ -moz-transform:rotateY(90deg) translateZ(-60px); -ms-transform:rotateY(90deg) translateZ(-60px); -webkit-transform:rotateY(90deg) translateZ(-60px); -o-transform:rotateY(90deg) translateZ(-60px); transform:rotateY(90deg) translateZ(-60px); } #scene_1 #items div:nth-child(3) img,#scene_1 #items div:nth-child(5) img{ -moz-transform:rotateY(90deg) translateZ(-64px); -ms-transform:rotateY(90deg) translateZ(-64px); -webkit-transform:rotateY(90deg) translateZ(-64px); -o-transform:rotateY(90deg) translateZ(-64px); transform:rotateY(90deg) translateZ(-64px); } /*#scene_1 #eco_items{width:1170px;height: 524px;position:relative;margin:auto;} #scene_1 #eco_items div{position:absolute;overflow:hidden;} #scene_1 #eco_items div img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;} #scene_1 #eco_items div:nth-child(1){width:785px;height:459px;left:415px;z-index:5;bottom:0;} #scene_1 #eco_items div:nth-child(2){width:318px;height:208px;left:-243px;z-index:4;bottom:85px;} #scene_1 #eco_items div:nth-child(3){width:318px;height:208px;left:204px;z-index:4;bottom:85px;} #scene_1 #eco_items div:nth-child(4){width:318px;height:208px;right:-355px;z-index:4;bottom:85px;} #scene_1 #eco_items div:nth-child(5){width:432px;height:346px;left:930px;z-index:6;bottom:45px;} #scene_1 #eco_items div:nth-child(6){left:112px;z-index:6;bottom:33%;} #scene_1 #eco_items div:nth-child(7){left:373px;z-index:6;bottom:33%;} #scene_1 #eco_items div:nth-child(8){left:771px;z-index:6;bottom:33%;} #scene_1 #eco_items div:nth-child(9){left:845px;z-index:6;bottom:33%;} #scene_1 #eco_items div:nth-child(10){left:1120px;z-index:6;bottom:33%;} #scene_1 #eco_items div:nth-child(11){left:930px;z-index: 1000;bottom:190px;} #scene_1 #eco_items div:nth-child(11) img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;} #scene_1 #eco_items div:nth-child(1) img{ -webkit-transform: rotateY(90deg) translateZ(-210px); -moz-transform: rotateY(90deg) translateZ(-210px); -ms-transform: rotateY(90deg) translateZ(-210px); -o-transform: rotateY(90deg) translateZ(-210px); transform: rotateY(90deg) translateZ(-210px);} #scene_1 #eco_items div:nth-child(2) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px); transform: rotateY(90deg) translateZ(-100px);} #scene_1 #eco_items div:nth-child(3) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px); transform: rotateY(90deg) translateZ(-100px);} #scene_1 #eco_items div:nth-child(4) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px); transform: rotateY(90deg) translateZ(-100px);} #scene_1 #eco_items div:nth-child(5) img{ -webkit-transform: rotateY(90deg) translateZ(-100px); -moz-transform: rotateY(90deg) translateZ(-100px); -ms-transform: rotateY(90deg) translateZ(-100px); -o-transform: rotateY(90deg) translateZ(-100px); transform: rotateY(90deg) translateZ(-100px);} #scene_1 #eco_items div:nth-child(11) img{ -webkit-transform: rotateY(90deg) translateZ(-12px); -moz-transform: rotateY(90deg) translateZ(-12px); -ms-transform: rotateY(90deg) translateZ(-12px); -o-transform: rotateY(90deg) translateZ(-12px); transform: rotateY(90deg) translateZ(-12px);} */ /*#scene_1 #travel_items{width:1170px;height:524px;position:relative;margin:auto;margin-top: 36px;} #scene_1 #travel_items div{position:absolute;overflow:hidden;} #scene_1 #travel_items div img{ -webkit-transition:all linear 1s; -moz-transition:all linear 1s; -ms-transition:all linear 1s; -o-transition:all linear 1s; transition:all linear 1s;} #scene_1 #travel_items div:nth-child(1){width:829px;height:573px;left:401px;z-index:5;bottom:0;} #scene_1 #travel_items div:nth-child(2){width:440px;height:225px;left:-70px;z-index:4;bottom:78px;} #scene_1 #travel_items div:nth-child(3){width:320px;height:241px;left:967px;z-index:4;bottom:80px;} #scene_1 #travel_items div:nth-child(4){left:333px;bottom: 25.7%;} #scene_1 #travel_items div:nth-child(5){left:900px;bottom: 25.7%;} #scene_1 #travel_items div:nth-child(6){bottom: 25.7%;} #scene_1 #travel_items div:nth-child(7){bottom: 25.7%;} #scene_1 #travel_items div:nth-child(8){left:244px;bottom: 25.7%;} #scene_1 #travel_items div:nth-child(9){right:-100px;bottom: 25.7%;} #scene_1 #travel_items div:nth-child(10){right: -60px;bottom: 25.7%;} #scene_1 #travel_items div:nth-child(1) img{ -moz-transform: rotateY(90deg) translateZ(-240px); -ms-transform: rotateY(90deg) translateZ(-240px); -webkit-transform: rotateY(90deg) translateZ(-240px); -o-transform: rotateY(90deg) translateZ(-240px); transform: rotateY(90deg) translateZ(-240px);} #scene_1 #travel_items div:nth-child(2) img{ -moz-transform:rotateY(90deg) translateZ(-100px); -ms-transform:rotateY(90deg) translateZ(-100px); -webkit-transform:rotateY(90deg) translateZ(-100px); -o-transform:rotateY(90deg) translateZ(-100px); transform:rotateY(90deg) translateZ(-100px);} #scene_1 #travel_items div:nth-child(3) img{ -moz-transform:rotateY(90deg) translateZ(-60px); -ms-transform:rotateY(90deg) translateZ(-60px); -webkit-transform:rotateY(90deg) translateZ(-60px); -o-transform:rotateY(90deg) translateZ(-60px); transform:rotateY(90deg) translateZ(-60px); } */ .boxed #scene_1 #eco_items div:nth-child(2){left:-43px;} .boxed #scene_1 #eco_items div:nth-child(3){left: 230px;} .boxed #scene_1 #eco_items div:nth-child(5){left: 770px;} .boxed #scene_1 #eco_items div:nth-child(11){left: 770px;} .boxed #scene_1 #eco_items div:nth-child(4){right: -200px;} .boxed .eco #ln_1{left: 57%;} .boxed .eco #ln_1 span.numder::before { content: '................';} .boxed .eco #ln_2{left: -1%;} .boxed #scene_1 #items div:nth-child(3){left: -320px;} .boxed #scene_1 #items div:nth-child(4){left: -230px;} .boxed #scene_1 #items div:nth-child(5){right: -450px;} .boxed #scene_1 #travel_items div:nth-child(2){left: 50px;} .boxed .travel #ln_2 { left: 32.5%; } .boxed .travel #ln_2 span.numder::before { content: '.............';} .boxed #scene_1 #travel_items div:nth-child(3){left: 900px;} .boxed .travel #ln_1{left: 61%;} /*#ln_1{top:40%; left:82%;} #ln_2{top:25%; left:7%;} #ln_3{top:5%; left:62%;}*/ .eco #ln_1{top: 20%; left: 67%;width: 250px;} .eco #ln_2{top:35%; left:-3%;} .eco #ln_3{top:4%; left: 26%;} .travel #ln_1{top: 32%; left: 66%;width: 250px;} .travel #ln_2{top: 34%;left: 26.5%;} .travel #ln_3{top: 5%; left: 60.5%;} .eco #cl_1{top:20%;} .eco #cl_2{top:30%;} .eco #cl_3{top:10%;} .eco #cl_4{top:-8%;} /*#gondola{position:absolute;display:block;right:-200px;width:90px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); z-index: 4} .travel #gondola{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #gondola2{position:absolute;display:block;left:-200px;width:90px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);z-index: 4 } .travel #gondola{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } */ #gondola{position:absolute;display:block;right:-200px;width:60px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); z-index: 4;opacity: 0} .travel #gondola{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #gondola2{position:absolute;display:block;left:-200px;width:60px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);z-index: 4;opacity: 0} .travel #gondola{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /*.riga-gondola2{width:60vw; height:2px;background-color: #000000; transform: rotate(-10deg);position: absolute;top: 270px; z-index: 4} .riga-gondola{width:60vw; height:2px;background-color: #000000; transform: rotate(9deg);position: absolute;top: 150px; z-index: 4} */ @media(max-width:1025px){ #gondola,#gondola2{width: 40px} }@media(max-width:500px){ #gondola,#gondola2{width: 30px} } .riga-gondola2{width:50vw; height:2px;background-color: #000000; /*transform: rotate(-12deg);*/position: absolute;bottom: 527px; z-index: 3;left: -10px !important;opacity: 0} .riga-gondola{width:50vw; height:2px;background-color: #000000; /*transform: rotate(11deg);*/position: absolute;bottom: 450px; z-index: 3;right: -10px !important;opacity: 0} #cl_1{top:36%;background:url(/sostenibilita/images/scene/2.png) repeat-y;} #cl_2{top:56%;background:url(/sostenibilita/images/scene/3.png) repeat-y;} #cl_3{top:15%;background:url(/sostenibilita/images/scene/4.png) repeat-y;z-index:4;} #cl_4{top:-8%;background:url(/sostenibilita/images/scene/5.png) repeat-y;} .clouds div{position:absolute;height:50px;width:160px;overflow:hidden;z-index:6;} .small_scene #scene_1 .item:nth-child(1){height: 35%; left: 10%; top: 27%;} .small_scene #scene_1 .item:nth-child(2){height: 100%; left: 44.5%;} .small_scene #scene_1 .item:nth-child(3){height: 38.4%; top: 45%; left: 70%;} .small_scene #scene_1 .item:nth-child(4){height: 42.4%; left: 25%; top: 40%;} .small_scene #scene_1 .item:nth-child(5){height: 30%; left: 85%; top: 32%;} /**************************** /Scene 1 **************************/ /**************************** Footer **************************/ .footer{/*padding-top:90px;padding-bottom:120px;*/background-color:#ffffff;} .footer .logo{padding:20px;position: relative;display: inline-block;vertical-align: middle;min-width: 100px} /*.footer .logo:first-child{width: 322px} .footer .logo:nth-child(2){width: 190px} .footer .logo:nth-child(3){width: 130px} .footer .logo:nth-child(4){width: 196px} .footer .logo:nth-child(5){width: 196px}*/ .footer .logo:first-child{width: 260px} .footer .logo:nth-child(2){width: 138px} .footer .logo:nth-child(3){width: 130px} .footer .logo:nth-child(4){width: 150px} .footer .logo:nth-child(5){width: 260px} .footer .logo:nth-child(5) img{width: 260px} @media(max-width:1440px){ .footer .logo:first-child{width: 208px} .footer .logo:nth-child(2){width: 110px} .footer .logo:nth-child(3){width: 104px} .footer .logo:nth-child(4){width: 120px} .footer .logo:nth-child(5){width: 230px} .footer .logo:nth-child(5) img{width: 230px} } @media(max-width:1024px){ .footer .logo:first-child{width: 184px} .footer .logo:nth-child(2){width: 88px} .footer .logo:nth-child(3){width: 85px} .footer .logo:nth-child(4){width: 96px} .footer .logo:nth-child(5){width: 184px} .footer .logo:nth-child(5) img{width: 184px} } @media(max-width:996px){ .footer .logo{padding: 10px} .footer .logo:first-child{width: 148px} .footer .logo:nth-child(2){width: 48px} .footer .logo:nth-child(3){width: 45px} .footer .logo:nth-child(4){width: 56px} .footer .logo:nth-child(5){width: 148px} .footer .logo:nth-child(5) img{width: 148px} }@media(max-width:600px){ .footer .logo{display: block;height: 172px;margin: auto}} .footer .content{padding-bottom:30px;color:#fff;font-size:16px;} .footer .content a{color:#a7d692; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -o-transition:all linear .2s; -ms-transition:all linear .2s; transition:all linear .2s;} .footer .content a:hover{color:#fff;} .footer .social a{color:#fff;font-size:24px;margin:5px;} .footer .social a span:before{ -webkit-transition:all ease .2s; -moz-transition:all ease .2s; -o-transition:all ease .2s; -ms-transition:all ease .2s; transition:all ease .2s;} .footer .social a:hover span{color: #a7d692;} .footer .social li{display: inline-block;} .cyan{background-color: #53acbb;} .cyan .widget .title, .cyan .widget .content{color: #fff;} .cyan .widget .recent_post .content:hover{color: #7cccd8;} .cyan .widget .recent_post .content .date, .cyan .widget .comment .icon{color: #a1f2fe;} .cyan .widget .tags li a{background-color: #7cccd8;} .cyan .widget .tags li a:hover{background-color: #2f9aac;} .cyan .widget .tags li a:hover{color: #a1f2fe;} .cyan .widget .comment .content:hover{color: #7cccd8;} /**************************** /Footer **************************/ /**************************** Color Scheme **************************/ .cadetblue{background-color: #2f9aac;} .seagreen{background-color: #53acbb !important;} .skyblue{background-color: #74c2ce;} .cornsilk{background-color: #fcfcf7;} .darkseagreen{background-color: #5ea281;} .yellowgreen{background-color: #a7d692;} .darkcyan{background-color: #3faa96;} .khaki{background-color: #f2de83;} .ivory{background-color: #fdf7e2;} .wheat{background-color: #d9c593;} .salmon{background-color: #df574b !important;} .indianred{background-color: #cb483e;} .grigio{background-color: #808080} .rosso{background-color: #b51f1f} .verde{background-color: #a7d693} .azzurro{background-color: #2d9aab} .beige{background-color: #fcfcf7;} .blu{background-color: #1d71b8} .verde-2{background-color: #a9cb5b} /**************************** /Color Scheme **************************/ .pad90{padding-top: 90px; padding-bottom:90px;} .pad90-top{padding-top: 90px;} .pad90-bot{padding-bottom: 90px;} .pad70{padding-top: 70px; padding-bottom:70px;} .pad70-top{padding-top: 70px;} .pad70-bot{padding-bottom: 70px;} .pad30{padding-top: 30px; padding-bottom: 30px;} .pad30-top{padding-top: 30px;} .pad30-bot{padding-bottom: 30px;} .marg90{margin-top: 90px; margin-bottom: 90px;} .marg90-top{margin-top: 90px;} .marg90-bot{margin-bottom: 90px;} .marg60{margin-top: 60px; margin-bottom: 60px;} .marg60-top{margin-top: 60px;} .marg60-bot{margin-bottom: 60px;} .marg30{margin-top: 30px; margin-bottom: 30px;} .marg30-top{margin-top: 30px;} .marg30-bot{margin-bottom: 30px;} .marg0{margin: 0;} .sostenibilita-slider{position: relative;margin: auto;width: 100%;min-height: 40vh} #tabs-carousel{width:100%;height:100%;position:relative;margin:auto;overflow:hidden;z-index: 10} .tabs-img-carousel{width:100%;height:100%;background-repeat:no-repeat; background-position:center center;background-size:cover;} .tabs-carousel-arrow i{font-size:2.2rem;line-height:5.0rem; cursor:hand;cursor:pointer} .tabs-carousel-arrow{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;} .tabs-carousel-arrow .tabs-slick-prev{position: absolute; left:-3.4rem;color:var(--generico);top: 50%;transform: translateY(-50%);} .tabs-carousel-arrow .tabs-slick-next{position: absolute;right:-3.4rem;color:var(--bianco);top: 50%;transform: translateY(-50%);} #tabs1-carousel{width:100%;height:100%;position:relative;margin:auto;overflow:hidden;z-index: 10} .tabs1-img-carousel{width:100%;height:100%;background-repeat:no-repeat; background-position:center center;background-size:cover;} .tabs1-carousel-arrow i{font-size:2.2rem;line-height:5.0rem; cursor:hand;cursor:pointer} .tabs1-carousel-arrow{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;} .tabs1-carousel-arrow .tabs1-slick-prev{position: absolute; left:-3.4rem;color:var(--generico);top: 50%;transform: translateY(-50%);} .tabs1-carousel-arrow .tabs1-slick-next{position: absolute;right:-3.4rem;color:var(--bianco);top: 50%;transform: translateY(-50%);} #tabs2-carousel{width:100%;height:100%;position:relative;margin:auto;overflow:hidden;z-index: 10} .tabs2-img-carousel{width:100%;height:100%;background-repeat:no-repeat; background-position:center center;background-size:cover;} .tabs2-carousel-arrow i{font-size:2.2rem;line-height:5.0rem; cursor:hand;cursor:pointer} .tabs2-carousel-arrow{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;} .tabs2-carousel-arrow .tabs2-slick-prev{position: absolute; left:-3.4rem;color:var(--generico);top: 50%;transform: translateY(-50%);} .tabs2-carousel-arrow .tabs2-slick-next{position: absolute;right:-3.4rem;color:var(--bianco);top: 50%;transform: translateY(-50%);} #tabs4-carousel{width:100%;height:100%;position:relative;margin:auto;overflow:hidden;z-index: 10} .tabs4-img-carousel{width:100%;height:100%;background-repeat:no-repeat; background-position:center center;background-size:cover;} .tabs4-carousel-arrow i{font-size:2.2rem;line-height:5.0rem; cursor:hand;cursor:pointer} .tabs4-carousel-arrow{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;} .tabs4-carousel-arrow .tabs4-slick-prev{position: absolute; left:-3.4rem;color:var(--generico);top: 50%;transform: translateY(-50%);} .tabs4-carousel-arrow .tabs4-slick-next{position: absolute;right:-3.4rem;color:var(--bianco);top: 50%;transform: translateY(-50%);} .sostenibilita-slider{margin-bottom: 40px} .tab-dett h6{margin: 0;} .tab-dett a{text-decoration: underline;font-weight: 600} .tab-dett a:hover{text-decoration: underline;font-weight: 800} .tab-dett video{width: 100%;height: auto;padding-bottom: 40px} @media(max-width:1200px){ .container.verde-2 h4 img{width: 300px !important } } @media(max-width:768px){ .container.verde-2 h4 img{width: 240px !important } } @media(max-width:600px){ .tabs-carousel-arrow .tabs-slick-prev{left: -2rem} .tabs-carousel-arrow i {font-size: 1.2rem;} .tabs-carousel-arrow .tabs-slick-next{right: -2rem} /*.tab-dett,.sostenibilita-slider{height: 20vh}*/ .tabs-img-carousel img{ width: 100%; height: auto;} .tabs1-carousel-arrow .tabs1-slick-prev{left: -2rem} .tabs1-carousel-arrow i {font-size: 1.2rem;} .tabs1-carousel-arrow .tabs1-slick-next{right: -2rem} /*.tab-dett,.sostenibilita-slider{height: 20vh}*/ .tabs1-img-carousel img{ width: 100%; height: auto;} .tabs2-carousel-arrow .tabs2-slick-prev{left: -2rem} .tabs2-carousel-arrow i {font-size: 1.2rem;} .tabs2-carousel-arrow .tabs2-slick-next{right: -2rem} /*.tab-dett,.sostenibilita-slider{height: 20vh}*/ .tabs2-img-carousel img{ width: 100%; height: auto;} .tabs4-carousel-arrow .tabs4-slick-prev{left: -2rem} .tabs4-carousel-arrow i {font-size: 1.2rem;} .tabs4-carousel-arrow .tabs4-slick-next{right: -2rem} /*.tab-dett,.sostenibilita-slider{height: 20vh}*/ .tabs4-img-carousel img{ width: 100%; height: auto;} .sostenibilita-slider{min-height: auto;margin-bottom:40px; padding-bottom: 0} } #smartgondola{display: none;} @media(max-width:1024px){ #gondola,#gondola2,.riga-gondola,.riga-gondola2{display: none;} #smartgondola{display: block;} #gondola-m{position:absolute;display:block;right:-200px;width:60px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); z-index: 4;} #gondola2-m{position:absolute;display:block;left:-200px;width:60px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);z-index: 4;} #gondola-m,#gondola2-m{width: 40px} .riga-gondola2-m{width:80vw; height:2px;background-color: #000000; /*transform: rotate(-12deg);*/position: absolute;bottom: 530px; z-index: 4;left: -200px} .riga-gondola-m{width:80vw; height:2px;background-color: #000000; /*transform: rotate(11deg);*/position: absolute;bottom: 450px; z-index: 4;right: -200px} } @media(max-width:996px){ #gondola-m{position:absolute;display:block;right:-200px;width:60px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); z-index: 4;} #gondola2-m{position:absolute;display:block;left:-200px;width:60px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);z-index: 4;} #gondola-m,#gondola2-m{width: 40px} .riga-gondola2-m{width:120vw; height:2px;background-color: #000000; /*transform: rotate(-12deg);*/position: absolute;bottom: 530px; z-index: 4;left: -200px} .riga-gondola-m{width:100vw; height:2px;background-color: #000000; /*transform: rotate(11deg);*/position: absolute;bottom: 450px; z-index: 4;right: -200px} } @media(max-width:500px){ #gondola-m,#gondola2-m{width: 30px} .riga-gondola2-m{width:140vw; height:2px;background-color: #000000; /*transform: rotate(-12deg);*/position: absolute;bottom: 530px; z-index: 4;left: -30px !important} .riga-gondola-m{width:140vw; height:2px;background-color: #000000; /*transform: rotate(11deg);*/position: absolute;bottom: 450px; z-index: 4;right: -30px !important} } .contatti{text-align: center;} .contatti a{font-weight: 300;text-decoration: underline;color: #000000} .contatti a:hover{font-weight: 600;text-decoration: underline;color: #000000} .header-lingua {position: fixed;width: 150px;top: 0;right: 0;height: 50px;z-index: 99;} .menu-lingua {position: relative;width: 150px;height: 50px;text-align: center; list-style: none;top: 0;left: 0;padding: 0;margin: 0;} .menu-lingua-int {float: left;position: relative;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;-webkit-transition: 1000ms all;} .menu-lingua-int {background-color: transparent;width: 50px;height: 50px;position: relative;display: block;cursor: hand;cursor: pointer;z-index: 1000;color: #000000;float: left;box-shadow: inset 0 0 0 0 #ffffff;-webkit-transition: ease-out .6s;-moz-transition: ease-out .6s;transition: ease-out .6s;} .menu-lingua-selected, .menu-pagine a.selected {cursor: text !important;pointer-events: none;background-color: #ffffff;color: #000000;} .menu-lingua-int:hover{box-shadow: inset 0 400px 0 0 #ffffff;color: #000000;-webkit-transition: ease-out .6s;-moz-transition: ease-out .6s;transition: ease-out .6s;} #JPO {min-height: 20px;padding: 40px;margin-bottom: 40px;background-color: #f5f5f5;border: 1px solid #e3e3e3;line-height: 55px;position: relative;text-align: center;font-size: 40px;font-weight: 300;text-transform: uppercase;letter-spacing: 0px;margin-top: 0;} #JPO .JPO_close {position: absolute;top: 0;right: 0px;border-radius: 2px;background: none;border: 0;font-size: 25px;padding: 0 10px;cursor: hand;cursor: pointer}