*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#9b4dca;border:0.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:#9b4dca}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,input[type='submit'].button-outline[disabled]:hover{border-color:inherit;color:#9b4dca}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{background-color:transparent;border-color:transparent;color:#9b4dca}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='submit'].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,input[type='submit'].button-clear[disabled]:hover{color:#9b4dca}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:0.3rem solid #9b4dca;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}input[type='color'],input[type='date'],input[type='datetime'],input[type='datetime-local'],input[type='email'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],input[type='week'],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem .7rem;width:100%}input[type='color']:focus,input[type='date']:focus,input[type='datetime']:focus,input[type='datetime-local']:focus,input[type='email']:focus,input[type='month']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,input[type='week']:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#9b4dca;outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3.0rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}.container{margin:0 auto;max-width:112.0rem;padding:0 2.0rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1.0rem}}a{color:#9b4dca;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1.0rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media (min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right} html{ position: relative; margin: 0; padding: 0; box-sizing: border-box; width: 100%; height: 100%; } body{ margin: 0;} a { color: #0074d9; } a:hover { text-decoration: underline; } .container{ padding: 0 4rem; } body [disabled]{ pointer-events: none; } .button, button, input[type='button'], input[type='reset'], input[type='submit'] { background-color: #a71c3f; border: 0.1rem solid #a71c3f; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0.8; } html .button-outline, .button.button-outline{ color: #03a5c0; } .success { background-color: #3abf6b; border: 0.1rem solid #3abf6b; } .warning{ background-color: #f4a324; border: 0.1rem solid #f4a324; } html .button-clear, .button.button-clear{ color: #606c76; } html .button-clear:hover, .button-clear:hover{ color: #333; } .button-outline.warning{ color: #f4a324; } .button-outline.success{ color: #3abf6b; } .error{ background-color: #f44336; border: 0.1rem solid #f44336; } .button-outline.error{ color: #f44336; } input:focus, textarea:focus, .select select:focus { border: 1px solid #03a5c0!important; outline: 0; } .row { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .column{ box-sizing: border-box; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; } /** * STACK **/ .stack, .stack .toggle { margin-top: 0; margin-bottom: 0; display: block; width: 100%; text-align: left; border-radius: 0; } input.stack, textarea.stack, select.stack { border-bottom-width: 0; border-radius: 0; } .stack:first-child, .stack:first-child .toggle { border-top-left-radius: .2em; border-top-right-radius: .2em; } input.stack:last-child, textarea.stack:last-child, select.stack:last-child { border-bottom-width: 1px; } .stack:last-child, .stack:last-child .toggle { border-bottom-left-radius: .2em; border-bottom-right-radius: .2em; } /** * MIX **/ body > section { margin-bottom: 2rem; border-top: 1px solid #f0f0f0; padding: 4rem 0; } .centered { text-align: center; } .aligh-right{ text-align: right; } .justify{ text-align: justify; } .shadowed{ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } button.shadowed:hover, .button.shadowed:hover{ -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.3); box-shadow: 0 2px 14px rgba(0,0,0,0.3); } .outlined{ outline: 1px solid #e1e1e1; } .bordered{ border: 1px solid #e1e1e1; } .rounded{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } img.rounded{ -webkit-border-radius: 200%; -moz-border-radius: 200%; border-radius: 200%; overflow: hidden; display: block; margin: 0 auto; } img.bordered { border: 2px solid #e1e1e1; } .icon-wrapper { position: relative; display: inline-block; padding: 1rem; box-sizing: content-box; } .icon-wrapper.rounded{ -webkit-border-radius: 200%; -moz-border-radius: 200%; border-radius: 200%; } .bordered tr:last-child td, .outlined tr:last-child td{ border-bottom: 0; } td:first-child, th:first-child{ padding-left: 1.5rem; } .alternate tr:nth-child(even) { background: rgba(0,0,0,0.05); } .full-height{ min-height: 100vh; padding: 0; margin: 0; } .full-width{ min-width: 100%; padding: 0; } .carousel{ min-width: 100%; position: relative; flex-wrap: nowrap; overflow: hidden; display: flex; flex: auto; max-width: 100%; margin: 0; } .carousel .dots{ position: absolute; z-index: 2; bottom: 32px; left: 50%; margin: 50% 0 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 1; /*mix-blend-mode: difference;*/ } .carousel .dots .dot{ width: 12px; height: 12px; background-color: #000; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; list-style: none; padding: 0; margin: 0 6px; float: none; opacity: 0.6; cursor: pointer; display: inline-block; } .carousel .dots .dot.active{ opacity: 1; pointer-events: none; background-color: #a71c3f; } .carousel > .covers > .cover, .carousel > .covers{ width: 100%; height: 100%; position: relative; display: flex; flex: 0 0 100%; align-items: center; } .carousel > .covers.updating{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .carousel > .covers.auto{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .carousel > .covers > .cover{ justify-content: center; height: 100%; } .carousel > .covers{ pointer-events: all; } .full-height > .carousel, .full-height > .carousel > .covers, .full-height > .carousel > .covers > .cover{ min-height: 100vh; width: 100vw; } /** * TABS **/ .tabs { position: relative; overflow: hidden; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; } .tabs > .row{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ flex-wrap: nowrap; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 2rem 0; margin: 0; } .tabs > .row > .column{ -webkit-box-flex: 0 0 100%; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 0 0 100%; /* OLD - Firefox 19- */ -webkit-flex: 0 0 100%; /* Chrome */ -ms-flex: 0 0 100%; flex: 0 0 100%; height: 80px; } .tabs > input[type="radio"]{ display: none; } .tabs > input[type="radio"]:checked + label, .tabs > input[type="radio"]:checked + .tab{ border-bottom: 2px solid #0074d9; color: #0074d9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tabs > input:nth-of-type(2):checked ~ .row { margin-left: calc(-100% - 2.0rem); } .tabs > input:nth-of-type(1):checked ~ .row > .column:nth-of-type(1), .tabs > input:nth-of-type(2):checked ~ .row > .column:nth-of-type(2), .tabs > input:nth-of-type(3):checked ~ .row > .column:nth-of-type(3), .tabs > input:nth-of-type(4):checked ~ .row > .column:nth-of-type(4), .tabs > input:nth-of-type(5):checked ~ .row > .column:nth-of-type(5), .tabs > input:nth-of-type(6):checked ~ .row > .column:nth-of-type(6){ height: auto; } .tabs > input:nth-of-type(1):checked ~ .row { margin-left: 0; } .tabs > input:nth-of-type(2):checked ~ .row { margin-left: calc(-100% - 2.0rem); } .tabs > input:nth-of-type(3):checked ~ .row { margin-left: calc(-200% - 4.0rem); } .tabs > input:nth-of-type(4):checked ~ .row { margin-left: calc(-300% - 6.0rem); } .tabs > input:nth-of-type(5):checked ~ .row { margin-left: calc(-400% - 8.0rem); } .tabs > input:nth-of-type(6):checked ~ .row { margin-left: calc(-500% - 10.0rem); } .tabs > input:nth-of-type(7):checked ~ .row { margin-left: calc(-600% - 12.0rem); } .tabs > input:nth-of-type(8):checked ~ .row { margin-left: calc(-700% - 14.0rem); } .tabs > input:nth-of-type(9):checked ~ .row { margin-left: calc(-800% - 16.0rem); } .tabs > input:nth-of-type(10):checked ~ .row { margin-left: calc(-900% - 18.0rem); } .tabs > input:nth-of-type(11):checked ~ .row { margin-left: calc(-1000% - 20.0rem); } .tabs > input:nth-of-type(12):checked ~ .row { margin-left: calc(-1100% - 22.0rem); } .tabs > input:nth-of-type(13):checked ~ .row { margin-left: calc(-1200% - 24.0rem); } .tabs > input:nth-of-type(14):checked ~ .row { margin-left: calc(-1300% - 26.0rem); } .tabs > input:nth-of-type(15):checked ~ .row { margin-left: calc(-1400% - 28.0rem); } .tabs > input:nth-of-type(16):checked ~ .row { margin-left: calc(-1500% - 30.0rem); } .tabs > input:nth-of-type(17):checked ~ .row { margin-left: calc(-1600% - 32.0rem); } .tabs > input:nth-of-type(18):checked ~ .row { margin-left: calc(-1700% - 34.0rem); } .tabs > input:nth-of-type(19):checked ~ .row { margin-left: calc(-1800% - 36.0rem); } .tabs > input:nth-of-type(20):checked ~ .row { margin-left: calc(-1900% - 38.0rem); } .tabs > input:nth-of-type(21):checked ~ .row { margin-left: calc(-2000% - 40.0rem); } .tabs > input:nth-of-type(22):checked ~ .row { margin-left: calc(-2100% - 42.0rem); } /** * CARDS **/ .card > *{ max-width: 100%; display: block; } .card { position: relative; border-radius: .2em; overflow: hidden; text-align: left; background: #fff; margin-bottom: .6em; padding: 0; transition: all .3s ease; } .card > .footer, .card > .container{ padding: 2rem; } body { overflow: hidden; overflow-y: auto; } .center-align{ text-align: center; } .right-aligh{ text-align: right; } .left-align{ text-align: left; } .icon-facebook{ background: url(/user/themes/lugi/images/svg/facebook.svg) 50% 50% no-repeat; width: 32px; height: 32px; display: inline-block; background-size: 32px } .icon-linkedin{ background: url(/user/themes/lugi/images/svg/linkedin.svg) 50% 50% no-repeat; width: 32px; height: 32px; display: inline-block; background-size: 32px; } .icon-phone{ background: url(/user/themes/lugi/images/svg/telephone.svg) 50% 50% no-repeat; width: 32px; height: 32px; display: inline-block; } .icon-map{ background: url(/user/themes/lugi/images/svg/map.svg) 50% 50% no-repeat; width: 32px; height: 32px; display: inline-block; } .icon-hours{ background: url(/user/themes/lugi/images/svg/hours.svg) 50% 50% no-repeat; width: 32px; height: 32px; display: inline-block; } h1, h2, h3, h4, h5, h6{ letter-spacing: 0; font-family: 'Oswald', sans-serif; letter-spacing: normal; } html{ font-size: 12px; letter-spacing: 0; } body{ font-size: 18px; letter-spacing: 0; line-height: 1.4; color: #666; font-family: 'Open Sans', sans-serif; } .container { max-width: 1600px; width: 90%; } body > header{ height: 100px; } b, strong{ font-weight: 500; } body > main.wrapper > .container{ margin-top: 52px; padding-top: 32px; } body.hp{ overflow: hidden; overflow-y: auto; } body.hp > main { position: relative; min-height: calc(100vh - 100px); } body > main { min-height: calc(100vh - 180px); width: 100%; overflow: hidden; } body > footer { min-height: 128px; background-color: #fff; color: #333; height: 256px; width: 100vw; overflow: hidden; } .row .column.column-20.logo-footer{ max-width: 120px; } .logo-footer{ background: transparent url('/user/themes/lugi/images/logo.png') 50% 0 no-repeat; background-size: auto 100%; } body > footer > .container{ border-top: 1px solid #f0f0f0; } body > footer h5{ font-size: 1.4rem; } body > footer h5 + p{ font-size: 16px; } .carousel .dots{ bottom: 0; } .carousel .waiting-bar{ position: absolute; top: 0; height: 4px; width: 0; left: 0; background-color: #a71c3f; } .tabs nav{ display: block; width: 100%; margin: 32px 0; text-align: center; } .tabs .next.hide, .tabs .previous.hide{ pointer-events: none; visibility: hidden; } .tabs .next{ background: url(/user/themes/lugi/images/svg/next.svg) 50% 50% no-repeat; width: 18px; height: 18px; background-size: 18px; margin-bottom: 0; } .column.company{ padding-right: 64px; } .column.company h1{ color: #a71c3f; margin-bottom: 16px; } .column.news{ background: #fff; padding: 16px 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .column.news h1, .column.news h2{ color: #a71c3f; } .column.news .read-news{ text-decoration: none; color: inherit; } .column.news h4{ margin-bottom: 0.3em; } .column.news .read-news:hover{ text-decoration: none; } .tabs .previous{ background: url(/user/themes/lugi/images/svg/previous.svg) 50% 50% no-repeat; width: 18px; height: 18px; background-size: 18px; margin-bottom: 0; } .news .tabs .container{ width: 99%; padding: 0; } .news .tabs .row .column{ padding: 0; } .tabs > .row{ padding: 0; } .main-content .icon, .news .tabs .icon{ height: 150px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 16px; } section{ position: relative; } section.main-content{ background: #f2f1f6; padding: 32px 0; } body > footer a { color: #fff; } blockquote{ border: 0; color: #0074d9; font-style: italic; font-size: 20px; line-height: 1.2em; } blockquote:before, blockquote:after{ content: '“'; font-size: 24px; position: absolute; } blockquote:before{ margin-top: -8px; margin-left: -16px; } blockquote:after{ margin-top: 8px; margin-left: 16px; content: '”'; } .row.gress{ margin-top: 64px; } .gress h3{ line-height: 1.25; color: #a71c3f; } /********* * GALLERY *********/ .comapny, .gallery{ margin: 0; padding: 0; } .company li, .gallery li{ list-style: none; display: inline-block; padding: 0; width: 30%; margin: 1%; height: 120px; position: relative; background-color: #ccc; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .company li:after, .company li:before, .gallery li:after, .gallery li:before{ content: ' '; position: absolute; z-index: 2; background: #000; opacity: 0; display: block; pointer-events: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; height: 100%; } .company li:after, .gallery li:after{ background: transparent url(/user/themes/lugi/images/zoom.png) 50% 50% no-repeat; z-index: 2; } .company li:hover:before, .gallery li:hover:before{ opacity: 0.5; pointer-events: all; cursor: pointer; } .company li:hover:after, .gallery li:hover:after{ opacity: 1; } .gallery li.gress-1{ background-image: url(/user/themes/lugi/images/hp/gress/gres01_big.jpg); } .gallery li.gress-2{ background-image: url(/user/themes/lugi/images/hp/gress/gres02_big.jpg); } .gallery li.gress-3{ background-image: url(/user/themes/lugi/images/hp/gress/gres03_big.jpg); } .gallery li.gress-4{ background-image: url(/user/themes/lugi/images/hp/gress/gres04_big.jpg); } .gallery li.gress-5{ background-image: url(/user/themes/lugi/images/hp/gress/gres05_big.jpg); } .gallery li.gress-6{ background-image: url(/user/themes/lugi/images/hp/gress/gres06_big.jpg); } .company li.company-1{ background-image: url(/user/themes/lugi/images/hp/company/image-1.jpg); } .company li.company-2{ background-image: url(/user/themes/lugi/images/hp/company/image-2.jpg); } .company li.company-3{ background-image: url(/user/themes/lugi/images/hp/company/image-3.jpg); } .company li.company-4{ background-image: url(/user/themes/lugi/images/hp/company/image-4.jpg); } .company li.company-5{ background-image: url(/user/themes/lugi/images/hp/company/image-5.jpg); } .company li.company-6{ background-image: url(/user/themes/lugi/images/hp/company/image-6.jpg); } /**************** * WHY CHOOSE ****************/ .why-choose h3{ text-align: center; width: 90%; margin: 32px auto; color: #a71c3f; background-color: #fff; } .why-choose .band{ position: absolute; height: 64px; width: 100%; left: 0; background-color: #a71c3f; } .why-choose ol{ list-style: none; margin: 0; padding: 0; display: flex; } .why-choose ol li{ text-align: center; margin: 0; padding: 0; list-style: none; display: inline-block; padding: 0 1em; } .why-choose ol li h5{ color: #a71c3f; font-size: 1.6rem; margin-top: 8px; margin-bottom: 4px; } .why-choose ol li p{ font-size: 1rem; } .why-choose ol li .icon{ width: 64px; height: 64px; margin: 0 auto; display: block; } .why-choose ol li .icon.pulizia{ background: url(/user/themes/lugi/images/icons/pulizia.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.spessore{ background: url(/user/themes/lugi/images/icons/spessore.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.colori{ background: url(/user/themes/lugi/images/icons/colori.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.flessibilita{ background: url(/user/themes/lugi/images/icons/flessibilita.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.durata{ background: url(/user/themes/lugi/images/icons/durata.png) 50% 50% no-repeat; background-size: 58px; } /*********** * FASI LAVORAZIONE *************/ .fasi h3{ line-height: 1.25; color: #a71c3f; } /*.fasi .fasigres .circle.nth01 { background-image: url(/user/themes/lugi/images/hp/gress/01gres.png); }*/ .fasi .fase .circle { width: 86px; height: 86px; border-radius: 50%; overflow: hidden; border: 12px solid #a61d40; display: inline-block; background-color: white; background-size: auto 50%; background-repeat: no-repeat; background-position: center; } .fasi .fase .circle img{ width: 40px; height: auto; margin: 50% auto; display: block; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } .fasi .column:first-child .fase:nth-child(2) .circle img{ width: 20px; } .fasi .column:last-child .fase:nth-child(1) .circle img{ width: 10px; } .fasi .fase > p { display: inline-block; width: 50%; vertical-align: top; margin: 0 30px 32px; font-size: 1.2rem; } .fasi .fase p span { text-transform: uppercase; color: #a61d40; } /** ** COVER **/ .cover{ background-size: cover; } .cover > section{ pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; mix-blend-mode: multiply; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } .cover > section > h4, .cover > section > h5{ line-height: 1em; font-weight: 600; margin-bottom: 0; } .cover > section > h4{ font-size: 42px; } .cover > section > p{ margin-top: 1em; } section.full-height{ height: calc(80vh - 100px); min-height: 66vh; box-sizing: border-box; overflow: hidden; position: relative; } .full-height > .carousel, .full-height > .carousel > .covers, .full-height > .carousel > .covers > .cover{ min-height: 100%; height: 100%; width: 100vw; min-width: 100%; pointer-events: all; } .full-height > .carousel > .covers{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } /** ** BLOCKS **/ section.ultime-news, section.ultime-testimonianze{ border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; background: #f7f9f9; } section.ultime-news > .container, section.ultime-testimonianze > .container{ padding-bottom: 64px; padding-top: 64px; } section.ultime-news > .container > h3, section.ultime-testimonianze > .container > h3{ font-weight: 400; margin-bottom: 0; font-family: 'Playfair Display', serif; letter-spacing: normal; } section.ultime-news > .container > .cards, section.ultime-testimonianze > .container > .cards { margin-top: 64px; margin-bottom:32px; } section.ultime-news > .container > .cards{ flex-wrap: wrap; flex-direction: row; } section.ultime-news > .container > .cards .column{ width: 33%; } section.ultime-testimonianze .card .icon { background: transparent url(/user/assets/images/icons/quote.svg) 50% 50% no-repeat; background-size: cover; width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px; margin-top: -74px; } section.ultime-news .card, section.ultime-testimonianze .card { height: 100%; } section.ultime-news > .container .card .icon { background-size: cover; height: 160px; width: 100%; } section.ultime-news > .container > .cards h4, section.ultime-testimonianze > .container > .cards h4{ line-height: 1em; font-size: 2rem; letter-spacing: 0.01em; font-weight: 400; color: #555; margin-bottom: 16px; min-height: 2rem; } section.ultime-news .card .preview, section.ultime-testimonianze .card .preview { line-height: 1.2em; font-size: 1.4rem; color: #999; padding-top: 16px; margin-bottom: 16px; border-top: 1px dashed #d0d0d0; } section.ultime-testimonianze .card .footer { bottom: 0; text-align: center; padding: 0 2rem 2rem; width: 100%; } section.ultime-testimonianze .card .footer .button { position: relative; width: 100%; max-width: 120px; padding: 8px 16px; line-height: 2em; vertical-align: middle; background: #4CAF50; border-color: #009688; } section.ultime-testimonianze .card{ overflow: visible; padding-top: 32px; margin-bottom: 32px; } section.ultime-testimonianze .card .icon{ } section.ultime-testimonianze nav .button{ white-space: normal; padding: 1rem 2rem; height: auto; line-height: 1em; } section.domande.block > .container{ padding-top: 64px; padding-bottom: 64px; } section.domande.block .row{ margin-top: 16px; margin-bottom: 32px; } section.domande.block header > h3{ /*background: transparent url('/user/assets/images/icons/question.svg') 50% 0 no-repeat;*/ background: transparent url('/user/assets/images/icons/conversation.svg') 50% 0 no-repeat; font-weight: 400; padding-top: 90px; background-size: 86px; } section.domande.block .column h4{ font-weight: 500; font-size: 2rem; margin-bottom: 8px; white-space: nowrap; text-align: left; padding-bottom: 8px; border-bottom: 1px dashed #9E9E9E; } section.domande.block .column .icon { /*background: transparent url('/user/assets/images/icons/conversation.svg') 50% 0 no-repeat;*/ background: transparent; width: 48px; height: 48px; margin-bottom: 16px; background-size: 48px; } /** ** MOUSE SCROLL ICON **/ .scroll-to-showmore{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; bottom: -1px; left: 50%; width: 300px; height: 80px; padding-top: 26px; background: transparent url('/user/assets/images/cover-scroll-bg.svg') 50% 100% no-repeat; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .mousey { width: 3px; padding: 8px 8px; height: 18px; border: 2px solid #333; border-radius: 25px; opacity: 0.75; box-sizing: content-box; margin: 0 auto; } .scroller { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 3px; height: 10px; border-radius: 25%; background-color: #333; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; } @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0;} } /** ** MENU **/ body > header{ height: 180px; } body > header .navigation{ height: 180px; border-bottom: 0; background-color: #fff; border-bottom: 1px solid #f0f0f0; } .navigation .img { position: relative; top: 8px; height: 160px; } body > header .navigation .quick-info{ display: inline-block; width: auto; top: 32px; position: absolute; right: 32px; pointer-events: none; } body > header .navigation .quick-info li{ list-style: none; display: inline-block; padding-left: 46px; position: relative; vertical-align: top; margin-right: 100px; font-size: 1.2rem; line-height: 1.2; } body > header .navigation .quick-info li:last-child{ margin-right: 26px; } body > header .navigation .quick-info li [class^="icon-"]{ position: absolute; left: 0; } .navigation-title .title{ color: #606c76; font-size: 1.6rem; padding: 0; position: relative; text-decoration: none; vertical-align: text-bottom; display: inline-block; line-height: 52px; margin-bottom: 0; letter-spacing: -0.05em; display: none; } .navigation-list.full{ display: inline-block; float: right; margin: 90px 0 0; font-size: 3rem; } .navigation-list.full > li { display: inline-block; position: relative; margin-right: 100px; } .navigation-list.full > li > a{ padding: 6px; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .navigation-list.full > li:last-child{ margin-right: 0; } .navigation-list.full > .navigation-item{ border: 0; } .navigation-list.full > .navigation-item.active{ color: #03a5c0; background: transparent; } .navigation-list.full > .navigation-item.active:after{ content: ' '; width: 12px; height: 12px; display: block; position: absolute; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #a71c3f; left: 50%; margin-left: -6px; margin-top: 6px; z-index: 0; } .navigation-list.full > .navigation-item.active > a{ color: #a71c3f; } .navigation-list.full .submenu{ position: absolute; margin: 32px 0 0 0; left: 0; background: #03a5c0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -o-box-shadow: 0 2px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgba(0,0,0,0.2); width: 100%; min-width: 180px; text-align: center; } .navigation-list.full .submenu li:first-child:after { content: ''; position: absolute; top: 0; left: 32px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #00aabb; border-top: 0; margin-left: 0; margin-top: -10px; } .navigation-list.full .submenu li a{ color: #fff; } .navigation-list.full .submenu li.active{ background-color: #333; } .navigation-list.full .submenu li.active:first-child, .navigation-list.full .submenu li:first-child:hover{ -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navigation-list.full .submenu li.active:last-child, .navigation-list.full .submenu li:last-child:hover{ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .navigation-list.full > li:hover > ul{ display: inline-block; } .navigation-list.float-right .submenu{ background-color: #fff; padding-top: 0; } .navigation-list.float-right .active .submenu{ border-top: 0; } .navigation-list ul:empty{ display: none!important; } .navigation-list.full > li:hover > ul:empty{ display: none; } .navigation-list.full > li:hover, .navigation-list.full > li:hover > a{ background: transparent; color: #333; } .navigation-title:hover{ text-decoration: none; } .navigation-list{ display: none; padding-top: 8px; } .navigation-list:after, .navigation-list:before{ content: ''; width: 4px; height: 10px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.8); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.8); box-shadow: 0 2px 34px rgba(0,0,0,0.8); top: -10px; position: absolute; right: 36px; z-index: -1; } .navigation-list:after{ border: 0; } .navigation-list:before{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #fff; width: 3px; right: 3px; z-index: 2; right: 20px; } .navigation-item{ margin: 0; float: none; padding: 0; border-bottom: 1px solid #f0f0f0; line-height: 1em; list-style: none; } .submenu .navigation-item{ padding: 8px; } .navigation-item a { padding: 16px; } .navigation-item:last-child{ border-bottom: 0; } .navigation-item:hover{ background: #999; } .navigation-item.active, .navigation-item.active:hover{ background: #a71c3f; } .navigation-item.active.sm > a, .navigation-item.active.sm:hover > a{ background: #fff; border-bottom: 2px solid #03a5c0; color: #03a5c0; } .navigation-item.active > a, .navigation-item.active:hover > a, .navigation-item:hover > a{ text-decoration: none; color: #fff; } .navigation-list li .submenu{ list-style: none; display: none; z-index: 2; } .navigation-list li > a { line-height: 1; color: #333; } .navigation-list li > a > small{ display: block; font-size: 12px; line-height: 1em; } .btn-toggle { position: relative; display: block; position: absolute; padding: 0; margin-bottom: 0; flex-direction: column; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; border-color: transparent; outline: none; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform 0.1s ease-out; transition: transform 0.1s ease-out; transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; display: none; } .btn-toggle:active { -webkit-transform: translateY(4px); transform: translateY(4px); } .btn-toggle:focus .line:after { background-color: black; } .btn-toggle .label{ position: absolute; display: block; left: -54px; top: -2px; text-transform: uppercase; font-size: 14px; letter-spacing: 0; font-weight: 400; width: 76px; cursor: pointer; pointer-events: all; } .btn-toggle{ right: 32px; top: 16px; } input[type="checkbox"]#menu-toggler:checked ~ .navigation-list{ display: block; position: absolute; background-color: #fff; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); right: 2px; padding-top: 12px; padding-bottom: 12px; margin-top: -8px; margin-right: 0; z-index: 200; } input[type="checkbox"]#menu-toggler:checked ~ .btn-toggle{ top: 32px; right: 28px; } input[type="checkbox"]#menu-toggler:checked ~ .btn-toggle .label{ top: -7px; left: -58px; } .line { display: block; width: 24px; padding: 2px; } .line:after { content: ''; display: block; width: 100%; height: 2px; background-color: dimgray; border-radius: 2px; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); transition: background-color 0.2s ease-out; } input[type="checkbox"]#menu-toggler:checked + .btn-toggle .line:nth-child(1) { -webkit-animation: jump-1 0.9s forwards ease; animation: jump-1 0.9s forwards ease; } input[type="checkbox"]#menu-toggler:checked + .btn-toggle .line:nth-child(1):after { -webkit-animation: line-1 0.9s forwards ease-in-out; animation: line-1 0.9s forwards ease-in-out; } input[type="checkbox"]#menu-toggler:checked + .btn-toggle .line:nth-child(2) { -webkit-animation: jump-2 0.9s forwards ease; animation: jump-2 0.9s forwards ease; } input[type="checkbox"]#menu-toggler:checked + .btn-toggle .line:nth-child(2):after { -webkit-animation: line-2 0.9s forwards ease-in-out; animation: line-2 0.9s forwards ease-in-out; } .close .line:nth-child(1) { animation: jump-1 0.9s reverse ease; } .close .line:nth-child(1):after { animation: line-1 0.9s reverse ease-in-out; } .close .line:nth-child(2) { animation: jump-2 0.9s reverse ease; } .close .line:nth-child(2):after { animation: line-2 0.9s reverse ease-in-out; } input[type="checkbox"]#menu-toggler:checked + .btn-toggle .line:nth-child(3), .close .line:nth-child(3) { -webkit-animation: jump-3 0.9s forwards ease-out; animation: jump-3 0.9s forwards ease-out; } @-webkit-keyframes line-1 { 10% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } 80% { -webkit-transform: translateZ(0) rotate(395deg); transform: translateZ(0) rotate(395deg); } 90%, 100% { -webkit-transform: translateZ(0) rotate(405deg); transform: translateZ(0) rotate(405deg); } } @keyframes line-1 { 10% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } 80% { -webkit-transform: translateZ(0) rotate(395deg); transform: translateZ(0) rotate(395deg); } 90%, 100% { -webkit-transform: translateZ(0) rotate(405deg); transform: translateZ(0) rotate(405deg); } } @-webkit-keyframes line-2 { 10% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } 20% { -webkit-transform: translateZ(0) rotate(10deg); transform: translateZ(0) rotate(10deg); } 90%, 100% { -webkit-transform: translateZ(0) rotate(-405deg); transform: translateZ(0) rotate(-405deg); } } @keyframes line-2 { 10% { -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } 20% { -webkit-transform: translateZ(0) rotate(10deg); transform: translateZ(0) rotate(10deg); } 90%, 100% { -webkit-transform: translateZ(0) rotate(-405deg); transform: translateZ(0) rotate(-405deg); } } @-webkit-keyframes jump-1 { 10% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-90px); transform: translateY(-90px); } 90%, 100% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } @keyframes jump-1 { 10% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-90px); transform: translateY(-90px); } 90%, 100% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } @-webkit-keyframes jump-2 { 10% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-75px); transform: translateY(-75px); } 85%, 100% { -webkit-transform: translateY(-10.5px); transform: translateY(-10.5px); } } @keyframes jump-2 { 10% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-75px); transform: translateY(-75px); } 85%, 100% { -webkit-transform: translateY(-10.5px); transform: translateY(-10.5px); } } @-webkit-keyframes jump-3 { 10% { -webkit-transform: translateY(-7.5px) rotate(15deg); transform: translateY(-7.5px) rotate(15deg); } 30% { -webkit-transform: translateY(-30px) rotate(-10deg); transform: translateY(-30px) rotate(-10deg); } 50% { -webkit-transform: translateY(7.5px) rotate(5deg); transform: translateY(7.5px) rotate(5deg); } 80% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes jump-3 { 10% { -webkit-transform: translateY(-7.5px) rotate(15deg); transform: translateY(-7.5px) rotate(15deg); } 30% { -webkit-transform: translateY(-30px) rotate(-10deg); transform: translateY(-30px) rotate(-10deg); } 50% { -webkit-transform: translateY(7.5px) rotate(5deg); transform: translateY(7.5px) rotate(5deg); } 80% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes glow { 50% { box-shadow: rgba(131, 131, 131, 0.4) 0 0 2px 2px; } } @keyframes glow { 50% { box-shadow: rgba(131, 131, 131, 0.4) 0 0 2px 2px; } } section.books > .container{ padding-top: 32px; padding-bottom: 32px; border-top: 1px solid #f0f0f0; } section.books { background-color: #5a9ae0; background-size: cover; } section.books .icon[onclick]{ cursor: pointer; } section.books:before{ content: ''; position: absolute; width: 100%; height: 100%; position: absolute; background-color: rgba(255,255,255,0.8); } section.books .icon{ box-shadow: 0 6px 18px rgba(0,0,0,0.3); } section.books nav label.button.previous, section.books nav label.button { -webkit-border-radius: 20em; -moz-border-radius: 20em; border-radius: 20em; width: 48px; height: 48px; text-align: unset; font-size: 24px; border: 3px solid #5392fd; color: #5392fd; font-weight: 100; padding: 0; line-height: 43px; margin: 0; position: absolute; left: 32px; margin-top: 70px; } section.books nav label.button:hover{ color: #fff; background: #333; border: 1px solid #333; line-height: 47px; } section.books nav label.button.previous{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } section.books nav label.button.next{ left: auto; right: 32px; } .fix-nav{ text-align: center; position: center; } .fix-nav .go-to-news{ position: relative; width: auto; display: inline-block; margin-top: 32px; background-color: #ccc; color: #666; padding: 8px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; font-size: 1.2rem; } .fix-nav .go-to-news:hover{ background-color: #666; color: #fff; } section.books h3{ font-weight: 400; } section.books h4{ margin-top: 16px; margin-bottom: 0; color: #5392fd; font-weight: 500; } section.books h5{ margin-bottom: 0; font-weight: 400; } section.books .editor{ color: #999; } section.books .preview{ margin-top: 12px; width: 90%; max-width: 600px; margin: 0 auto; } section.books iframe.video { width: 80%; height: auto; max-width: 300px; margin-top: 32px; box-shadow: 0 6px 18px rgba(0,0,0,0.3); } body > footer{ height: auto; position: relative; } footer .container { padding: 64px 32px ; } footer .container .right{ text-align: right; } footer .container h4{ font-weight: 600; margin-bottom: 0; } .comment-list .icon{ width: 80px; height: 80px; border-radius: 80px; position: absolute; background-repeat: no-repeat; } .comment-list .comment{ padding-left: 100px; } .comment-list tr:last-child td { border-bottom: 0; } .comment-list .comment small{ font-size: 10px; } .comment-list .comment .author{ font-size: 12px; } .comment-list .replies { margin: 16px auto; } .comment-list .replies .icon-wrapper { width: 32px; padding: 0.1em; position: absolute; left: 0; } .comment-list .replies ol{ } .comment-list .replies li{ position: relative; padding-left: 48px; list-style: none; } .carousel .dots .dot{ opacity: 0.1; mix-blend-mode: difference; } @media all and (min-width: 911px){ input[type="checkbox"]#menu-toggler:checked ~ .navigation-list, .navigation-list.float-right{ display: none; } } @media all and (max-width: 910px){ .navigation-list.full{ display: none; } .navigation-link{ font-size: 1.4rem; } .btn-toggle{ display: block; top: 92px; } input[type="checkbox"]#menu-toggler:checked ~ .btn-toggle{ top: 32px; } body > header .navigation .quick-info li{ margin-right: 32px; } body > header .navigation .quick-info li:last-child { margin-right: 0; } .navigation-list li > a{ display: block; padding-bottom: 8px; padding-top: 8px; } .navigation-list li .submenu{ display: block; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #f0f0f0; } .navigation-item > a{ padding-top: 8px; padding-bottom: 8px; } .navigation-link > .navigation-item{ border-top: 1px solid #f0f0f0; border-bottom: 0 solid #f0f0f0; } .navigation-list li .submenu > li{ border-bottom: 0; padding-top: 2px; padding-bottom: 2px; } } @media all and (max-width: 750px){ body > header .navigation .quick-info li{ margin-right: 12px; font-size: 1rem; } body > header .navigation .quick-info li:last-child { margin-right: 0; } } @media all and (max-width: 650px){ .cover > section > h1{ font-size: 6.2vw!important; max-width: 70vw; margin: 0 auto; } .cover > section > h2{ font-size: 5vw!important; max-width: 70vw; margin: 0 auto; } .tabs > .row{ flex-wrap: nowrap; flex-direction: row; } section.domande.block .column h4{ white-space: normal; } .tabs > input:nth-of-type(1):checked ~ .row, .tabs > input:nth-of-type(2):checked ~ .row, .tabs > input:nth-of-type(3):checked ~ .row{ flex-wrap: nowrap; flex-direction: row; } .tabs > input:nth-of-type(2):checked ~ .row{ margin-left: -100%; } .tabs > input:nth-of-type(3):checked ~ .row{ margin-left: -200%; } .tabs > input:nth-of-type(4):checked ~ .row{ margin-left: -300%; } .row .column.column-20.logo-footer{ display: block; flex: none; height: 60px; background-size: auto 60px; background-position: 0 0; margin-bottom: 16px; } footer .row .column.column-50, footer .row .column.column-33{ flex: 0 0 100%; max-width: 100%; } } @media all and (max-width: 640px){ h1{ font-size: 3rem; } h2{ font-size: 2.6rem; } h3{ font-size: 2.2rem; } h4{ font-size: 2rem; } body > header{ height: 80px; } body > header .navigation{ height: 80px; } body > header .navigation .quick-info{ position: fixed; background: #fff; bottom: 0; height: 66px; margin-bottom: 0; right: 0; left: 0; width: auto; z-index: 2000; top: auto; padding: 16px 8px; display: block; border-top: 1px solid #f0f0f0; text-align: center; } body > header .navigation .quick-info li{ width: 29%; padding-left: 30px; margin: 0; font-size: 10px; } body > header .navigation .quick-info li:last-child{ margin-right: 0; } body > header .navigation .quick-info li [class^="icon-"]{ width: 24px; height: 24px; background-size: 24px; } .navigation .container{ margin: 0; width: 100%; padding: 0 2rem; } .btn-toggle{ top: 32px; } .navigation .img{ margin-top: 2px; height: 56px; } input[type="checkbox"]#menu-toggler:checked ~ .btn-toggle{ top: 32px; } input[type="checkbox"]#menu-toggler:checked ~ .navigation-list{ position: absolute; left: 0; right: 0; bottom: 0; top: 78px; height: 100vh; width: 100vw; margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body.hp > main { min-height: calc(100vh - 60px); } section.full-height { height: calc(100vh - 144px); } section.main-content > .container{ width: 100%; padding: 0 32px; } .row{ flex-wrap: wrap; flex-direction: row; } .row .column.column-40, .row .column.column-60{ display: block; flex: 0 0 100%; max-width: 100%; padding-right: 0; } .carousel .waiting-bar{ height: 4px; } .why-choose ol{ flex-direction: column; } .why-choose ol li .icon.spessore { background: url(/user/themes/lugi/images/icons/spessore_inv.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.colori{ background: url(/user/themes/lugi/images/icons/colori_inv.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.flessibilita{ background: url(/user/themes/lugi/images/icons/flessibilita_inv.png) 50% 50% no-repeat; background-size: 58px; } .why-choose ol li .icon.durata{ background: url(/user/themes/lugi/images/icons/durata_inv.png) 50% 50% no-repeat; background-size: 58px; } } @media all and (max-width: 450px) { .navigation .container{ padding: 0 2rem; } h1{ font-size: 3rem; } h2{ font-size: 2.6rem; } h3{ font-size: 2.2rem; } h4{ font-size: 2rem; } section.books nav label.button.previous, section.books nav label.button.next { left: auto; right: 0; width: 36px; height: 36px; line-height: 31px; } section.books .container{ padding: 64px 2rem; } section.books nav label.button.previous{ left: 0; right: auto; } .btn-toggle .label { /*display: none;*/ } .cover > section > h1 { font-size: 28px !important; } .cover > section > h2 { font-size: 20px !important; } } @media all and (max-width: 400px) { .btn-toggle .label{ /*display: none;*/ } input[type="checkbox"]#menu-toggler:checked ~ .navigation-list{ position: absolute; left: 0; right: 0; bottom: 0; top: 78px; height: 100vh; width: 100vw; margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } .cover.materiali{ background: transparent url(/user/themes/lugi/images/materiali/materiali.jpg) 50% 50% no-repeat; background-size: cover; } .cover > section{ pointer-events: all; mix-blend-mode: normal; } section.full-height { height: 33vh; min-height: 33vh; } .main-content h1 { color: #a71c3f; margin-bottom: 16px; } .row.resine, .row.gress{ margin-top: 64px; } .row.resine h3, .gress h3 { line-height: 1.25; color: #a71c3f; } .gallery li{ list-style: none; display: inline-block; padding: 0; width: 30%; margin: 1%; height: 120px; background-color: #ccc; background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .gallery li.gress-1{ background-image: url(/user/themes/lugi/images/hp/gress/gres01_big.jpg); } .gallery li.gress-2{ background-image: url(/user/themes/lugi/images/hp/gress/gres02_big.jpg); } .gallery li.gress-3{ background-image: url(/user/themes/lugi/images/hp/gress/gres03_big.jpg); } .gallery li.gress-4{ background-image: url(/user/themes/lugi/images/hp/gress/gres04_big.jpg); } .gallery li.gress-5{ background-image: url(/user/themes/lugi/images/hp/gress/gres05_big.jpg); } .gallery li.gress-6{ background-image: url(/user/themes/lugi/images/hp/gress/gres06_big.jpg); } .gallery li.resine-1{ background-image: url(/user/themes/lugi/images/hp/resine/resine01_big.jpg); } .gallery li.resine-2{ background-image: url(/user/themes/lugi/images/hp/resine/resine02_big.jpg); } .gallery li.resine-3{ background-image: url(/user/themes/lugi/images/hp/resine/resine03_big.jpg); } .gallery li.resine-4{ background-image: url(/user/themes/lugi/images/hp/resine/resine04_big.jpg); } .gallery li.resine-5{ background-image: url(/user/themes/lugi/images/hp/resine/resine05_big.jpg); } .gallery li.resine-6{ background-image: url(/user/themes/lugi/images/hp/resine/resine06_big.jpg); } @font-face{font-family:lg;src:url(/user/themes/lugi/fonts/lg.eot?n1z373);src:url(/user/themes/lugi/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(/user/themes/lugi/fonts/lg.woff?n1z373) format("woff"),url(/user/themes/lugi/fonts/lg.ttf?n1z373) format("truetype"),url(/user/themes/lugi/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none;background-color:transparent}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{background-color:rgba(0,0,0,.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toggle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none}.lg-outer .lg-toggle-thumb:after{content:"\e1ff"}.lg-outer .lg-toggle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/user/themes/lugi/img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/user/themes/lugi/img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/user/themes/lugi/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/user/themes/lugi/img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/user/themes/lugi/img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{height:100%;width:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;outline:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/user/themes/lugi/img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} .about-me img { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); font-family: "Open Sans", Helvetica; max-width: 100%; max-height: 250px; } .about-me h4 { margin-top: 5px; } .about-me h3 { font-weight: 600; margin: 5px auto; } .about-me .social-pages a { display: inline-block; vertical-align: middle; } .about-me .social-pages a + a { margin-left: 10px; } #flex-directory .text-center { text-align: center; } #flex-directory .search { display: inline-block; width: 50%; padding: 0.7rem; } #flex-directory button.sort { vertical-align: top; } #flex-directory button.sort:after { font-family: FontAwesome; } #flex-directory button.sort.asc:after { content: "\2191"; } #flex-directory button.sort.desc:after { content: "\2193"; } #flex-directory ul { margin: 3rem 0; } #flex-directory ul li { display: inline-block; width: 33%; margin: 1rem 0; } #flex-directory ul li .entry-details .name { font-weight: bold; font-size: 120%; } #flex-directory ul li .entry-details p { margin: 0; } #flex-directory ul li .entry-extra span { background: #eee; border-radius: 4px; padding: 3px 5px; font-size: 85%; } @media only screen and (max-width: 1200px) { #flex-directory ul li { width: 50%; } } @media only screen and (max-width: 600px) { #flex-directory ul li { width: 100%; } } #breadcrumbs { height: 3rem; line-height: 3rem; padding-left: 3rem; } #breadcrumbs span { display: inline-block; padding: 0 1rem; } #breadcrumbs span:first-child { padding-left: 0; } #breadcrumbs i { display: inline-block; width: 20px; text-align: center; } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} a.external-link.icon, a.external-link.no-image, a.external, a.external { background: url(/user/plugins/external_links/assets/images/link.png) right center no-repeat; padding-right: 12px; position: relative; } a.mailto { background: url(/user/plugins/external_links/assets/images/mail.png) right center no-repeat; padding-right: 12px; } .external-link[data-title]:after { background-color: #444; color: #fff; content: attr(data-title); display: inline; font-size: xx-small; font-weight: bold; margin: -1em 0 0 16px; min-width: 45em; opacity: 0; padding: .25em .5em; position: absolute; top: 50%; transition: all 1s ease-in-out 1s; visibility: hidden; } .external-link[data-title]:hover:after { opacity: 1; visibility: visible; } /* Hide link or mailto icons when printing. */ @media print { a.external, a.external-link, a.mailto { background-image: none; padding: 0; } } .form-group.has-errors { background: rgba(255, 0, 0, 0.05); border: 1px solid rgba(255, 0, 0, 0.2); border-radius: 3px; margin: 0 -5px; padding: 0 5px; } .form-errors { color: #b52b27; } .form-honeybear { visibility: hidden; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .form-errors p { margin: 0; } .form-input-file input { display: none; } .form-input-file .dz-default.dz-message { position: absolute; text-align: center; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .form-input-file.dropzone { position: relative; min-height: 70px; border-radius: 3px; margin-bottom: .85rem; border: 2px dashed #ccc; color: #aaa; padding: 0.5rem; } .form-input-file.dropzone .dz-preview { margin: 0.5rem; } .form-input-file.dropzone .dz-preview:hover { z-index: 2; } .form-input-file.dropzone .dz-preview .dz-error-message { min-width: 140px; width: auto; } .form-input-file.dropzone .dz-preview .dz-image, .form-input-file.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 3px; z-index: 1; } .form-tabs .tabs-nav { display: flex; padding-top: 1px; margin-bottom: -1px; } .form-tabs .tabs-nav a { flex: 1; transition: color 0.5s ease, background 0.5s ease; cursor: pointer; text-align: center; padding: 10px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #eee; border-radius: 5px 5px 0 0; } .form-tabs .tabs-nav a.active { border: 1px solid #eee; border-bottom: 1px solid transparent; margin: 0 -1px; } .form-tabs .tabs-nav a.active span { color: #000; } .form-tabs .tabs-nav span { display: inline-block; line-height: 1.1; } .form-tabs.subtle .tabs-nav { margin-right: 0 !important; } .form-tabs .tabs-content .tab__content { display: none; padding-top: 2rem; } .form-tabs .tabs-content .tab__content.active { display: block; } .checkboxes { display: inline-block; } .checkboxes label { display: inline; cursor: pointer; position: relative; padding: 0 0 0 20px; margin-right: 15px; } .checkboxes label:before { content: ""; display: inline-block; width: 20px; height: 20px; left: 0; margin-top: 0; margin-right: 10px; position: absolute; border-radius: 3px; border: 1px solid #e6e6e6; } .checkboxes input[type=checkbox] { display: none; } .checkboxes input[type=checkbox]:checked + label:before { content: "\2713"; font-size: 20px; line-height: 1; text-align: center; } .checkboxes.toggleable label { margin-right: 0; } .form-field-toggleable .checkboxes.toggleable { margin-right: 5px; vertical-align: middle; } .form-field-toggleable .checkboxes + label { display: inline-block; } .switch-toggle { display: inline-flex; overflow: hidden; border-radius: 3px; line-height: 35px; border: 1px solid #eee; } .switch-toggle input[type=radio] { position: absolute; visibility: hidden; display: none; } .switch-toggle label { display: inline-block; cursor: pointer; padding: 0 15px; margin: 0; white-space: nowrap; color: inherit; transition: background-color 0.5s ease; } .switch-toggle input.highlight:checked + label { background: #333; color: #fff; } .switch-toggle input:checked + label { color: #fff; background: #999; } /* Signature Pad */ .signature-pad { position: relative; display: flex; flex-direction: column; font-size: 10px; width: 100%; height: 100%; max-width: 700px; max-height: 460px; border: 1px solid #f0f0f0; background-color: #fff; padding: 16px; } .signature-pad--body { position: relative; flex: 1; border: 1px solid #f6f6f6; min-height: 100px; } .signature-pad--body canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; } .signature-pad--footer { color: #C3C3C3; text-align: center; font-size: 1.2em; } .signature-pad--actions { display: flex; justify-content: space-between; margin-top: 8px; } [data-grav-field="array"] .form-row { display: flex; align-items: center; margin-bottom: 0.5rem; } [data-grav-field="array"] .form-row > input, [data-grav-field="array"] .form-row > textarea { margin: 0 0.5rem; display: inline-block; } #grav-login { max-width: 30rem; margin: 5rem auto; background: #fcfcfc; border: 4px solid #eee; border-radius: 4px; padding: 1rem 3rem 3rem 3rem; text-align: center; } #grav-login .form-actions { text-align: right; } #grav-logout { position: absolute; bottom: 5px; right: 5px; } .alert.info { color: #27ae60; } .alert.error { color: #e74c3c; } #grav-login p { font-size: small; margin: 1rem 0; padding: 0; text-align: center; } #grav-login .form-actions p { margin-bottom: 0; } #grav-login .button { vertical-align: middle; } #grav-login .delimiter { display: block; font-size: 1.6rem; letter-spacing: 1px; line-height: 1.6rem; position: relative; text-transform: uppercase; margin: 1rem 0; } #grav-login .delimiter:after, #grav-login .delimiter:before { background-color: #777777; content: ""; height: 1px; position: absolute; top: 0.8rem; width: 40%; } #grav-login .delimiter:before { background-image: -moz-linear-gradient(right center , #777777, #ffffff); left: 0; } #grav-login .delimiter:after { background-image: -moz-linear-gradient(left center , #777777, #ffffff); right: 0; } #grav-login .rememberme { display: inline-block; float: left; padding: 7px 0; vertical-align: middle; } #grav-login .rememberme label { font-weight: inherit; display: inline; } .login-status { white-space: nowrap; vertical-align: middle; }