/* Author: Glacom Italia srl Author URI: https://www.glacom.it Version: 1.0 ----------------------------------------------------------------- 01. Reset Stylesheet 02. Base Typography 03. Base Styles 04. Nonsemantic Base Styles 05. Structure 06. Header 07. Menu 08. Content 09. Images 10. Comments 11. Footer 12. Widgets 13. Retina 14. Responsive styles -----------------------------------------------------------------*/ /*@font-face { font-family: 'franchiseregular'; src: url('fonts/Franchise-Bold.woff2') format('woff2'), url('fonts/Franchise-Bold.woff') format('woff'), url('fonts/Franchise-Bold.eot'), url('fonts/Franchise-Bold.otf'), url('fonts/Franchise-Bold.svg') format('svg'), url('fonts/Franchise-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }*/ /*---------------------------------------------------------------*/ /* 01. Reset Stylesheet by html5doctor.com v1.6.1 /*---------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { text-decoration:underline;} mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del, strike { text-decoration: line-through; } abbr[title], dfn[title], acronym { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /*---------------------------------------------------------------*/ /* 02. Base Typography /*---------------------------------------------------------------*/ body { font-family: 'Roboto Slab', serif; font-size:16px; line-height: 150%; background-color:#ffffff; background-image:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-wrap: break-word; overflow:hidden; } pre, code, kbd, samp { font-family: 'Roboto Slab', serif; } /*---------------------------------------------------------------*/ /* 03. Base Styles /*---------------------------------------------------------------*/ body, select, input, textarea { color:#1a171b; font-family: 'Roboto Slab', serif; } input, textarea {box-sizing: border-box;} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: normal; color:#1a171b; margin-bottom:12px; float:left; width:100%;} h1{font-size:35px; font-weight:bold; line-height:120%; margin-bottom:50px;} h2{font-size:27px; font-weight:bold; line-height:38px;} h3{font-size:22px} h4{font-size:20px} h5{font-size:17px} h6{font-size:14px} html { overflow-y: scroll; } *:focus { outline: none; } a { color:#1a171b; text-decoration:none; outline:0; } a:hover, a:active { outline: none; } a:hover, a:active, a:focus, a:link, a:visited { text-decoration:none; outline: none;} p{margin-bottom:18px;} img{max-width:100%; height:auto;} em {font-style: italic;} small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { display:block; font:normal 12px/22px Monaco, Monospace; background-color:#fafafa; background:repeating-linear-gradient(top, #eee 0px, #eee 22px, #fafafa 22px, #fafafa 44px); overflow:auto; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 */ word-wrap: break-word; /* IE */ padding:0em 1em; border: 1px dashed #cccccc; margin: 0 0 1em 0;} hr {background-color: #1a171b; border: 0; clear: both; height: 1px; margin-bottom: 18px; } iframe, embed, video, audio{max-width:100%;} .ie7 img {-ms-interpolation-mode: bicubic;} /* Quote tag */ q:before, q:after { content:'"'; } /* Definition list */ dl {padding-top:20px; padding-bottom:20px;} dt {float: left; clear: left; width: 130px; text-align: right; font-weight: bold;} dt:after {content: ":";} dd {margin: 0 0 0 150px; padding: 0 0 0.5em 0;} /* Bloquote */ blockquote:after {font-family: arial; content: "\f10e"; font-size:19px; position:absolute; bottom:10px; right:20px;} blockquote p { font-size: 16px; margin-bottom: 10px;} blockquote {border: 1px solid #EDEDED; background:#f9f9f9; margin-bottom:16px; padding:40px; position:relative; border-radius:4px;} blockquote cite {display: block; font-size: 12px; color: #555; margin-top:15px;} blockquote cite:before {content:"\2014"; padding-right:5px;} /* Form style */ input,textarea { font-size:16px; border-bottom:1px solid #868686; color:#fff; } input:hover, textarea:hover { border-bottom:1px solid #fff; } input:focus,textarea:focus { outline:0; border-color:#dedede; transition:border-color 0.3s; } input { padding:0 10px; height:35px; } textarea { overflow: auto; padding:10px; height:110px; resize:none; border-top:0; border-left:0; border-right:0; background-color:transparent; width:100%; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; background:none; border-style:none; } input[type="checkbox"] { vertical-align:bottom; background-color:transparent; border:1px solid #868686; border-radius:0px; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } input[type=button], input[type=submit], button { -webkit-appearance: button } input, select, textarea { margin: 0; } input[type=text] { border-top:0; border-left:0; border-right:0; background-color:transparent; width:100%; } ::placeholder { color:#fff; opacity:1; } :-ms-input-placeholder { color:red; } ::-ms-input-placeholder { color:red; } /* Selection style */ ::-moz-selection{ background-color: #999999; color:#fff; text-shadow: none; } ::selection { background-color:#999999; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.196); } /* Button style */ /*input[type='submit'], button{display: inline-block; background-color:#4F7383; border:none; color: #fff; font-size: 11px; font-weight:400; line-height:1; letter-spacing:1px; text-transform:uppercase; height:auto; padding: 18px 24px; text-align: center; border-radius: 2px; transition: background-color 0.15s ease-in-out;} button:after {font-family: arial; content: "\f105"; margin-left:35px; transition: all 0.15s cubic-bezier(.55,0,.1,1); } button:hover:after {-webkit-transform:translateX(5px); transform:translateX(5px);}*/ /*input[type='submit']:active, button:active{color:#ffffff;}*/ /* List style */ ul, ol { margin-left: 1.8em; } ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc, ul {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px;} ul.large li {line-height: 21px;} nav ul, nav li { margin: 0; } /* Table Style */ table{background-color:#eeeeee; border-collapse:collapse; border-spacing: 0; padding:0; margin-bottom:18px; width:100%;} th{color:#ffffff; font-weight:bold; padding:10px 30px 10px 30px; text-align:center;} th a {color:#ffffff;} th a:hover {color:#f7f7f7;} tr{color:#696969; text-align:center;} tr:nth-child(odd) td{background:#ffffff;} td{padding:10px;vertical-align:middle; } tbody th{background:none; color:#444444;} tbody th a {color:#444444;} tbody th a:hover {color:#696969;} tbody tr:nth-child(odd) th{background:#ffffff;} .video-container { position:relative; margin-top:30px; margin-bottom:30px; padding-top:35px; height:0; overflow:hidden; width:100%; float:left; padding-bottom: 56.25%; /* the aspect ratio is 16:9, the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75% */ } .video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /*---------------------------------------------------------------*/ /* 04. Nonsemantic Base Styles /*---------------------------------------------------------------*/ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*---------------------------------------------------------------*/ /* 05. Structure /*---------------------------------------------------------------*/ #ico_menu_mobi, #social_mobi, #block_menu_prod_mobi { display:none; } header { margin:0 auto; } div.wrap { margin:0 auto; max-width:81.25em; padding-right:1.25em; padding-left:1.25em; } #cont_top { float:left; width:100%; } #top { width:100%; padding-top:10px; padding-bottom:15px; float:left; } #logo { position:absolute; top:0; left:0; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; height:80px; overflow:hidden; padding-top:10px; padding-left:10px; } #logo img { border:none; height:60px; z-index:1000; position:relative; } #cerca { text-align:right; width:50%; float:left; height:55px; } #cont_top_menu { float:left; width:100%; background-color:#b8b8b8; } #top_menu { width:100%; float:left; text-align:center; display:table; /*margin-top:70px;*/ } #header_image { width:100%; height:auto; min-height:450px; float:left; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center top; } #camera_wrap_1{ height:400px; } #cont_container { float:left; width:100%; } #container { float:left; width:100%; } #testo1 { float:left; width:100%; } #testo_404 { float:left; width:100%; margin-bottom:40px; margin-top:150px; text-align:center; } #testo2 { width:100%; float:left; margin-top:100px; } /*margin-bottom:40px;*/ #colsx { width:15%; height:auto; margin-top:40px; margin-right:3%; position:fixed; top:50px; left:0; z-index:98;/* serve x menu about/work*/ } #cont_all #logo, #cont_all .menu-btn { position:fixed; z-index:1000; } #boxmiddle {width:100%;float:left;} #box_A, #box_B, #box_C { width:29.33%; float:left; margin-top:20px; height:auto; margin-bottom:20px; padding-left:1%; padding-right:1%; font-size:0.75em; } #box_B { margin-left:3%; margin-right:3%; } #cont_menu { width:100%; height:100%; position:fixed; top:0; left:0; z-index:0; opacity:0; background-color:#454446; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } section.content { height:100vh; min-height:520px; position:relative; } section.content div.next-link { position:absolute; bottom:57px; left:50%; margin-left:-23px; font-size:15px; opacity:0; text-decoration:none; letter-spacing:0.2em; transform:rotate(90deg) translateX(0); height:auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index:1000; font-family: 'Yanone Kaffeesatz', sans-serif; cursor:pointer; } section.content div.next-link:hover { transform:rotate(90deg) translateX(5px); } section.content div.next-link img { fill:#1a171b; width:25px; } section.bg-dark { background-color:#454446; } .page_header { width:100%; float:left; padding-right:18%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:18%; } .page_title { font-size:60px; line-height:75px; font-weight:bold; display:block; } .page_title:before { content:open-quote; } .page_title:after { content:close-quote; } .page_title.no-quote:before, .page_title.no-quote:after { content:''; } .page_cit { font-size:22px; display:block; margin-top:10px; } .page_desc { font-size:26px; line-height:42px; letter-spacing:1.2px; font-weight:400; margin-top:85px; } .page_header_image { --padding-top:70px; --mr:80px; padding-top:var(--padding-top); color:black; position:relative; float:left; width:100%; margin-top: 138px; } .page_header_image .page_header_image_wrapper { width:82%; padding-left:var(--mr); padding-right:var(--mr); margin-left:auto; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*transform: translate(0%, -1.5689%) translate3d(0px, 0px, 0px);*/ margin-left:18%; } .page_header_image img { width:100%; } .page_header_image::after { z-index:-1; content:""; display:block; position:absolute; top:0; left:0; width:82%; height:calc(100% - var(--padding-top)); background-color:#454446; } /* Alignments */ .alignleft { display: inline; float: left;} .alignright { display: inline; float: right;} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .float-left{ float:left;} .float-right{ float:right;} /*---------------------------------------------------------------*/ /* 06. Header /*---------------------------------------------------------------*/ #flag { width:100%; text-align:center; margin-top:70px; } #flag a:link, #flag a:visited, #flag a:hover { text-decoration:none; text-transform:uppercase; color:#b4b4b4; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:18px; } #flag a#current_lang { color:#fff; } #flag a:after { content:"/"; padding-left:5px; color:#b4b4b4;} #flag a:last-child:after { content:""; } #social { width:100%; text-align:center; position:absolute; bottom:0; left:0; margin-bottom:15px; } /*#social i { color:#fff; font-size:1.3em; padding:5px;}*/ #social img { width:25px; margin-left:15px; } /*---------------------------------------------------------------*/ /* 07. Menu /*---------------------------------------------------------------*/ .menu-btn { position:absolute; top:0; right:0; background-color:#1a171b; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; width:80px; height:80px; z-index:1000; overflow:hidden; cursor:pointer; outline:none; border:none; } .menu-btn__icon { width:24px; overflow:hidden; transform-origin:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; display:block; margin:auto; } .menu-btn__icon:before, .menu-btn__icon:after { content: ""; } .menu-btn__icon:before, .menu-btn__icon:after, .menu-btn__icon__middle { display:block; margin-bottom:4px; width:100%; height:3px; background-color:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;} .menu-btn__icon:before { transform:translateX(4px); transform-origin:left top; } .menu-btn__icon__middle { text-indent:999%; transform: translateX(-3px); } .menu-btn__icon:after { transform:translateX(8px); transform-origin:left bottom; margin-bottom:0; } .menu-btn:not(.is-active):hover .menu-btn__icon:before, .menu-btn:not(.is-active):hover .menu-btn__icon:after, .menu-btn:not(.is-active):hover .menu-btn__icon__middle { transform:translateX(0) } .menu-btn.is-active .menu-btn__icon { transform:rotate(-90deg); overflow:visible; } .menu-btn.is-active .menu-btn__icon__middle { animation:middle 0.5s 0.2s 1 forwards ease } .menu-btn.is-active .menu-btn__icon:before { animation:before 0.5s 0.2s 1 forwards ease } .menu-btn.is-active .menu-btn__icon:after { animation:after 0.5s 0.2s 1 forwards ease } .menu-btn.is-leave .menu-btn__icon { transform:rotate(0); overflow:hidden; } .menu-btn.is-leave .menu-btn__icon__middle { animation:middle 0.5s 0.2s 1 forwards ease reverse } .menu-btn.is-leave .menu-btn__icon:before { animation:before 0.5s 0.2s 1 forwards ease reverse } .menu-btn.is-leave .menu-btn__icon:after { animation:after 0.5s 0.2s 1 forwards ease reverse } @keyframes middle { 100% { opacity:0 } } @keyframes before { 100% { transform:translateY(-1px) translateX(5px) rotate(45deg) } } @keyframes after { 100% { transform:translateY(1px) translateX(5px) rotate(-45deg) } } ul#menu_top { text-align:center; list-style-type:none; margin:0; /*padding-top:7px;*/ width:100%; } ul#menu_top li a { font-family: 'Yanone Kaffeesatz', sans-serif; color:#b4b4b4; font-size:60px; line-height:115%; } ul#menu_top li a#current_menu_top { color:#fff; } ul#menu_top li a:link, ul#menu_top li a:visited { color:#b4b4b4; text-transform:uppercase; text-decoration:none; } ul#menu_top li a:hover { color:#fff; text-transform:uppercase; text-decoration:none; } /*---------------------------------------------------------------*/ /* 08. Content /*---------------------------------------------------------------*/ /* HOME */ .top-heading { text-align:center; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; height:100%; padding-bottom:12px; text-transform:uppercase; opacity:0; } .top-heading__text { color:#b4b4b4; font-size:19px; letter-spacing:5px; margin-bottom:15px; min-height:1em; font-family: 'Yanone Kaffeesatz', sans-serif; } .top-heading__title { font-size:120px; letter-spacing:5px; font-family: 'Yanone Kaffeesatz', sans-serif; } h1.top-heading__title { line-height:80% !important; } .top-heading__title__initial, .top-heading__title__other { transform:translateY(0); display:inline-block; } .top-heading.is-ready { background-color:transparent; } .top-heading.is-ready .top-heading__text { color:transparent; transform:translateY(-500%); } .top-heading.is-ready .top-heading__title__initial, .top-heading.is-ready .top-heading__title__other { color:transparent; } .top-heading.is-ready .top-heading__title__initial:nth-child(1) { transform: translateY(125%) } .top-heading.is-ready .top-heading__title__initial:nth-child(2) { transform: translateY(200%) } .top-heading.is-ready .top-heading__title__initial:nth-child(3) { transform: translateY(275%) } .top-heading.is-ready .top-heading__title__initial:nth-child(4) { transform: translateY(350%) } /*.top-heading.is-ready .top-heading__title__initial:nth-child(1) { transform: translateY(-763%) } .top-heading.is-ready .top-heading__title__initial:nth-child(3) { transform: translateY(-350%) } .top-heading.is-ready .top-heading__title__initial:nth-child(5) { transform: translateY(-570%) } .top-heading.is-ready .top-heading__title__other:nth-child(6) { transform: translateY(-763%) } .top-heading.is-ready .top-heading__title__other:nth-child(2) { transform: translateY(-350%) } .top-heading.is-ready .top-heading__title__other:nth-child(4) { transform: translateY(-570%) }*/ /*.top-heading.is-enter { transition: background-color 2s ease; }*/ .top-heading.is-enter .top-heading__text { -webkit-transition:all 1.5s ease-out; -moz-transition:all 1.5s ease-out; -o-transition:all 1.5s ease-out; transition:all 1.5s ease-out; -webkit-transition-delay:2.5s; -moz-transition-delay:2.5s; -o-transition-delay:2.5s; transition-delay:2.5s; } .top-heading.is-enter .top-heading__title__initial { -webkit-transition:all 2.5s ease; -moz-transition:all 2.5s ease; -o-transition:all 2.5s ease; transition: all 2.5s ease; } /*.top-heading.is-enter .top-heading__title__other { -webkit-transition:all 3.5s ease; -moz-transition:all 3.5s ease; -o-transition:all 3.5s ease; transition:all 3.5s ease; transition-delay:1s; }*/ .btn_more { display:block; width:170px; height:195px; background:#1a171b url(img/freccia_white.svg) 86% 86% no-repeat; color:#fff !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size:18px !important; letter-spacing:1.2px; padding:25px 25px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none; position:relative; top:0; left:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; cursor:pointer; text-align:left; text-transform:uppercase; background-size:30px; } .btn_more.medium { width:144px; height:164px; } .btn_more.small { width:105px; height:55px; padding:10px 10px; font-size:17px !important; line-height:17px; background-size:20px; background-position:85% 80%; } .btn_more::after { position:absolute; top:-12px; left:-12px; content: ''; width:100%; height:100%; border:2px solid #1a171b; transition:all .3s; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .btn_more:hover { top:-8px; left:-8px; } .btn_more:hover::after { top:12px; left:12px; border:2px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .boxA { position:relative; overflow:hidden; } .boxA .cont_btn_more { position:absolute; bottom:50px; left:50%; z-index:20; } /*.three-d-stage { width: 100%; height: 100vh; perspective: 3000px; transform-style: preserve-3d; } .card-list { width: 100%; height: 100vh; perspective: 3000px; transform-style: preserve-3d; list-style-type:none; } .card-list.has-active-item { transform: rotate(0) !important } .card-list.has-active-item .card:not(.is-active) { transform: translateZ(-500px) } .card { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 50%; height: 50%; text-decoration: none; color: #fff; background: 50% 50% / cover no-repeat; text-align: center; position: absolute; font-size: 12px; perspective: 3000px; transform-style: preserve-3d; transition: width 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), height 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), top 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), left 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), transform 0.3s cubic-bezier(0.72, 0.06, 0.25, 0.99); cursor: pointer; -webkit-transition:width 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), height 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), top 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), left 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), transform 0.3s cubic-bezier(0.72, 0.06, 0.25, 0.99); -moz-transition:width 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), height 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), top 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), left 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), transform 0.3s cubic-bezier(0.72, 0.06, 0.25, 0.99); -o-transition:width 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), height 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), top 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), left 1.2s cubic-bezier(0.72, 0.06, 0.25, 0.99), transform 0.3s cubic-bezier(0.72, 0.06, 0.25, 0.99); } .card::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translateZ(200px); opacity: 0 } .card-1 { top: 76px; left: 75px; z-index: 4; transform: translateZ(-5px); } .card-2 { top: 28px; left: 46.2%; z-index: 3; transform: translateZ(-20px); } .card-3 { top: 53%; left: 70px; z-index: 2; transform: translateZ(-35px); } .card-4 { top: 48%; left: 47.3%; z-index: 1; transform: translateZ(-45px); } .card__content { transform: translateZ(25px); position: relative } .card__pretit { font-size: 25px; letter-spacing: 0.12em; text-indent: 0.12em; font-family: 'franchiseregular', sans-serif; position: relative; margin-bottom: 5px; text-transform:uppercase; } .card__title::after { content: ""; display: block; width: 13px; height: 2px; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%) } .card__title, .card__tag { letter-spacing: 0.37em } .card__title { font-weight: normal; font-size: 35px; line-height: 1.9; min-height: 3.6em; text-transform:uppercase; } .card__tag { margin-top: 13px; font-weight: normal; font-size: 18px; } .card__text { display: none; width: 481px; line-height: 1.9; letter-spacing: 0.18em; font-size: 14px; text-align: left; margin: 25px auto 0 } .card:hover { transform: translateZ(10px) } .card.is-active { top: 0; left: 0; transform: translateZ(0); width: 100%; height: 100%; z-index: 9; cursor: text } .card.is-active .card__content { transform: translateZ(0) } .card.is-active::after { display: none }*/ .three-d-stage { width:100%; height:100vh; } .card-list { width:100%; height:100vh; list-style-type:none; } .card { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; width:50%; height:50%; text-decoration:none; color:#fff; background:50% 50% / cover no-repeat; text-align:center; position:absolute; -webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -o-transition:all .4s ease-in; -ms-transition: all .4s ease-in; } .card-hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .card::after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; } .card-1 { top:80px; left:80px; z-index:4; } .card-2 { top:30px; left:46%; z-index:3; } .card-3 { top:50%; left:120px; z-index:2; } .card-4 { top:44%; left:49%; z-index:1; } .card__content { position:relative; width:70%; } .card__pretit { font-size:12px; letter-spacing:0.12em; position:relative; margin-bottom:5px; text-transform:uppercase; color:#fff; } .card__title::after { content:""; display:block; width:13px; height:2px; background-color:#fff; position:absolute; /*bottom: 3px;*/ left:50%; margin-left:-6.5px; } .card__title, .card__tag { letter-spacing: 0.37em } .card__title { font-weight:normal; font-size:43px; line-height:110%; text-transform:uppercase; font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing:1.4px; color:#fff; margin-bottom:15px; width:100%; } .card__tag { margin-top:13px; font-weight:normal; font-size:15px; text-transform:lowercase; letter-spacing:unset; color:#fff; width:100%; } .boxB, .boxC, .boxE { overflow:hidden; display:-ms-flexbox; display:flex;-ms-flex-align: center; align-items:center; height:100%; } .boxB .cont_btn_more { position:absolute; bottom:20px; left:60%; } .boxB .box_content { padding-left:25%; z-index:1; } .boxB .box_image { width:50%; height:calc(100% - 17px); position:absolute; top:17px; right:18px; background-position:50% 50%; background-repeat:no-repeat; z-index:0; background-size:cover; } .boxB .box_text { font-size:17px; line-height:27px; display:inline-block; width:30%; } .boxB .cont_title { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; /*-ms-flex-direction:row-reverse; flex-direction:row-reverse*/ margin-left:-80px; margin-bottom:40px; } .boxB .title { font-size:120px; letter-spacing:0.055em; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; } .boxB .pre_title { white-space:nowrap; font-size:21px; font-weight:bold; /*letter-spacing:0.18em;*/ position:relative; margin:20px 40px 16px 0; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; } .boxB .pre_title::after { content:""; display:block; width:20px; height:2px; background-color:#003fff; position:absolute; left:calc(100% + 12px); top:50%; margin-top:-1px } .boxC .cont_btn_more { position:absolute; bottom:20px; left:27%; } .boxC .box_content { padding-top:0; width:50%; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:1; padding-right:calc(25% - 85px); } .boxC .box_image { width:50%; height:calc(100% - 17px); position:absolute; top:17px; left:18px; background-position:50% 50%; background-repeat:no-repeat; z-index:0; background-size:cover; } .boxC .box_text { font-size:17px; line-height:27px; display:inline-block; width:55%; float:right; text-align:right; margin-right:85px; } .boxC .cont_title { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; justify-content:flex-end; /*-ms-flex-direction:row-reverse; flex-direction:row-reverse;*/ margin-bottom:40px; } .boxC .title { font-size:120px; letter-spacing:0.055em; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; } .boxC .pre_title { white-space:nowrap; font-size:21px; font-weight:bold; /*letter-spacing:0.18em;*/ position:relative; margin:20px 0 16px 40px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; } .boxC .pre_title::before { content:""; display:block; width:20px; height:2px; background-color:#003fff; position:absolute; right:calc(100% + 12px); top:50%; margin-top:-1px } .boxD { overflow:hidden; display:-ms-flexbox; display:flex; /*-ms-flex-align: center; align-items:center;*/ height:100%; } .boxD .cont_btn_more { position:absolute; top:55%; right:100px; transform:translateY(-50%); z-index:1; } .boxD .box_content { padding-left:15%; width:100%; padding-top:150px; height:48%; position:relative; z-index:1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .boxD .box_image { width:90%; height:52%; position:absolute; bottom:0; right:0; background-position:50% 50%; background-repeat:no-repeat; z-index:0; background-size:cover; background-image:url(video/header_mobile.jpg); } .boxD .box_image span { position:absolute; top:50%; left:50%; transform:translateY(-50%); transform:translateX(-50%); } /*.boxD .box_image span i { color:#1a171b; font-size:35px; }*/ .boxD .box_image span img { width:50px; height:50px; } .boxD .box_heading { margin-left:70px; } .boxD .box_text { font-size:17px; line-height:27px; padding-right:50px; } .boxD .cont_title { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; width:auto; /*-ms-flex-direction:row-reverse; flex-direction:row-reverse*/ margin-right:80px; } .boxD .title { font-size:120px; letter-spacing:0.055em; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; } .boxD .pre_title { white-space:nowrap; font-size:21px; font-weight:bold; /*letter-spacing:0.18em;*/ position:relative; margin:20px 40px 16px 0; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; } .boxD .pre_title::after { content:""; display:block; width:20px; height:2px; background-color:#003fff; position:absolute; left:calc(100% + 12px); top:50%; margin-top:-1px } .boxD .box_video { width:90%; height:52%; position:absolute; bottom:0; right:0; z-index:0; overflow: hidden; } .boxD .box_video video { min-width:100%; min-height:100%; width:auto; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:transparent url('video/header_mobile.jpg') no-repeat 0 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } .boxE .box_content { width:45%; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:80px; padding-top:80px; height:100%; } .boxE .box_maps { width:50%; height:calc(100% - 17px); position:absolute; top:17px; left:18px; z-index:0; } .boxE .box_heading { margin-left:-110px; } .boxE .box_pretext { float:left; width:100%; padding-left:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; color:#fff; padding-top:8px; } .boxE .box_text { font-size:12px; letter-spacing:0.2em; /*line-height:2.4*/ float:left; padding-left:30px; } .boxE .cont_title { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; width:auto; margin-bottom:0px; } .boxE .title { font-size:110px; letter-spacing:0.055em; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; color:#fff; } .boxE .pre_title { white-space:nowrap; font-size:21px; font-weight:bold; position:relative; margin:20px 0 16px 40px; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; color:#fff; } .boxE .pre_title::before { content:""; display:block; width:20px; height:2px; background-color:#003fff; position:absolute; right:calc(100% + 12px); top:50%; margin-top:-1px } .boxE .box_btn_maps, .boxE .box_btn_contact { display:none; } .boxE .popup_maps { color:#1a171b; } .boxE .popup_maps h2 { font-family: 'Yanone Kaffeesatz', sans-serif; font-size:26px; letter-spacing:1.5px; color:#1a171b !important;} .boxE form .cont_inp_cont { width:100%; float:left; margin-bottom:15px; } .boxE form .cont_inp_cont input, .boxE form .cont_inp_cont textarea { padding-left:0px; padding-right:0px; } .boxE form .cont_inp_cont input { height:35px; } .boxE form .cont_inp_cont_2c { width:48.5%; float:left; } .boxE form .cont_inp_cont_2c:first-child { margin-right:3%; } .boxE form .cont_inp_priv { float:left; width:60%; margin-right:5%; font-size:10px; color:#fff; line-height:14px; margin-top:10px; font-size:11px; letter-spacing:0.5px; } .boxE form .cont_inp_priv a:link, .boxE form .cont_inp_priv a:visited, .boxE form .cont_inp_priv a:hover { text-decoration:none; color:#fff; font-weight:bold; } .boxE form .cont_inp_btn { text-align:right; float:right; width:35%; margin-top:10px; padding-top:12px; } .boxE form .cont_inp_btn .btn_more { float:right; } .boxE form .cont_inp_btn .btn_more.form_desk { display:block; } .boxE form .cont_inp_btn .btn_more.form_mobi { display:none; } .boxE #cont_response { color:#d94242; font-size:15px; margin-top:90px; width:100%; margin-bottom:20px; line-height:130%; } .boxE #cont_response.msgOK { color:#fff; font-size:24px; line-height:140%; } /* SERVICES */ #serv_list { width:100%; float:left; } .serv_listsub { width:100%; float:left; padding-top:50px; moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:18%; } .serv_listsub .serv_item { width:100%; float:left; margin-bottom:150px; position:relative; } .serv_cont_img { width:50%; padding-right:20px; float:left; position:relative; z-index:0; moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .serv_cont_img img { width:100%; height:auto; } .serv_cont_img .cont_btn_more { position:absolute; bottom:20px; left:50px; transform:translateY(50%); } .serv_cont_desc { width:35%; margin-left:40%; position:absolute; text-align:right; top:50px; left:0; z-index:1; } .serv_cont_desc .serv_cont_title { position:relative; } .serv_cont_desc .serv_item_title { font-size:65px; font-weight:bold; text-transform:uppercase; line-height:71px; letter-spacing:2px; font-family: 'Yanone Kaffeesatz', sans-serif; word-wrap:normal; float:right; } .serv_cont_title .serv_item_summ { position:absolute; top:15px; right:-90px; /*transform:translateX(190%);*/ font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1.5px; font-size:22px; } .serv_cont_title .serv_item_summ::before { content:""; display:block; width:20px; height:2px; background-color:#003fff; position:absolute; right:calc(100% + 10px); top:50%; } .serv_cont_desc .serv_item_desc { font-size:17px; line-height:27px; float:left; padding-top:10px; } .serv_item:nth-child(even) { float:right; } .serv_item:nth-child(even) .serv_cont_img { margin-left:50%; } .serv_item:nth-child(even) .serv_cont_img .cont_btn_more { position:absolute; bottom:20px; right:50px; left:unset; transform:translateY(50%); } .serv_item:nth-child(even) .serv_cont_desc { left:25%; margin-left:0; text-align:left; } .serv_item:nth-child(even) .serv_cont_desc .serv_item_title { float:left; } .serv_item:nth-child(even) .serv_cont_title .serv_item_summ { position:absolute; top:15px; left:-90px; /*transform:translateX(-30%);*/ right:unset; } .serv_item:nth-child(even) .serv_cont_title .serv_item_summ::before { display:none; } .serv_item:nth-child(even) .serv_cont_title .serv_item_summ::after { content:""; display:inline-block; width:20px; height:2px; background-color:#003fff; top:50%; position:absolute; transform: translateX(55%); } div.menu_acatalogV { float:left; margin-top:100px; position:fixed; overflow:scroll; height:100vh; overflow:hidden; width:auto; } .menu_acatalogV ul { list-style-type:none; margin-left:10px; } .menu_acatalogV ul ul { margin-left:0; } .menu_acatalogV ul li a:link, .menu_acatalogV ul li a:visited, .menu_acatalogV ul li a:hover { color:#b4b4b4; } .menu_acatalogV ul li span { color:#b4b4b4; cursor:pointer; } .menu_acatalogV ul li.level_0 { font-size:20px; margin-bottom:8px; list-style-type:none; } .menu_acatalogV ul li.level_0.current_item a { color:#1a171b; } .menu_acatalogV ul li.level_0.current_item li.level_1 a { color:#b4b4b4; } .menu_acatalogV ul li.level_0.item_no_active > ul { display:none; } .menu_acatalogV ul li.level_1 { font-size:15px; position:relative; list-style-type:none; } .menu_acatalogV ul li.level_1:before { width:18px; left:-20px; content:""; position:absolute; top:55%; height:1px; margin:-1px 0 0 0; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:right center; -moz-transform-origin:right center; -ms-transform-origin:right center; -o-transform-origin:right center; transform-origin:right center; background:#003fff; -webkit-transition:all .2s; -o-transition:all .2s; -moz-transition:all .2s; transition:all .2s; } .menu_acatalogV ul li.level_1.active:before { -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); } .menu_acatalogV ul li.level_0.active span { color:#1a171b; font-weight:bold; } .menu_acatalogV ul li.level_0.active .level_1 span { color:#b4b4b4; font-weight:normal; } .menu_acatalogV ul li.level_1.active span { color:#1a171b; font-weight:bold; } .menu_acatalogV ul li.level_0.active .level_1.active span { color:#1a171b; font-weight:bold; } .menu_acatalogV #level_1_scroll { display:none; } /* WORKS */ .work_list, .blog_list { width:100%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:18%; margin-bottom:100px; } .work_section, .blog_section { clear:both; padding:0px; margin:0px auto !important; /*max-width: 1600px !important;*/ position:relative; } .animated { animation-duration:1s; animation-fill-mode:both; } .fadeInUp { animation-name:fadeInUp; } @keyframes fadeInUp { from{ opacity:0;transform:translate3d(0, 100%, 0); } to{ opacity:1; transform:none; } } .work_item, .blog_item { display:block; float:right; margin:50px 1.5% 1% 0; width:48.5%; position:relative; } .work_item img, .blog_item img { -webkit-transition: all 750ms; transition: all 750ms; width:100%; } .work_item:nth-child(even) .imgcontain, .blog_item:nth-child(even) .imgcontain { margin-top:115px; } .work_item:nth-child(odd) .imgcontain, .blog_item:nth-child(odd) .imgcontain { margin-bottom:115px; } /*.work_item.filter:nth-child(even) .imgcontain, .blog_item.filter:nth-child(even) .imgcontain { margin-top:0px; } .work_item.filter:nth-child(odd) .imgcontain, .blog_item.filter:nth-child(odd) .imgcontain { margin-bottom:0px; }*/ .hidey { visibility:hidden; } .imgcontain { position:relative; } .imgcontain .card__content { position:absolute; top:25%; text-align:center; width:80%; margin-left:10%; margin-right:10%; } .work_item .cont_btn_more, .blog_item .cont_btn_more { position:absolute; bottom:20px; right:50px; transform:translateY(50%); opacity:0; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; -moz-transition:opacity 0.5s; transition:opacity 0.5s; } .work_item:hover .cont_btn_more, .blog_item:hover .cont_btn_more { opacity:1; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; -moz-transition:opacity 0.5s; transition:opacity 0.5s; } /* WORK DETT */ .work_dett { float:left; width:100%; } .work_dett a:link, .work_dett a:hover, .work_dett a:visited { border-bottom:1px solid #003fff; } .work_dett_subtitle { text-transform:uppercase; color:#fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:75px; position:absolute; left:18%; top:100px; z-index:1; text-shadow: -0.5px 0 #404040, 0 0.5px #404040, 0.5px 0 #404040, 0 -0.5px #404040; } .work_dett .work_dett_par { display:block; padding-left:18%; margin-top:70px; float:left; width:66%; font-size:17px; line-height:27px; } .work_dett_sec { --padding-top: 70px; --mr: 80px; padding-top: var(--padding-top); color: black; position: relative; float:left; width:100%; margin-top: 138px; } .work_dett_sec:nth-of-type(2) { --mr:0px; } .work_dett_sec:nth-of-type(2) .work_dett_subtitle { left:23%; } .work_dett_sec:nth-of-type(4) { --mr:0px; } .work_dett_sec:nth-of-type(4) .work_dett_subtitle { left:23%; } .work_dett_sec .work_dett_wrapper { width:68%; margin-right:var(--mr); margin-left:auto; overflow:hidden; /*transform: translate(0%, -1.5689%) translate3d(0px, 0px, 0px);*/ } .work_dett_sec img { width:100%; } .work_dett_sec::after { z-index:-1; content:""; display:block; position:absolute; top:0; left:0; width:84%; height:calc(100% - var(--padding-top)); background-color:#454446; } .work_dett { width:100%; float:left; border-bottom:1px solid #b4b4b4; padding-bottom:70px; } .work_dett .post_abstract { width:100%; float:left; position:relative; margin:2.5em 0 1.5em 0; } /*.work_dett .post_abstract.st_border { border:1px solid #dadada; } .work_dett .post_abstract.st_quote { padding:5px; background-image:url(img/left-quote.svg); background-position:center top; background-repeat:no-repeat; background-size:100px; } .work_dett .post_abstract.st_quote::before { font-family: 'Font Awesome 5 Free'; content:'\f10d'; float:left; display:inline; font-size:2em; line-height:.3em; } .work_dett .post_abstract.st_quote::after { font-family: 'Font Awesome 5 Free'; content:'\f10e'; float:right; display:inline; font-size:2em; line-height:.8em; }*/ .work_dett .post_abstract p:nth-child(1) { margin-bottom:0 !important; font-size:21px !important; line-height:26px !important; letter-spacing:1px; font-weight:bold !important; } .work_dett .post_abstract p:nth-child(2) { font-size:18px !important; line-height:110% !important; letter-spacing:1px; font-weight:bold !important; } /*.work_dett .post_abstract span.big_char { float:left; font-size:92px; line-height:42px; padding-top:11px; margin-right:8px; margin-bottom:10px; }*/ .work_dett ul, .blog_dett ol { margin:30px 0px 30px 30px; } .work_dett ul+h2 { margin-top:30px; } .work_dett li { list-style-type:circle; } .work_dett ol { margin-left:0px; padding-left:30px; } .work_dett h1 { margin-bottom:12px; } .work_dett .post_dida_img { width:100%; float:left; margin-top:15px; font-style:italic; color:grey; } .work_dett figure.post_cont_image { width:100%; float:left; margin:30px 0px; text-align:center; moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:20px; } .work_dett figure.post_cont_image img { width:100%; } .work_dett header .post_abstract { width:100%; padding:0; margin-left:0; margin-right:0; margin-bottom:60px; } .work_dett header .post_abstract p { padding-left:0 !important; padding-right:0 !important; } .work_dett figure.post_cont_image.big img { margin-top:70px; } .work_dett .post_cont_image_slide {width:100%; float:left;height:auto;margin-bottom:50px;background-color:#fff;} .work_dett .post_cont_image_slide img { margin:auto; width:auto; height:unset; } .work_dett .post_cont_image_text {width:100%; float:left;height:50px;margin-top:15px; text-align:center;background-color:#fff; font-style:italic; color:grey;} .work_dett .post_cont_image_slide:hover .slick-next {display:block !important;} .work_dett .post_cont_image_slide:hover .slick-prev {display:block !important;} .work_dett .post_cont_image_slide+h2 {margin-top:0px;margin-bottom:0px;} .work_dett .post_cont_social { width:100%; float:left; margin-top:20px; margin-bottom:20px; text-align:center; } .work_dett .post_cont_social .post_social_emb { width:auto; margin:0 auto; } .work_dett .post_cont_social .post_social_emb div { max-width:100%; } .work_dett .post_cont_social .post_social_emb iframe, div.post_cont_social .post_social_emb span { margin:0 auto !important; } /* CAREERS*/ .elenco_job { width:100%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:18%; padding-right:80px; margin-top:100px; } .job_title {width:50%;float:left;} .job_description { width:100%; float:left; padding-bottom:50px; font-size:17px; line-height:27px; } .job_description span { color:#1a171b; font-weight:bold; display:block; font-size:26px; line-height:46px;} .job_cont_description{display:none; width:100%; float:left;padding-top:50px;} .job_arrow { width:100%; float:left; text-align:center; margin-bottom:50px; } .job_arrow img { cursor:pointer; width:35px; } .job_testo { width:100%; float:left; } .type_job { width:100%; float:left; padding-bottom:20px; border-bottom:2px solid #E0E0E0; margin-bottom:50px; } .type_job:last-child { border:none; } .job_cont_description .cont_btn_more { width:100%; float:left; padding-bottom:50px; text-align:-moz-right; text-align:-webkit-right; } /*.type_job:nth-child(odd) .job_title { float:right; }*/ .job_desc { width:42%; float:left; margin-left:8%; position:relative; margin-top:70px; font-size:17px; line-height:25px; } .job_desc::before {content:""; display:block; width:25px; height:2px; background-color:#003FFF; position: absolute; top:13px; left:-10%;} /*.type_job:nth-child(even) .job_desc { margin-right:0; margin-left:8%; }*/ /* FORM JOB*/ .cont_form_job { width:100%; float:left; background-color:#454446; padding:80px 80px 40px 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .part_form { width:100%; float:left; padding-bottom:60px; } .part_form.message { padding-bottom:25px; } .lab_cont100 { width:60%; margin-left:20%; float:left; margin-bottom:5px; margin-right:20%; text-align:left; font-size:15px; padding-top:5px; color:#fff; } .lab_cont50 { width:50%; float:left; text-align:left; font-size:18px; padding-top:5px; color:#fff; font-weight:600; } .inp_cont100 { width:60%; margin-left:20%; float:left; margin-bottom:5px; margin-right:20%; } .inp_cont50 { width:50%; float:left;} .inp_cont50:first-child { padding-right:20px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .inp_cont100 input[type=text], .inp_cont50 input[type=text] { margin-bottom:10px; width:100%; padding: 0px 10px 0px 0px; font-size:16px; border-bottom:1px solid #868686 !important; border:1px solid #454446; color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#454446; } .inp_cont100 input[type=text]:hover, .inp_cont50 input[type=text]:hover { border-bottom:1px solid #fff !important; } .inp_cont100 textarea { width:100%; margin-bottom:20px; resize:none; border-bottom:1px solid #868686 !important; border:1px solid #454446; color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:16px; background-color:#454446; } .inp_cont100 textarea:hover { border-bottom:1px solid #fff !important; } .inp_cont100 textarea + span { display:block; margin-top:-20px; color:#fff; font-size:11px; } /*.inp_cont100 a, .inp_cont100 a:link, .inp_cont100 a:visited, .inp_cont100 a:hover { color:#fff; border-bottom:1px solid #fff; padding-bottom:2px; cursor:pointer; font-size:14px; }*/ .inp_file { width:60%; margin-left:20%; float:left; margin-bottom:50px; margin-right:20%; background:url(img/upload.svg) no-repeat; border:1px solid #868686; background-position:center; height:120px; background-size:50px; } .inp_file:hover { border:1px solid #fff; } .pdf_file { display:block; width:100%; height:80%; opacity:0; filter:alpha(opacity=0); border:none; cursor:pointer; } .name_file { height:20%; padding:5px; color:#fff; font-size:14px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .cont_form_job .cont_btn_more { float:right; } .cont_form_job .btn_more.small { border-bottom:0; } .privacy_job { font-size:11px; color:#fff; font-weight:normal; line-height:130%; } .privacy_job input[type=checkbox] { height:auto; margin-right:5px; } .privacy_job a:link, .privacy_job a:visited, .privacy_job a:hover { color:#fff; text-decoration:none; font-size:inherit; font-weight:bold; } .ret_form_ok { font-size:20px; font-weight:bold; color:#fff; } .ret_form_err { font-size:16px; color:#d94242; } .cont_form_job select { -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; background-color:#454446; color:#fff; border:0; border-bottom:1px solid #868686; text-overflow:' '; background:transparent url("img/down-arrow-wh.png") no-repeat 100% center; font-size:16px; padding-bottom:0px; height:35px; margin-bottom:10px; } .cont_form_job select option { background-color:#454446; color:#fff; font-size:16px; } .cont_form_job select:hover { border-bottom:1px solid #fff; } #form_job_tit { font-size:26px; } .block_studio { float:left; width:100%; margin-bottom:20px; } a.add_studio:link, a.add_studio:hover, a.add_studio:visited { color:#fff; border-bottom:1px solid #fff; } /* BLOG */ .blog_list .blog_page_pre, .blog_list .blog_page_suc { color:#1a171b; font-size:14px; } .blog_list .blog_page_pre img { transform:rotate(-180deg); width:20px; margin-right:5px; } .blog_list .blog_page_suc img { width:20px; margin-left:5px; } .blog_item .card__pretit, .blog_item .card__tag { color:#fff; } /*.blog_item .card__title { font-size:30px; line-height:1.5; color:#fff; font-family: 'Yanone Kaffeesatz', sans-serif; } .blog_item .card__tag { color:#fff; font-size:15px; letter-spacing:0; }*/ .blog_dett { width:100%; float:left; border-bottom:1px solid #b4b4b4; padding-bottom:70px; } .blog_dett header { width:100%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:18%; padding-left:18%; } #post_content .post_abstract { width:90%; float:left; position:relative; padding:1px; margin: 2.5em 5% 1.5em 5%; font-family: 'Yanone Kaffeesatz', sans-serif !important; text-align:center !important; } #post_content .post_abstract.st_border { border:1px solid #dadada; } #post_content .post_abstract.st_quote { padding:5px; background-image:url(img/left-quote.svg); background-position:center top; background-repeat:no-repeat; background-size:100px; } /*.blog_dett .post_abstract.st_quote::before { font-family: 'Font Awesome 5 Free'; content:'\f10d'; float:left; display:inline; font-size:2em; line-height:.3em; } .blog_dett .post_abstract.st_quote::after { font-family: 'Font Awesome 5 Free'; content:'\f10e'; float:right; display:inline; font-size:2em; line-height:.8em; }*/ #post_content .post_abstract p:nth-child(2) { padding:1em 1.5em !important; margin:0 !important; background-color:transparent; border-radius:16px; font-size:34px !important; line-height:40px !important; letter-spacing:0.01rem; font-weight:normal !important; } #post_content .post_abstract p:nth-child(2) { padding:0 30px !important; margin:0 !important; background-color:transparent; font-size:18px !important; line-height:110% !important; letter-spacing:0.01rem; font-weight:normal !important; } #post_content .post_abstract span.big_char { font-size:92px; line-height:42px; padding-top:11px; margin-right:8px; margin-bottom:10px; } .blog_dett ul, .blog_dett ol { margin:30px 0px 30px 30px; } .blog_dett ul+h2 { margin-top:30px; } .blog_dett ul li { list-style-type:circle; } .blog_dett ol { margin-left:0px; padding-left:30px; } .blog_dett h1 { margin-bottom:12px; font-size:60px; } .blog_dett #post_share { width:100%; float:left; padding-bottom:70px; margin-top:70px; border-bottom:1px solid #b4b4b4; text-align:center; } .blog_dett #post_share_sx { float:left; width:18%; padding-left:10px; padding-top:100px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .blog_dett #post_cont_content { position:relative; width:100%; } .blog_dett #post_content { width:82%; float:right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:18%; margin-top:70px; position:relative; font-size:22px; line-height:40px; } #post_content a:link, #post_content a:hover, #post_content a:visited { border-bottom:1px solid #003fff; } .blog_dett .post_dida_img { width:100%; float:left; margin-top:15px; font-style:italic; color:grey; } .blog_dett figure.post_cont_image { width:100%; float:left; margin:30px 0px; text-align:center; moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:20px; } .blog_dett figure.post_cont_image img { width:100%; } .blog_dett header .post_abstract { width:100%; float:left; padding:0; margin-left:0; margin-right:0; margin-bottom:60px; margin-top:60px; } .blog_dett header .post_abstract p { padding-left:0 !important; padding-right:0 !important; font-size:26px; line-height:140%; } .blog_dett #cont_post_author, .blog_dett #cont_post_data, .blog_dett #cont_post_tag { float:left; width:auto; padding-right:40px; margin-right:40px; border-right:1px solid #b4b4b4; text-transform:uppercase; font-size:17px; line-height:17px; } .blog_dett #cont_post_tag { border-right:none; padding-right:0; margin-right:0; } .blog_dett figure.post_cont_image.big img { margin-top:70px; } div.post_cont_image_slide {width:100%; float:left;height:auto;margin-bottom:50px;background-color:#fff;} /*height:500px;*/ div.post_cont_image_slide img {margin:auto;width:auto;height:500px;} div.post_cont_image_text {width:100%; float:left;height:50px;margin-top:15px; text-align:center;background-color:#fff; font-style:italic; color:grey;} div.post_cont_image_slide:hover .slick-next {display:block !important;} div.post_cont_image_slide:hover .slick-prev {display:block !important;} .blog_dett div.post_cont_image_slide+h2 {margin-top:0px;margin-bottom:0px;} div.post_cont_social { width:100%; float:left; margin-top:20px; margin-bottom:20px; text-align:center; } div.post_cont_social .post_social_emb { width:auto; margin:0 auto; } div.post_cont_social .post_social_emb div { max-width:100%; } div.post_cont_social .post_social_emb iframe, div.post_cont_social .post_social_emb span { margin:0 auto !important; } .social_share { width:auto; text-align:center; margin:0 auto; } .social_share a { margin:10px; text-align:center; border-bottom:none !important; } .social_share a img { width:25px; } #post_share_sx .social_share a { display:block; width:100%; margin:0px; margin-bottom:20px; text-align:left; } .blog_dett .cont_author_desc { width:100%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:18%; padding-left:18%; margin-top:70px; } .blog_dett .cont_author_image { width:20%; float:left; margin-right:10%; } .blog_dett .author_image { position:relative; -webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px);-ms-transform:translate(15px,15px);-o-transform:translate(15px,15px);transform:translate(15px,15px); margin-bottom:-4px; z-index:100; } .blog_dett .author_image img { vertical-align:top; } .blog_dett .author_image:after { position:absolute; top:-17px; left:-15px;content:''; width:100%; height:100%; border:2px solid #454446; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; z-index:-1; } .blog_dett .author_desc { width:70%; float:left; } .author_desc span:nth-child(1) { display:block; font-size:30px; font-weight:bold; margin-bottom:20px; letter-spacing:1.1px; } .author_desc span:nth-child(2) { display:block; font-size:21px; font-weight:bold; margin-bottom:20px; letter-spacing:1.1px; } .author_desc p { font-size:17px; line-height:27px; color:#b4b4b4; } .vedianche { width:100%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:20px; padding-left:18%; margin-bottom:100px; padding-top:70px; } .vedianche span { display:block; font-size:60px; font-weight:bold; } /* ABOUT */ .about_cont { width:100%; float:left; padding-right:18%; padding-left:18%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:100px; } .about_cont_img, .about_cont_slider { width:100%; float:left; margin-bottom:100px; position:relative; } .about_row { width:100%; float:left; margin-bottom:80px; } .about_row:last-child { margin-bottom:40px; } .about_block { width:48%; float:left; } .about_block:nth-child(1) { margin-right:2%; } .about_block:nth-child(2) { margin-left:2%; } .about_block.bltext { padding-top:20px; } .about_block .block_tit { display:inline-block; font-weight:bold; font-size:21px; margin-bottom:10px; letter-spacing:1px; line-height:26px; } .about_block .block_desc { display:inline-block; padding-left:35px; position:relative; font-size:17px; line-height:27px; } .block_desc:before { content:""; display:block; width:20px; height:2px; background-color:#003fff; position:absolute; left:0; top:15px; } .about_cont_img .about_cont_img_wrapper { width:82%; margin-left:18%; padding-left:160px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:70px; } .about_cont_img_subtitle { text-transform:uppercase; color:#1a171b; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:89px; position:absolute; left:calc(18% + 80px); top:100px; z-index:1; width:400px; line-height:89px; } .about_cont_img img { width:100%; } .about_cont_img::after { z-index:-1; content:""; display:block; position:absolute; top:0; left:0; width:82%; height:calc(100% - 70px); background-color:#454446; } .about_desc_prof { font-size:26px; line-height:42px; letter-spacing:1.2px; font-weight:bold; } #team-slider, #work-slider { z-index:100; overflow:visible; position:relative; } #work-slider { margin-top:130px; margin-bottom:50px; } #work-slider .cont_btn_more { float:right; opacity:0; margin-top:-70px; margin-right:50px; } #work-slider .swiper-slide-active .cont_btn_more { opacity:1; } #team-slider .swiper-slide, #work-slider .swiper-slide { width:calc(100% - 34px); max-width:600px; } #team-slider .swiper-slide img, #team-slider .swiper-slide picture, #team-slider .swiper-slide source, #work-slider .swiper-slide img { vertical-align:top; } #team-slider .linien { opacity:0; } #team-slider .controls { position:absolute; margin-right:auto; margin-left:auto; right:0; left:0; bottom:-60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding-left:20px; padding-right:20px; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; max-width:870px; color:#003fff; } #work-slider .controls { position:absolute; margin-right:auto; margin-left:auto; right:0; left:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding-left:100px; padding-right:100px; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; max-width:870px; color:#003fff; } #team-slider .controls div, #work-slider .controls div { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:100; } #team-slider .controls div:hover, #work-slider .controls div:hover { cursor:pointer; } #team-text-slider { text-align:center; margin-top:40px; } #team-text-slider .swiper-wrapper { height:auto; } #team-text-slider .swiper-slide h4 { font-weight:bold; margin-bottom:20px; font-size:21px; } #team-text-slider .swiper-slide h5 { margin-bottom:6px; font-size:17px; } #team-text-slider .swiper-slide p { margin-top:5px; max-width:570px; margin-left:auto; margin-right:auto; font-size:17px; } .linien { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none; margin-top:auto; margin-bottom:auto; top:0; bottom:0; position:absolute; margin-right:auto; margin-left:auto; right:0; left:0; width:calc(100% - 48px); height:calc(100% - 48px); } .linien span { width:100%; height:2px; background:#003fff; } .linien span:nth-of-type(1), .linien span:nth-of-type(2) { position:absolute; top:0; left:0; } .linien span:nth-of-type(3), .linien span:nth-of-type(4) { position:absolute; right:0; bottom:0; } .linien span:nth-of-type(2) { -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:1px 1px; transform-origin:1px 1px; } .linien span:nth-of-type(3) { -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:calc(100% - 1px) calc(100% - 1px); transform-origin:calc(100% - 1px) calc(100% - 1px); } .arrow-right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .arrow-right span { font-weight:400; letter-spacing:2; padding-right:10px; font-size:17px; } .arrow-right img, .arrow-left img { width:20px; } .arrow-right .freccia, .arrow-left .freccia { fill:#003fff; } .arrow-left img { transform:rotate(180deg); } .arrow-left { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .arrow-left span { font-weight:400; letter-spacing:2; padding-left:10px; font-size:17px; } .bullets { display:none; } /* NEWSLETTER */ body.newsletter { background-color:#454446; color:#fff; position:relative; } .newsletter #logo { width:100%; float:left; margin:0 auto; display:block; position:unset; text-align:center; padding-left:0px; } .newsletter #subscribe { width:480px; margin:0 auto; } .newsletter .cont_btn_more { text-align:right; float:right; width:35%; margin-top:10px; padding-top:20px; padding-bottom:50px;} .newsletter .btn_more { float:right; } div.newsl_label { width:100%; text-align:center; float:left; } div.newsl_input { width:100%; float:left; text-align:center; } input.newsl { margin-top:5px; margin-bottom:10px; text-align:left; padding:3px; } .newsletter h1 { color:#fff; } .newsl_input_priv { float:left; width:60%; margin-right:5%; font-size:10px; color:#fff; line-height:14px; margin-top:10px; } .newsl_input_priv a:link, .newsl_input_priv a:visited, .newsl_input_priv a:hover { text-decoration:none; color:#fff; font-weight:bold; } .newsletter footer, .error404 footer { position:fixed; bottom:0; left:0; width:100%; } /*---------------------------------------------------------------*/ /* 09. Images /*---------------------------------------------------------------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget img {max-width: 100%; height: auto;} img.alignleft { margin-right: 1em;} img.alignright { margin-left: 1em;} /*---------------------------------------------------------------*/ /* 10. Comments /*---------------------------------------------------------------*/ /* Comment list */ #comments {padding-bottom:5px;} #comments h3 {font-size:20px;} #comments .comment-list li article{ background:#f7f7f7; padding:40px; margin-left:2px; margin-right:2px; } #comments .comment-list{margin:0 0 40px; list-style:none;} #comments .comment-list .children {list-style:none; margin:0px; padding-left:30px; position:relative;} #comments .comment-list .children li{margin:0;} #comments .comment-body {min-height:60px; padding: 0 0 30px 80px; margin:25px 0px 0px; display: block; position: relative; } #comments .comment-body p:last-child{margin-bottom:0px;} #comments .comment-body footer{margin-bottom:50px;} #comments .children .comment-body footer{margin-bottom:30px;} #comments .comment-body .comment-content {clear:both; line-height:1.6;} #comments .comment-author img{float:left; margin-right:20px; margin-top:-2px; border-radius:3px;} #comments .comment-author .fn{font-size:13px; font-weight:600; font-style:normal;} #comments .comment-author .says{display:none;} #comments .comment-meta{font-size:11px;} #comments .comment-meta a{color:#4F7383;} #comments .reply{position:absolute; right:40px; top:42px; } #comments .comment-reply-link{line-height:1; text-transform:uppercase; color:#4F7383; font-size:11px; font-weight:600; display:block;transition: all 0.15s;} #comments .comment-author .author-url{font-size:13px; font-weight:600; font-style:normal;} #comments .children .comment-body .comment-author img{width:40px; height:40px} /* Pingbacks and trackbacks */ #comments .pingback .comment-body {min-height:0px; margin:0px; padding:15px 0px;} #comments .pingback .comment-body:before {font-family: arial; content: "\f122"; color:#aaaaaa; padding-right: 8px; font-size:14px; vertical-align:-1px;} /* Comment form */ #comments .comment-list #respond{margin:0px 40px 50px 40px;} #comments .comment-form-info-fields{margin-bottom:25px;} #comments .comment-form-author input#author, .comment-form-email input#email, .comment-form-url input#url{width:100%; margin-top:3px;} #comments .comment-awaiting-moderation {color:#DB6A23;} #comments p.comment-form-comment {margin-bottom:25px;} #comments p.comment-form-comment label {display:none; } #comments p.comment-form-comment textarea#comment {width: 100%;} #comments p.comment-notes, p.logged-in-as, p.must-log-in {margin-bottom:40px; margin-top:0px; font-size:11px; text-transform:uppercase; letter-spacing:1px;} #comments h3.comment-reply-title {margin-bottom:5px; margin-top:40px;} #comments h3#comments-title {margin-top:40px;} #comments h3.comment-reply-title #cancel-comment-reply-link{display:inline-block; float:right; margin-right:2px; line-height:1; text-transform:uppercase; font-size:11px; font-weight:600; transition: all 0.15s;} #comments .comment-list .bypostauthor {} /* Comment form columns */ .col_container:before, .col_container:after {content: " "; display: table;} .col_container:after {clear: both;} .col_container .col_3{box-sizing: border-box; position: relative; float: left; width: 33.33333333333333%; min-height: 1px; padding-right: 20px;} .col_container .col_3:last-child{padding-right:0px;} /* Paragraph that wraps the submit button and hidden comment ID fields. */ p.form-submit {margin-bottom:0; } /*---------------------------------------------------------------*/ /* 11. Footer /*---------------------------------------------------------------*/ /* home .content #footer { width:45%; position:absolute; bottom:5px; right:0; background-color:#454446; } */ /* altre pag */ #container #footer { width:100%; margin-bottom:10px; padding-top:40px; float:left; } /*position:absolute; bottom:0; left:0;*/ #container #footer.bg_dark { margin-bottom:0px; padding-bottom:10px; background-color:#454446; } .newsletter #footer.bg_dark { width:100%; margin-bottom:0px; padding-bottom:20px; background-color:#454446; float:left; } #footer { text-align:center; font-size:12px; padding-top:20px; text-transform:uppercase; z-index:90; } #footer.white { color:#e0e0e0; } #footer.black { color:#1a171b; } #footer.white a:visited, #footer.white a:hover, #footer.white a:link { color:#e0e0e0; } #footer.black a:visited, #footer.black a:hover, #footer.black a:link { color:#1a171b; } #footer span { display:block; width:100%; text-align:center; } #flag img {width:30px;margin:0px 3px; border:0;} /* Scroll to top button */ .scrollToTop{width:44px; height:44px; line-height:43px; font-size:18px; text-align:center; color: #fff; text-decoration: none; position:fixed; z-index:9999; bottom:-45px; right:20px; border-radius: 50%; transition: bottom 0.4s cubic-bezier(.55,0,.1,1); box-shadow: 0 2px 7px 0 rgba(0,0,0,.16);} .scrollToTop:hover{color:#fff;} .scrollToTop.scrollactive{bottom:20px;} #cookieChoiceInfo { font-size:14px !important; padding:15px !important; } #cookieChoiceInfo span { color:#fff; } #cookieChoiceInfo a:link, #cookieChoiceInfo a:hover, #cookieChoiceInfo a:visited { color:#fff; font-weight:bold; } #cookieChoiceDismiss { font-size: 14px; } /*---------------------------------------------------------------*/ /* 12. Widgets /*---------------------------------------------------------------*/ /* Loading page */ /* See how their opacity is 0 when loaded or loading? No more CSS edits needed below. */ .loaded .loader, .loading .scene { opacity:0;} /* Loader CSS */ .loader { position:absolute; width:100%; top:50%;} #stage { position:fixed; top:0; left:0; width:100%; background:#fff; height:100%;} .pre_loading{ animation: pre_loading 1s ease-in forwards; opacity:1; } @keyframes pre_loading { 0% { opacity: 1; } 20% { opacity: 0.5; } 100% { opacity: 0; } } .post_loading{ animation: post_loading 1s ease-in forwards; opacity:0; } @keyframes post_loading { 0% { opacity: 0; } 80% { opacity: 0.5; } 100% { opacity: 1; } } .cont_load { position:absolute;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%, -50%);transform:translate(-50%,-50%);} .img_load{height:400px;z-index:100;position:relative; top:0; left:0;display:flex;align-content: flex-end;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;flex-flow: row wrap;} .color_load{animation: cont_load 4s linear forwards; background-color:#1a171b;height:410px;z-index:10;position:absolute; top:0; left:0;} .bar_load{width:100%;float:left;background-color:#fff;color:#1a171b;margin-top: 15px; text-align:center;} @keyframes cont_load { 0% { width:0%;} 100% { width: 100%;} } /*CSS PER TUTTE LE IMMAGINI ANIMATE*/ /*Effetto per la parte del testo*/ .text_object { animation: text_object 0.5s 0.5s ease-out forwards; transform-origin: bottom center; -ms-transform-origin: bottom center; -moz-transform-origin: bottom center; -webkit-transform-origin: bottom center; -o-transform-origin: bottom center;opacity:0; position:absolute; left:0; text-align:center; color:#29282b; font-family:'Yanone Kaffeesatz', sans-serif; font-weight:700; text-transform:uppercase; width:100%; word-wrap:normal; } .text_object.job, .text_object.about1 { top:35%; font-size:45px; line-height:45px; } .text_object.job, .text_object#content_polygon { top:30%; } .text_object.about2 { top:33%; font-size:45px; line-height:40px; } @keyframes text_object { 0% { opacity:0; transform:translateY(100px); -ms-transform:translateY(100px); -moz-transform:translateY(100px); -webkit-transform:translateY(100px); -o-transform:translateY(100px); } 100% { opacity:1; transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); } } /*Effetto immagine interna*/ .object{animation: object 1s linear forwards; transform-origin: center center; -ms-transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center;} @keyframes object { 0% { transform:matrix(0.01,0,0,0.01,0,0); -ms-transform:matrix(0.01,0,0,0.01,0,0); -moz-transform:matrix(0.01,0,0,0.01,0,0); -webkit-transform:matrix(0.01,0,0,0.01,0,0); -o-transform:matrix(0.01,0,0,0.01,0,0); } 50% { transform:matrix(0.5,0,0,0.5,0,0); -ms-transform:matrix(0.5,0,0,0.5,0,0); -moz-transform:matrix(0.5,0,0,0.5,0,0); -webkit-transform:matrix(0.5,0,0,0.5,0,0); -o-transform:matrix(0.5,0,0,0.5,0,0); } 100% { transform:matrix(1,0,0,1,0,0); -ms-transform:matrix(1,0,0,1,0,0); -moz-transform:matrix(1,0,0,1,0,0); -webkit-transform:matrix(1,0,0,1,0,0); -o-transform:matrix(1,0,0,1,0,0); } } /*Effetto immagine esterna*/ .path {fill: none; stroke:#003FFF; stroke-miterlimit: 10; stroke-width:1.5px; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 3s linear alternate forwards;} .path#path_heart, .path#path_fire, .path#path_wave {stroke-width:1px; animation: dash 4s linear alternate forwards;} @keyframes dash { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } } /*CSS contenitore immagini*/ .bild { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media (min-width: 951px) { .bild { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .kpi, img.kpi { margin:0 auto; } .kpi { position:relative; } @media (max-width: 500px) { .kpi, img.kpi { width: calc(11 * (100vw / 25)); } } @media (min-width: 501px) AND (max-width: 600px) { .kpi, img.kpi { width: calc(10 * (100vw / 25)); } } @media (min-width: 601px) AND (max-width: 700px) { .kpi, img.kpi { width: calc(9 * (100vw / 25)); } } @media (min-width: 701px) AND (max-width: 900px) { .kpi, img.kpi { width: calc(6 * (100vw / 25)); } } @media (min-width: 901px) AND (max-width: 1500px) { .kpi, img.kpi { width: calc(5 * (100vw / 25)); } } @media (min-width: 1501px) { .kpi, img.kpi{ width: calc(4 * (100vw / 25)); } } .items { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } /* -webkit-box-orient:vertical; -webkit-box-direction:normal; */ /*.items .item { pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } webkit-box-orient:vertical; -webkit-box-direction:normal; */ /*---------------------------------------------------------------*/ /* 13. Retina /*---------------------------------------------------------------*/ /*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #site-logo img.default-logo {display:none;} #site-logo img.retina-logo {display:inline-block;} }*/ /*---------------------------------------------------------------*/ /* 14. Responsive - Visual Composer related styles are inside core extend plugin /*---------------------------------------------------------------*/ /* Hide mobile menu on normal size screens */ @media only screen and (min-width : 979px) { } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width : 1024px){ } /* * ------------------------------------------------------------------------------------------- * TABLET LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 979px) and (max-width: 1024px) { } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES STARTING TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-height: 900px) { .boxE #cont_response { color:#d94242; font-size:15px; margin-top:0px; width:100%; margin-bottom:0px; line-height:130%; } .boxE #cont_response.msgOK { color:#fff; font-size:24px; line-height:140%; } .boxE .box_pretext { /*font-size: 11px;*/ } } @media only screen and (max-height: 600px) { .boxE #addressline { display:none; } .boxE .box_text #contatti { display:none; } } @media only screen and (max-width: 979px) { #logo { width:100%; height:60px; z-index:100; background-color:transparent; } #logo img { width:auto; height:50px; } .menu-btn { width:70px; height:70px; } h2 { font-size:22px; line-height:35px; } #top_menu { margin-top:25px; } ul#menu_top li a { font-size:47px; line-height:120%; } #flag a { font-size:16px: } #social img { width:20px; } .top-heading__text { font-size:15px; } .top-heading__title { font-size:78px; line-height:75px; } section.content div.next-link { bottom:40px; font-size:12px; } section.content div.next-link img { width:17px; } .btn_more { width:91px; height:105px; padding:15px 15px; background-position:80% 80%; background-size:20px; } .boxA .cont_btn_more { left:65%; top:52%; } .card { width:70%; height:45%; } .card-1 { top:100px; right:0%; left:unset; z-index:4; } .card-2 { top:unset; left:0; z-index:3; bottom:20px; } .card-3, .card-4 { display:none; } .card__pretit { font-size:10px; } .card__title { font-size:35px; } .card__tag { font-size:10px; } .boxB, .boxC, .boxD { -ms-flex-align:flex-start; align-items:flex-start; } .boxB .cont_btn_more { bottom:55px; left:25%; } .boxB .box_content { padding-left:0; } .boxB .box_image { width:85%; height:calc(100% - 180px); top:unset; bottom:20px; right:0; background-position:50% 50%; } .boxB .box_text, .boxC .box_text, .boxD .box_text { display:none; } .boxB .cont_title { margin-left:10px; margin-top:70px; flex-direction:column; -ms-flex-align:flex-start; align-items:flex-start; } .boxB .title { font-size:84px; } .boxB .pre_title { font-size:21px; } .boxB .pre_title::after { width:25px; } .boxC .cont_btn_more { bottom:55px; left:52%; } .boxC .box_content { padding-right:0px; width:auto; top:100px; right:10px; -webkit-transform:unset; -moz-transform:unset; -ms-transform:unset; -o-transform:unset; transform:unset; justify-content:flex-end; } .boxC .box_image { width:85%; height:calc(100% - 180px); top:unset; bottom:20px; left:0; background-position:50% 50%; } .boxC .cont_title { flex-direction:column; -ms-flex-align:flex-end; align-items:flex-end; } .boxC .title { font-size:84px; order:2; display:inline-block; margin-right:-0.055em; } .boxC .pre_title { font-size:21px; letter-spacing:1.5px; order:1; margin-top:0px; } .boxC .pre_title::after { width:25px; } .boxD .cont_btn_more { display:none; } .boxD .box_content { width:auto; top:80px; left:0px; padding-top:0px; -webkit-transform:unset; -moz-transform:unset; -ms-transform:unset; -o-transform:unset; transform:unset; justify-content:flex-end; padding-left:10%; } .boxD .box_image { width:calc(100% - 10px); height:calc(100% - 250px); top:unset; bottom:20px; right:0; background-position:50% 50%; } .boxD .cont_title { flex-direction:column; -ms-flex-align:flex-start; align-items:flex-start; } .boxD .title { font-size:84px; order:2; display:inline-block; } .boxD .pre_title { font-size:21px; letter-spacing:1.5px; order:1; margin-top:0px; } .boxD .pre_title::after { width:25px; } /*.video_background_home {height: 300px !important;}*/ .boxD .box_video video { background-image:none; } .content #footer { width:100%; padding-top:2px; } .boxE { height:calc(100% - 50px); -ms-flex-allign:start; align-items:flex-start; } .boxE .box_content { padding-top:50px; width:100%; position:absolute; top:0; left:0; z-index:0; display:none; } .boxE .box_maps { width:100%; height:100%; top:0px; left:0px; } /*.boxE .box_heading { margin-left:-70px; } .boxE .box_text { font-size:12px; letter-spacing:0.2em; float:left; padding-left:30px; } .boxE .cont_title { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; width:auto; } .boxE .title { font-size:90px; letter-spacing:0.055em; font-family: 'Anton', sans-serif; text-transform:uppercase; color:#fff; } .boxE .pre_title { white-space:nowrap; font-size:15px; font-weight:bold; letter-spacing:0.18em; position:relative; margin:0 0 16px 80px; font-family: 'Anton', sans-serif; text-transform:uppercase; color:#fff; } .boxE .pre_title::before { content:""; display:block; width:25px; height:1px; background-color:#003fff; position:absolute; right:calc(100% + 17px); top:50%; margin-top:-1px }*/ .boxE .box_btn_maps { position:absolute; bottom:0px; left:0; height:35px; background-color:#003fff; display:block; width:100%; font-family: 'Yanone Kaffeesatz', sans-serif; text-align:center; font-size:28px; color:#fff; text-transform:uppercase; padding-top:15px; letter-spacing:1px; cursor:pointer; } .boxE .box_btn_contact { float:left; height:35px; background-color:#003fff; display:block; width:100%; font-family: 'Yanone Kaffeesatz', sans-serif; text-align:center; font-size:28px; color:#fff; text-transform:uppercase; padding-top:15px; letter-spacing:1px; cursor:pointer; } .boxE .triangolo_up{width:0; height:0; margin:0 auto; border-bottom:25px solid #003fff; border-right:25px solid transparent; border-left:25px solid transparent; position:absolute; bottom:40px; left:50%; margin-left:-25px; } .boxE .triangolo_down { width:0; height:0; margin:0 auto; border-top:25px solid #003fff; border-right:25px solid transparent; border-left:25px solid transparent; z-index:101; position:absolute; top:40px; left:50%; margin-left:-25px; } .boxE .form_mobile { padding-left:10px; padding-right:10px; width:calc(100% - 20px); float:left; height:calc(100% - 50px); background:#454446; z-index:100; float:left; padding-top:20px; overflow: scroll; } .boxE .form_mobile #contatti { display:none; } .boxE .cont_form_mobile_up { width:100%; z-index:100; position:absolute; bottom:0px; height:0; animation: cont_form_up 1.5s ease-out forwards;} @keyframes cont_form_up { 0% { height:50px; } 100% { height: calc(100% - 70px); } } .boxE .cont_form_mobile_down {width:100%; z-index:100; position:absolute; bottom:0; height:0; animation: cont_form_down 1.5s ease-out forwards; } @keyframes cont_form_down { 0% { height: calc(100% - 70px); } 100% { height:0; } } .boxE .box_pretext { padding-left:0px; padding-top:5px; text-align:center; } .boxE #cont_response { margin-top:0px; } .boxE form .cont_inp_cont_2c { width:100%; margin-right:0px; } .boxE form .cont_inp_cont_2c:first-child { margin-right:0px; margin-bottom:15px; } .boxE form .cont_inp_priv, .boxE form .cont_inp_btn { width:100%; margin-right:0px; } .boxE form .cont_inp_btn .btn_more.form_desk { display:none; } .boxE form .cont_inp_btn .btn_more.form_mobi { display:block; } form .cont_inp_cont textarea { height:80px; } #testo2 { width:100%; margin-top:200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*padding-left:10px; padding-right:10px;*/ #testo2.nomenu { margin-top:150px; } #colsx { width:100%; margin-top:0px; padding-top:70px; background-color:#fff; z-index:98; top:unset; } .page_header { padding-left:10px; padding-right:10px; } .page_header_image { margin-top:100px; padding-top:0px; } .page_header_image img { width:auto; height:200px; max-width:unset; } .page_header_image .page_header_image_wrapper { /*margin-right:0px; padding-left:0px;*/ padding-right:0px; padding-left:100px; margin-left:0px; width:100%; overflow-x:hidden; } .page_header_image::after { width:100%; height:100%; top:-70px; } .page_desc { line-height:180%; font-size:22px; line-height:35px;} .page_title { font-size:38px; line-height:45px; } .page_cit { font-size:18px; } /* SERVICES */ .serv_listsub { padding-left:10px; padding-right:10px; } .serv_item { display:flex; flex-direction:column; } .serv_cont_img { width:100%; margin-right:0; float:left; position:relative; z-index:0; order:2; } .serv_cont_desc { width:100%; margin-left:0; position:unset; text-align:left; z-index:1; float:left; order:1; margin-bottom:30px; } .serv_cont_desc .serv_cont_title { position:relative; margin-bottom:25px; padding-left:10%; } .serv_cont_desc .serv_cont_title:before { content:""; display:block; width:25px; height:2px; background-color:#003fff; position:absolute; left:0px; top:25px; } .serv_cont_desc .serv_item_desc { font-size:18px; line-height:160%; } .serv_cont_desc .serv_item_title { font-size:50px; font-weight:bold; text-transform:uppercase; line-height:51px; letter-spacing:3px; word-wrap:break-word; float:left; width:100%; } .serv_cont_title .serv_item_summ { display:none; } .serv_item:nth-child(even) { float:left; } .serv_item:nth-child(even) .serv_cont_img { margin-left:0; } .serv_item:nth-child(even) .serv_cont_img .cont_btn_more { position:absolute; bottom:20px; right:50px; left:unset; transform:translateY(50%); } .serv_item:nth-child(even) .serv_cont_desc { left:0; margin-left:0; } .serv_item:nth-child(even) .serv_cont_title .serv_item_summ { display:none; } .serv_item:nth-child(even) .serv_cont_title .serv_item_summ::before { display:none; } .serv_item:nth-child(even) .serv_cont_title .serv_item_summ::after { display:none; } .menu_acatalogV.about, .menu_acatalogV.work_det, .menu_acatalogV.job { display:none; } div.menu_acatalogV { width:100%; margin-top:0px; height:70px; position:unset; position:relative; /*overflow:scroll;*/ } .menu_acatalogV.blog { height:35px; } .menu_acatalogV.serv, .menu_acatalogV.blog { padding-top:20px; } .menu_acatalogV.work { padding-top:20px; height:auto; } .menu_acatalogV.blog ul { overflow:scroll; display:inline-block; white-space:nowrap; width:calc(100% - 40px); padding-bottom:5px; } .menu_acatalogV ul li { display:inline; } .menu_acatalogV ul li.level_0 { padding-right:15px; } .menu_acatalogV ul ul { position:absolute; left:10px; top:45px; overflow:scroll; width:calc(100% - 40px); display:inline-block; white-space:nowrap; padding-bottom:5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu_acatalogV ul li.level_1 { padding-right:10px; } .menu_acatalogV.serv ul li.level_1.active::before, .menu_acatalogV.work ul li.level_1.active::before, .menu_acatalogV.blog ul li.level_1.active::before { display:none; } .menu_acatalogV #level_1_scroll { display:block; position:absolute; top:52px; right:0px; padding-left:5px; padding-right:10px; font-size:20px; color:#b4b4b4; background-color:#fff; } .menu_acatalogV.blog #level_1_scroll { top:20px; } .work_dett_sec { margin-top:70px; } .work_dett_sec .work_dett_wrapper { margin-right:0px; } .work_dett p { padding-left:10px; padding-right:10px; width:100%; } /* WORK */ .elenco_job { padding-left:10px; padding-right:10px; } .job_title { width:100%; } .job_desc { width:90%; margin-left:10% !important; margin-right:0px !important; margin-top:40px; font-size:20px; line-height:160%; } .job_description span { font-size:22px; line-height:42px; } .cont_form_job { padding:20px; } .inp_cont100, .lab_cont100, .inp_file { width:100%; margin-left:0; margin-right:0; padding-left:10px; padding-right:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom:20px; } .lab_cont100 { margin-bottom:5px; } .lab_cont50, .inp_cont50 { width:100%; } .inp_cont50:first-child { padding-right:0px; margin-bottom:20px; } .privacy_job { margin-bottom:50px; margin-top:-40px; } #form_job_tit { font-size:22px; } .work_item_slider .imgcontain .card__content { top:10%; } .work_item_slider .cont_btn_more { bottom:20px; right:80px; } .work_item_slider .card__pretit { } /* BLOG */ .work_list, .blog_list, .about_cont { padding-left:10px; padding-right:10px; } .work_item, .blog_item { float:left; margin:50px 0 100px 0; width:100%; position:relative; } .work_item:nth-child(even) .imgcontain, .blog_item:nth-child(even) .imgcontain { margin-top:0; } /*, .work_item.filter:nth-child(even) .imgcontain, .blog_item.filter:nth-child(even) .imgcontain*/ .work_item:nth-child(odd) .imgcontain, .blog_item:nth-child(odd) .imgcontain { margin-bottom:0; } /*, .work_item.filter:nth-child(odd) .imgcontain, .blog_item.filter:nth-child(odd) .imgcontain */ .work_item .cont_btn_more, .blog_item .cont_btn_more { opacity:1; } .blog_dett header, .blog_dett #post_content, .blog_dett .cont_author_desc, .vedianche { padding-left:10px; padding-right:10px; } .blog_dett #post_content { font-size:17px; line-height:27px; width:100%; } .blog_dett #cont_post_author, .blog_dett #cont_post_data { margin-bottom:20px; border-right:0px; } .blog_dett #cont_post_author, .blog_dett #cont_post_data, .blog_dett #cont_post_tag { font-size:15px; line-height:22px; width:100%; } .blog_dett .cont_author_image { width:30%; margin-right:5%; } .blog_dett .author_desc { width:65%; } .author_desc span:nth-child(1) { font-size:21px; } .author_desc span:nth-child(2) { font-size:14px; } .author_desc p { font-size:12px; line-height:17px; } .blog_dett .author_image { -webkit-transform:translate(10px,10px);-moz-transform:translate(10px,10px);-ms-transform:translate(10px,10px);-o-transform:translate(10px,10px);transform:translate(10px,10px); } .blog_dett .author_image:after { top:-12px; left:-10px; } .vedianche span { font-size:38px; line-height:45px; } .blog_dett #post_share_sx.sticky { display:none; } .blog_dett figure.post_cont_image { padding-right:0px; } /* ABOUT */ .about_row { display:flex; flex-flow:column; } .about_block, .about_block:nth-child(1), .about_block:nth-child(2) { width:100%; margin-left:0; margin-right:0; } .about_block { order:1; } .about_block.bltext { order:2; } /*.about_block .block_tit { font-size:28px; line-height:140%; } .about_block .block_desc { font-size:24px; line-height:160%; padding-left:70px; }*/ .block_desc::before { height:2px; } .about_cont_img::after { width:100%; height:100%; top:-50px; } .about_cont_img img { width:auto; height:200px; max-width:unset; } .about_cont_img .about_cont_img_wrapper { padding-left:100px; padding-top:20px; margin-left:0px; width:100%; overflow-x:hidden; } .about_cont_img_subtitle { left:10%; font-size:51px; line-height:51px; width:50%; top:50px; } .about_desc_prof { font-size:22px; line-height:35px; } .about_block:not(.bltext) + .about_block { margin-top:80px; } .about_block:not(.bltext) + .about_block.bltext { margin-top:0px; } .items { flex-direction:column; align-content:center; } .items .item { margin:0 auto; } #team-slider .controls, #work-slider .controls { display:none; } .bullets { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:40px; } .bullets .bullet { position:relative; width:calc(2 * (100vw / 25)); height:4px; background:rgba(0, 0, 0, 0.1); overflow:hidden; background:#b4b4b4; } .bullets .bullet.bullet-active { background:#003fff; } .bullets .bullet:not(:last-child) { margin-right:calc(1 * (100vw / 25)); } .bullets .bullet .bullet-progress { position:absolute; top:0; left:0; width:100%; height:100%; } /*@media (min-width: 701px) { .bullets .bullet { width: 4%; } }*/ .swiper-container .bullets .bullet:not(.bullet-active) .bullet-progress { display:block; } .newsletter #subscribe { width:100%; } .newsletter .cont_btn_more { width:100%; } .newsletter .newsl_input_priv { width:100%; margin-right:0; } .newsletter footer { position:unset; float:left; } .newsletter #container { padding-left:10px; padding-right:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #footer div { width:100%; margin-left:0;} #footer span { width:100%; text-align:center; } #footer div span:nth-child(1), #footer div span:nth-child(2) { margin-left:0px; } } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 979px) { } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { #team-text-slider { -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:8%; padding-right:8%; } } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT & LOWER * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { } /*@media only screen and (max-width:768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { div.wrap { margin:0 auto; max-width:82.25em; padding-right:0.75em; padding-left:0.75em; } #login_mobi img { height:36px; padding-top:2px; padding-right:0.3125em; } #ico_login { float:right; width:50%; text-align:right; } #cerca { width:100%; text-align:left; background-color:#ffffff; margin:0 auto; max-width:300px; float:none; } #cerca_form { margin-top:3px; padding-top:14px; padding-bottom:3px; width:100%; text-align:center; } #input_dacercare { width:80%; } #cerca2_menu { width:30px; height:30px; font-size:16px; vertical-align:top; text-align:center; color:#FFF; border:0px none; background-color:grey; margin:0px; padding:0px; margin-left:-5px; } #ico_menu_mobi { display:block; width:100%; float:left; text-align:left; color:white; } #menu_mobi { width:80%; font-size:1em; padding:0.188em; } #header_image { min-height:260px; } #camera_wrap_1{ height:250px; } #testo1 { margin-top:10px; } div.categ, div.product, div.accessory_prod { width:47%; margin-left:1.5%; margin-right:1.5%; } div.product_icon img { width:40px; } div.accessory_prod { margin-bottom:20px; } #accessory_title { text-align:center; } span.producer img{ width:70px; } div.product_thumb { margin-bottom:5px; } #product_image { width:100%; margin-top:10px; } #cont_big_img img { max-width:400px; } #product_detail { width:100%; margin-top:10px; } div.product_img_small1, div.product_img_small2, div.product_img_small3, div.product_img_small4, div.product_img_small5, div.product_img_small6 { max-width:140px; } #block_menu_prod { display:none; } #block_menu_prod_mobi { display:block; width:100%; height:40px; float:left; background-color:#ebebeb; padding-top:2px; padding-bottom:2px; } #menu_prod_mobi_ico { width:100%; height:40px; background-image:url(menu_prod.png); background-repeat:no-repeat; background-position:left top; padding-left:45px; padding-top:10px; color:#000; font-size:1.125em; } .lab_cont { width:100%; text-align:left; float:left; font-size:15px; padding-top:5px; margin-bottom:2px; margin-left:1%; } .inp_cont { width:98%; margin-left:1%; float:left; margin-bottom:5px; margin-right:1%; } input[type=text] { margin-bottom:20px; width:90%; padding:1px; height:25px; font-size:1em; } input[type=submit] { margin-bottom:20px; width:30%; padding:1px; font-size:15px; cursor:pointer; } textarea { width:90%; padding:1px; margin-bottom:20px; resize:none; } input.radio { color:#1a171b; border-style:none; width:25px; } div.newsl_label { width:100%; text-align:center; float:left; } div.news_input { width:100%; float:left; margin-bottom:10px; text-align:center; } input.newsl { width:90%; font-size:14px; text-align:left; padding:3px; } #boxblog_cat { width:100%; height:auto; } #boxblog_mesi { width:100%; height:auto; } #post_bigimg { width:100%; } div.elenco_post_img { width:100%; float:left; text-align:center; margin-right:0%; } div.elenco_post_img img { width:100%; max-width:400px; margin-bottom:10px; } div.elenco_post_testo { width:100%; } div.post_cont_image_slide img {height:250px;} div.post_vedianche {width:47.5%; margin-right:0%;} div.post_vedianche:nth-child(1), div.post_vedianche:nth-child(3) {margin-right:5%;} article #cont_post_data, article #post_share { width:100%; float:left;} #social_share_fb, #social_share_tw, #social_share_gp, #social_share_pt { float:left; } } @media only screen and (min-width:769px) and (max-width:1024px){ div.wrap { margin:0 auto; max-width:81.75em; padding-right:1em; padding-left:1em; } div.categ, div.product { width:23%; } .lab_cont { width:10%; } .inp_cont { width:60%; } }*/ /*.btn {border-radius:0px !important;background: #454446 !important;padding-left: 0px !important;} .pull-left {font-size: 16px !important; color: #fff !important; font-weight: 600 !important;} .caret { color: #fff !important;}*/