/* GENERATO da scripts/build-css.mjs: non modificare a mano */ /*! * Bootstrap v4.1.3 (://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#ff5e14;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#ff5e14;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,figure,footer,header,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}small{font-size:80%}a{color:#ff5e14;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.h1,.h2,.h3,h1,h2,h3{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.small,small{font-size:80%;font-weight:400}.figure{display:inline-block}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-lg-10,.col-lg-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-md-10,.col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-9,.col-sm-12,.col-sm-3,.col-sm-6,.col-sm-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}@media (min-width:576px){.col-sm-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-sm-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-sm-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-sm-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-md-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-md-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.offset-md-1{margin-left:8.333333%}}@media (min-width:992px){.col-lg-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.col-lg-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{-webkit-transition:none;transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-check{position:relative;display:block;padding-left:1.25rem}.nav{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.card{position:relative;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.pagination{display:-ms-flexbox;display:-webkit-box;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.progress{display:-ms-flexbox;display:-webkit-box;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.media{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.carousel{position:relative}.text-left{text-align:left!important}.text-center{text-align:center!important}@media print{*,::after,::before{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}} /* nivo css */ @charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ /* animate headline */ /* BeerSlider css */ /* dnslider */ /* meanmenu css */ /* nice select */ /* slick css */ /* owl carousel */ /** * Owl Carousel v2.2.1 * Copyright 2013-2018 David Deutsch * Licensed under () */ /* owl carousel transition */ /* aprova icon */ /* themify icon */ @font-face{font-family:themify;src:url(../fonts/themify.eot?-fvbane);src:url(../fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(../fonts/themify.woff?-fvbane) format('woff'),url(../fonts/themify.ttf?-fvbane) format('truetype'),url(../fonts/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"]{font-family:themify;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} /*! * @package IcoFont * @version 1.0.1 * @author IcoFont ://icofont.com * @copyright Copyright (c) 2015 - 2018 IcoFont * @license - ://icofont.com/license/ */ /*! * Font Awesome Free 5.11.2 by @fontawesome - ://fontawesome.com * License - ://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .far{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free"} /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /** * Swiper 6.4.11 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 6, 2021 */:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` softoks in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ /* * Add the correct display in all browsers. */ /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ /** * Add the correct display in IE 10. */ [hidden] { display: none; }  /* === style_w10 theme default ==== */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` softoks in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ /* * Add the correct display in all browsers. */ /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* @font-face { font-family: 'Sofia Pro'; src: url('../fonts/Sofia Pro Bold.ttf'); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: 'Sofia Pro'; src: url('../fonts/Sofia Pro Regular.ttf'); font-weight: 400; font-style: normal; font-display: block; } */ body { color: darkslategrey; font-family: 'Red Hat Text', sans-serif; font-weight: 400; font-style: normal; font-size: 17px; line-height: 1.6; } p { font-style: normal; } h1, h2, h3, h1 a, h2 a, h3 a{ font-family: 'Teko', sans-serif; font-style: normal; margin-bottom: 0; line-height: 1.2; font-weight: 600; transition: .5s; font-size:24px; color: #222429; margin: 0 0 10px; text-transform: uppercase; transition: .5s; } a{ color: #17161a; transition: .5s; } select:focus, textarea:focus, input:focus{ box-shadow: none !important; } textarea, input{ outline:none; } a:focus { text-decoration: none; outline: none; } a:hover { text-decoration: none; color: #0e3562; } /* .template-home-wrapper h1, .template-home-wrapper h2, .template-home-wrapper h3, .template-home-wrapper h4, .template-home-wrapper h5, .template-home-wrapper h6{ font-size:26px; } */ ul { margin: 0; padding: 0; } li { list-style:none; } input:focus, button:focus{ border-color:transparent; outline-color:transparent; } textarea:focus{ border-color:transparent; outline-color:transparent; } label { cursor: pointer; font-size: 14px; font-weight: 400; } a,i, em, var, address,li,ul{ font-style:normal; font-weight:400; } *::-moz-selection { background: #4fc1f0; color: #888888; text-shadow: none; } ::-moz-selection { background: #4fc1f0; color: #888888; text-shadow: none; } ::selection { background: #4fc1f0; color: #888888; text-shadow: none; } ::-moz-placeholder { color: #888888; font-size: 16px; } ::-webkit-input-placeholder { color: #888888; font-size: 16px; } :-ms-input-placeholder { color: #888888; font-size: 16px; } ::placeholder { color: #888888; font-size: 16px; } /* progress area css */ /* witr_single_skill */ .witr_single_progress { overflow:hidden; position: relative; } /*----------------------- Progress Bar Style1 -------------------------*/ /*----------------------- Progress Bar Style2 -------------------------*/ .witr_progress-style2.progress {box-shadow: none;border-radius: 0;overflow: visible;height: 6px;} .witr_progress-style2 + .witr_progress-style2 {margin-top: 50px;} .witr_title2 .witr_label {position: absolute;left: 0px;top: 0px;color: #272727;font-size: 17px;font-weight: 700;} /*----------------------- Progress Bar Style3 -------------------------*/ /*----------------------- Progress Bar Style4 -------------------------*/ /*----------------------- Progress Bar Style5 -------------------------*/ /*----------------------- Progress Bar Style6 ------------------------*/ /*----------------------- Progress Bar Style7 -------------------------*/ /*----------------------- Progress Bar Style8 -------------------------*/ /*----------------------- Progress Bar Style9 ------------------------*/ /*----------------------- Progress Bar Style10 ------------------------*/ .progress{ margin-top: 29px; } /*----------------------- Progress Bar Style 13 -------------------------*/ /* === style_w9 animate ==== */ /* witr_rotate_all */ /* witr_rotate_left */ /* witr_rotate_right */ /* witr_squares_ */ /* witr zoom out */ /* witr zoom in */ /* witr_zoom_wave */ /* witr_focash */ /* witr_up_down */ /* witr_bounce */ /* === style_w8 widget blog left right ==== */ /* widget list */ .widget {} /* widget select */ .widget {} /* table css */ /* tags */ /*===================== Home 2 Header CSS ======================*/ /* === style_w7 unittest ==== */ /* THEME UNIT TEST CSS */ table { /* border-bottom: 1px solid #ededed; */ border-collapse: collapse; border-spacing: 0; font-size: 18px; line-height: 2; margin: 0 0 20px; width: 100%; } th { font-weight: bold; text-transform: uppercase; /* border: 1px solid #ededed; */ } td { border-bottom: 1px solid #ededed; padding: 6px 10px 6px 0; } th, td { font-weight: normal; text-align: left; } /* blockquote::before { position: absolute; content: '\f10e'; left: 50%; top: 50%; font-size: 100px; font-family: fontawesome; transform: translateX(-50%); z-index: 1; color: rgba(119, 1, 219, 0.08); } */ small { font-size: smaller; } address { font-style: italic; margin: 0 0 24px; } i, em, var, address { font-style: italic; } i{ display: inline-block; } em{ font-style: italic; font-weight: bold; } /* image aligment */ .widget img { max-width: 100%; } /** * 8.0 Alignments */ /** * 14.1 Captions */ /** * 14.2 Galleries */ /* new add css */ /* end new add css */ /* === style_w7 button ==== */ /* button default style */ .witr_btn { background: #0e3562; border-radius: 30px; color: #fff; display: inline-block; font-size: 18px; padding: 18px 30px; text-align: center; position: relative; margin-right: 20px; z-index: 2; transition: 1s; font-weight:400; } .witr_btn:hover{ background:#222429; color: #fff; } /* video button i */ .witr_btn i { font-size: 18px; margin-left: 6px; } /* pluse_btn_icon */ /* button default br style */ /* video button i */ /* ------------ button gradient style ----------------- */ /* video button i */ /* ------------ button gradient border style ----------------- */ /* video button i */ /* Video Default Button */ /* Video Default Border Button */ /* Video gradient Button */ /* Video gradient hover style Button */ /* Video gradient border style Button */ /* Video gradient dubble border style Button */ /* inner div btn */ /* Video gradient dubble bg border style Button */ /* inner div btn */ /* button video text */ /* classic Button */ /* === style_w6 shape ==== */ /* translate lr */ /* translate tb */ /* rotate */ /* another shape*/ .single_image{ } /* witr Single Image animater*/ /* single_seivice_ani */ /* === style_w5 banner ==== */ /*button css*/ /*====== style 3 ======*/ /*====== style 4 ======*/ /*====== style 5 ======*/ /* animate_banner_area */ /* CAROUSEL NAV CSS */ /* cross sell */ /* ============= themexbd woocommerce css ================ */ /* ============= themexbd order and count css ================ */ /* ============= themexbd product css ================ */ /* add to cart and collection css */ /* sale css */ /* title product */ /* product price and rating css */ /* not product css */ /*====== woocommerce single css ======*/ /* single page image css */ /*====== woocommerce related ======*/ /*====== woocommerce tab css ======*/ /* Vertical Thumbnails .woocommerce div.product div.images .flex-control-thumbs li { padding: 5px 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 420px) { .woocommerce-page div.product div.images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } .woocommerce div.product div.images .flex-control-thumbs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; 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-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; max-height: 425px; overflow: auto; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; padding: 0 10px 10px 0; } } */ /* Horizontal Thumbnails */ /* ============= cat css ============== */ /* cross_sell and cart total */ /* checkout css */ /* checkout blling field */ /* Change WC Acct Page Column Widths */ /* my account css */ /* my oder details */ /* sidebar css woocommerce */ /* === style_w3 ==== */ /*button css*/ /* .witr_butn:before { content: ''; width: 0; height: 100%; background: #0e3562; position: absolute; left: 0; top: 0; z-index:-1; transition: .5s; } .witr_butn:hover:before { width: 100%; z-index:-1; -webkit-transition: 0.5s; transition: 0.5s; } */ /*=========================== 3.banner css ===========================*/ /*=========================== 4.feature css ===========================*/ /*====== home page 2 ======*/ /*====== home page 3 ======*/ /* .sub-item-3 { border: 1px solid #ddd; padding: 20px 30px 30px; } */ /*====== home page 6 ======*/ /*====== home page 8 ======*/ /* ===== feature style 3d css ===== */ /* left */ /* right */ /* up */ /* down */ /* zoom in */ /* zoom out */ /* tittle css */ /* feature Front Face */ /* feature Button */ /* Feature Slug */ /*CREATIVE FEATURE SECTION*/ /*=========================== feature cursor css ===========================*/ /* witr_cfeature9 */ /*=========================== 5.feature2 css ===========================*/ /* feature style 8-9 */ /* witr_feature style 12 */ /* witr_feature style 13 */ /*=========================== 5.tab area css ===========================*/ /*=========================== 5.play css ===========================*/ /*=========================== 10.video css ===========================*/ /* about slider */ /*=========================== 6.about area css ===========================*/ /*=========================== 6.service css ===========================*/ .service { background: rgb(1, 219, 176); } /* ===== service style 3d css ===== */ /* left */ /* right */ /* up */ /* down */ /* zoom in */ /* zoom out */ /* tittle css */ /* Service Front Face */ /* Service Service Button */ /*CREATIVE SERVICE2 SECTION 2*/ /* witr_custom2_icon */ /* all_service2_color */ /* SERVICE3 SECTION 2*/ /* witr_service2_7 Style */ /* witr_service2_9 Style */ /*=========================== 7.process css ===========================*/ /* PROCESS SECTION */ /* .witr_process_icon i:hover .witr_back_process { top:0; } */ /*=========================== 7.team css ===========================*/ /*team post icon */ /* pt7 */ /* content css */ /*====== home page 2 ======*/ /* social css */ /*====== home page 3 ======*/ /*======== social top css ===========*/ /*======= social bottom css ========*/ /*======= sungle team css ========*/ /* cur_part_6 */ /*======================== EM40 TEAM CSS =========================*/ /* team image css */ /* team content */ /* team social 5 */ /* team content */ /* team button */ /* Team 7*/ /* post team 8 css */ /* team Post 9 */ /* post team 10 css */ /* post team 11 css */ /* team 8 */ /* team content */ /* team 9*/ /* team 12 style */ /* back_view */ /* team style */ /*====== home page 3 ======*/ /*======== social top css ===========*/ /*======= social bottom css ========*/ /* team 11 */ /* team 13 style */ /* witr_team_s14 */ /*=========================== 8.Screenshots css ===========================*/ /*====== home page 3 ======*/ /*====== home page 5 ======*/ /*====== home page 6 ======*/ /* carsol imagess area css */ /*=========================== pricing css ===========================*/ .all_pricing_color{} .all_pricing_color ul, .all_pricing_color li{ margin:0px; } .all_pricing_color h2, .all_pricing_color h3{ margin:0px; } .all_pricing_color ul li{} /*=========================== 9.pricing css ===========================*/ .pricing_area{ border-radius: 5px; /* margin-left: 20px; */ } .pricing-part { position: relative; overflow: hidden; } .witr_pricing_icon i { color: #0e3562; font-size: 40px; padding-top: 40px; display: block; } .pricing-part span { font-size: 24px; margin-right: 5px; } .pricing-part ul{} .pricing-part ul li { color: #555555; line-height: 40px; list-style: none; } /* pricing list css */ .pricing-part ul li:nth-child(odd){} .pricing-part ul li:nth-child(even){} /* style 2 */ /* style 3 */ /* style 4 */ .pricing-part ul { display: inline-block; text-align: left; padding: 0; } .witri_texti_list ul i{ margin-right:15px; } .witri_texti_list ul+ul i{ margin-right:0px; margin-left:15px; } /*=========================== 10.testomonial css ===========================*/ /*====== home page 5 ======*/ /* single_creativeItem */ /* testimonial style 7 */ /*=========================== testomonial style 8 css ===========================*/ /* witr_testi_s_9 */ /* busi_testimonial */ /* witr_testi_s_12 */ /* testimonial_post_13 */ /*====== home page 2 ======*/ /*=========================== 10.blog css ===========================*/ /*====== blog style 2 ======*/ /* blog area css 5 */ /*========= blog area css 6 ==========*/ /* witr_blog_area8 */ /* witr_blog_area9 */ /* witr_blog_area 10 */ /* witr_blog_area11 */ /* witr_blog_area12 */ /* witr_blog_area13 */ /* witr_blog_area14 */ /* witr_blog_area16 */ /*=========================== 10.counter css ===========================*/ .witr_counter_single{ text-align: left; } .witr_counter_number_inn{ overflow:hidden; margin-bottom: 30px; } .witr_counter_number_inn h3, .witr_counter_number_inn span { font-size: 40px; color: #0e3562; display: inline-block; font-weight: 700; margin-bottom: 0; } .witr_counter_number_inn span { line-height: 0; } /* content */ /*====== style 2 ======*/ /*====== style 4 ======*/ /* style 5 */ /*====== style 6 ======*/ /*home page 4*/ /*=========================== 10.other page css ===========================*/ /*====== sing up page ======*/ /*===================== mettle PORTFOLIO AREA CSS =========================*/ /* single gallery css */ /* load button css */ /* portfolio icon css */ /* single portfolio */ /*style 1 */ /* port style 3 */ /* style 4 */ /* style 3 */ /* single portfolio2 */ /*== Title Css ==*/ /*======== Button css ==========*/ /*============= call to action =============*/ /*============= video icon ==============*/ /*=========== Style 11 ============*/ /*====== apps button =======*/ /*====== single image area =======*/ .single_image_area{} .single_image{ position:relative; } .single_image:before{ content: ''; position: absolute; /* background: #0e3562; */ top: 0; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .single_image img{ /* width:100%; */ } /*====== footer widget area css =======*/ /* title */ /* content */ /* icon */ /* tags css*/ /*====== socials css =======*/ /*====== Custom Icon css =======*/ /* service2 style 4 css */ /*====== blog page ======*/ /*====== contact page ======*/ /* ======== timeline area css ======== */ /* single timeline */ /* left border */ /* circle border */ /* title */ /* witr_number_item css */ /* timeline icon css */ /* margin left spacing */ /* margin right spacing */ /* timeline bottom right text */ /* icon bottom position */ /* cursor imags area css */ /* accordion area css */ /* accouding elementor 2 */ /* witr single cursor img */ /*======== slick ========*/ /* cursor css */ /* text widget */ /* unoy */ /* stasick tab area css */ /* single video css */ /* tab event css */ /*========= tab 2 area ===========*/ /* carsur_dots */ /* =========================== DEFAULT CONTACT CSS ================================ */ /*======== apartment contact css ==========*/ .form-group { margin-bottom: 0px; } /* Bottom Contact */ /* COUNTDOWN CSS */ /*================================= mailchim 1=================================== */ /* mailchim 2 */ /* mc4wp */ /* === style_w2 ==== */ /* new css */ /* === style_w1 ==== */ /*---------------------------------------- Don't change any css from here. If you need to change, Please use child theme. ------------------------------------------*/ html, body { overflow-x:hidden; } img { max-width: 100%; height: auto; } /* box layout */ /* end box layout */ /*===================== softok HEADING TOP AREA CSS =========================*/ /* LEFT RIGHT CSS */ .em40_header_area_main {} /* TOP RIGHT CSS */ /* sub menu css */ .txtc { text-align: center; } .text-center { text-align: center; } .text-left { text-align: left!important; } /* top opening */ /* address left right icon */ /* mobile logo */ .mobile_menu_logo.text-center { padding: 20px 0; } /*===================== END softok HEADING TOP AREA CSS =========================*/ /*======================== EM CREATIVE HEADER =========================*/ /*======================= softok HEADING NAV AREA CSS ========================*/ .softok_nav_area { background: transparent; border-top: 1px solid #3a3c40; border-bottom: 1px solid #3a3c40; padding-right: 190px; padding-left: 200px; } /* LOGO CSS */ .logo {} .logo a { font-size: 23px; font-weight: 700; display: inline-block; margin-top: 28px; } .softok_menu {} /* MENU CSS */ .softok_menu ul { text-align: right; list-style: none; } /* witr_h_h18 menu css */ /* witr_h_h21 menu css */ /* witr_h_h22 menu css */ .number_align { justify-content: space-between; display: flex; align-items: center; } .menu_search{ display: flex; align-items: center; } .main_menu_address_a { display: flex; align-items: center; position: relative; } .main_menu_address_a::before { content: ""; position: absolute; background:#fbfbfb40; width: 1px; height: 107px; left: 0; } .main_menu_header_address_text h3{ margin:0; font-weight: 600; color: #fff; } .main_menu_header_address_text h3{ font-size: 18px; color: #fff; } .softok_menu > ul > li { display: inline-block; position: relative; } .softok_menu > ul > li > a { display: block; margin: 38px 15px; transition: .5s; position: relative; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase; font-family: 'Teko', sans-serif; } .softok_menu > ul > li > a:before { background: #ffb600 none repeat scroll 0% 0; bottom: -7px; content: ""; height: 2px; left: 0; margin: auto; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; right: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 15%; display:none; } .softok_menu ul li:last-child a { margin-right: 0px; } .softok_menu > ul > li:hover > a { color: #0e3562; background-color: transparent; } .softok_menu > ul > li:hover > a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .one .softok_menu > ul > li:hover > a { color: #0e3562; background-color: transparent; } /* transparent 2 */ /* stycky nav js */ .softok_nav_area.postfix { -webkit-transition: .3s; transition: .3s; } /* LOGO LEFT RIGHT CSS */ .logo-left {} .logo-left .logo { text-align: left; } /* logo top */ /* sub menu style */ .softok_menu ul .sub-menu { position: absolute; left: 0; top: 130%; width: 217px; text-align: left; background: #fff; margin: 0; padding: 15px 20px 8px; z-index: 9999; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); transition: .2s; opacity: 0; visibility: hidden; } .softok_menu ul li:hover > .sub-menu { transition: .5s; opacity: 1; visibility: visible; top: 100%; z-index: 9; } .softok_menu ul .sub-menu li { position: relative; } .softok_menu ul .sub-menu li a { display: block; margin: 0; margin-bottom: 7px; letter-spacing: normal; font-size: 20px; color: #777777; font-weight: 500; transition: .5s; visibility: inherit !important; font-family: 'Teko', sans-serif; } .softok_menu ul .sub-menu li:hover > a, .softok_menu ul .sub-menu .sub-menu li:hover > a, .softok_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .softok_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a { color: #0e3562; } /* sub menu 2 */ .softok_menu ul .sub-menu .sub-menu { left: 100%; top: 130%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .softok_menu ul .sub-menu li:hover > .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 0%; } /* sub menu 3 */ .softok_menu ul .sub-menu .sub-menu li { position: relative; } .softok_menu ul .sub-menu .sub-menu .sub-menu { right: 100%; left: auto; top: 130%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .softok_menu ul .sub-menu .sub-menu li:hover > .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 0%; } /* sub menu 4 */ .softok_menu ul .sub-menu .sub-menu .sub-menu li { position: relative; } .softok_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {} .softok_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 0%; } /* user login */ /* has menu icon */ /* menu button */ /* logo sticky */ .softok-main-menu .logo a.main_sticky_main_l {} /* logo sticky box menu */ /* logo pre */ /* sticky logo */ /*======================= END softok HEADING NAV AREA CSS ========================*/ /*===================== softok BLOG AREA CSS =========================*/ /* BLOG THUMB CSS */ /* BLOG TITLE AND CONTENT CSS */ /* BLOG POST META CSS */ /* BLOG POST META LEFT CSS */ /* left style 1 */ /* BLOG POST META RIGHT CSS */ /* blog readmore */ /* blog hover */ /*======================== EMD softok BLOG AREA CSS =========================*/ /*======================== softok BLOG DETAILS AREA CSS =========================*/ /*======================== softok COMMENT AREA CSS =========================*/ /* POST REPLY CSS */ /* COMMENT FORM CSS */ /* .comment_field .input-field:nth-child(odd){ margin-right:1%; } .comment_field .input-field:nth-child(even){ margin-left:1%; } */ /*======================== softok unittest =========================*/ /* single blog */ /*======================== softok PAGINATION AREA CSS =========================*/ /*======================== END softok PAGINATION AREA CSS =========================*/ /*======================== softok BREADCRUMB AREA CSS =========================*/ .breadcumb-inner h2 { font-size: 36px; } .breadcumb-area { padding-top: 190px; background-image: url(../images/white_logo.png); background-position: center top; background-repeat: no-repeat; position: relative; margin-top: 110px; } .breadcumb-area::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background:#00000000; } .breadcumb-inner ul { font-weight: 600; } .breadcumb-inner li { display: inline-block; margin: 0 2px; color: #fff; } .breadcumb-inner li:nth-last-child(-n+1) { color: #fff; font-weight: 600; } .breadcumb-inner li a { font-weight: 600; color: #fff; } .breadcumb-inner li a:hover{ color: #0e3562; } .brpt h2 { color: #fff; font-size: 40px; /* padding-bottom: 10px; */ } .ccase { text-transform: capitalize; } /*======================== END softok BREADCRUMB AREA CSS =========================*/ /*======================== softok 404 AREA CSS =========================*/ /* search error */ /*======================== END softok 404 AREA CSS =========================*/ /*======================== softok FOOTER TOP AREA CSS =========================*/ /*======================== softok FOOTER TOP AREA CSS =========================*/ /*======================== END FOOTER TOP AREA CSS =========================*/ /*======================== softok FOOTER MIDDLE AREA CSS =========================*/ .witrfm_area{ background:#222429; position:relative; } .witrfm_area:before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; left: 0; right: 0; margin: auto; } .footer-middle { padding: 20px 0 20px; } .footer-middle .widget h2 { margin-bottom: 28px; margin-top: 28px; position: relative; } .footer-middle .widget h2:before { } .footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li:before, .footer-middle table, .footer-middle table td a { } .footer-middle .widget h2 {} .footer-middle .widget ul li:before {} .footer-middle .widget ul { list-style: none; } .footer-middle .widget ul li { margin-bottom: 10px; } .footer-middle .widget ul li a, .footer-middle .widget ul li:before { transition: .5s; color: #fff; } .footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before { color: #0e3562; } /*======================== END FOOTER middle AREA CSS =========================*/ /*======================== softok FOOTER BOTTOM AREA CSS =========================*/ .footer-bottom { padding: 26px 0 24px; position:relative; } .footer-bottom:before { content: ""; position: absolute; top: 0; background:#ffffff61; height: 1px; width: 61%; left: 0; right: 0; margin: auto; } .copy-right-text { text-align:left; } .copy-right-text p { margin: 0; padding: 0; color: #fff; } .copy-right-text a:hover { color: #0e3562; } /*======================== END FOOTER BOTTOM AREA CSS =========================*/ /*======================== EM40 SCROLL TOP CSS =========================*/ /*======================== END EM40 SCROLL TOP CSS =========================*/ .copy-right-text a { color: #0e3562; } /* kc element */ /* title css */ .witr_section_title{ position:relative; } .witr_section_title_inner{ position:relative; z-index:1; } .witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3{ font-size: 52px; margin: auto; font-weight: 600; } .text-left.witr_section_title_inner h1, .text-left.witr_section_title_inner h2, .text-left.witr_section_title_inner h3{ margin-left: 0px; } .witr_section_title_inner h1{} .witr_section_title_inner h2{ font-size: 26px; color: #0e3562; margin-bottom: 13px; display: inline-block; font-weight: 500; } .witr_section_title_inner h3{} .witr_section_title_inner p span a, .witr_section_title_inner p span, .witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span{ color: #0e3562; } .witr_section_title_inner p { margin-top: 10px; } .witr_section_title_inner.text-center p{ width:74%; margin-right:auto; margin-left:auto; } .witr_section_title_inner.text-left p{ width:74%; margin-right:auto; margin-left:0px; } /* bar color title */ .witr_bar_main { margin: 10px 0; } .witr_bar_inner{ height: 5px; width: 90px; background: #0e3562; margin: 0px auto; position: relative; border-radius: 30px; } .text-left .witr_bar_inner{ margin-left:0px; } /* title extrat style */ /* circale Bar css */ .witr_bar_innerc{ position:relative; } .witr_bar_innerc::before{ content: ''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); border:6px solid #0e3562; border-radius: 50%; background: #1c1b1b; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: move_title_bg; animation-name: move_title_bg1; } .witr_bar_innerc::after{ content: ''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); border:6px solid #0e3562; border-radius: 50%; background: #1c1b1b; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: move_title_bg; animation-name: move_title_bg2; } @keyframes move_title_bg1 { from { left:0; } to { left:100%; } } @keyframes move_title_bg2 { from { right:0; } to { right:100%; } } /*===================== softok feature SECTION =========================*/ /* carsol feature 10 */ /* carsol feature 11 */ /*===================== END softok SERVICE CSS =========================*/ .all_color_service { text-align: left; } .em-service { /* padding: 27px 25px 39px; */ text-align: left; -webkit-transition: all 0.5s ease 0s; transition: .5s; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 2%); padding: 30px 15px 35px; } .em-service:hover { /* background: #0e3562; */ position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index:3; } .em-service:hover:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; transition: .5s; } .service_top_text { display: block; } /* .em-service-icon { font-size: 35px; } */ .em-service-icon img{ margin-bottom:15px; } .em-service-icon i{ display: inline-block; transition:.5s; font-size: 35px; margin-bottom: 15px; } .em-service-title { overflow: hidden; } .em-service-title h3 { padding: 0; transition: .5s; } .em-service-title h3 span{ color: #0e3562; font-size:18px; font-weight:600; } .service-btn { /* margin-top: 25px; */ position: relative; } .service-btn > a { border-radius: 5px; display: inline-block; transition:.5s; } .service-btn a span{ font-size:20px; transition:.5s; display: inline-block; position: relative; top: 3px; } .em-service:hover .service-btn > a { color: #fff; } .em-service:hover .em-service-icon, .em-service:hover .em-service-title h3, .em-service:hover .em-service-title h3 a { color: #fff; z-index:1; } /* style 2 */ .em-service-title h3 a:hover{ color: #0e3562; } /* service style 9 */ /* witr service Style 10 */ /* witr service Style 11 */ /* witr service Style 12 */ /* witr service post Style 12 */ /*===================== softok FUN FACT AREA CSS =========================*/ /*===================== TESTIMONIAL AREA CSS =========================*/ /* ts10 */ /* .em_single_testimonial:hover{ background: #0e3562; } .em_single_testimonial:hover h2,.em_single_testimonial:hover p,.em_single_testimonial:hover span,.em_single_testimonial:hover i{ color:#fff; }*/ /* without carousel */ /*---------------------- * SUBSCRIBE AREA CSS -----------------------*/ /*---------------------- * SLICK SLIDER AREA CSS -----------------------*/ /*---------------------- * SLIDER AREA CSS -----------------------*/ /* slider title */ /* button */ /* image */ /* directionNav */ /* controlNav */ /* recent post */ /* recent-review */ /*===================== softok adn blog css =========================*/ /* BLOG THUMB CSS */ /* BLOG TITLE AND CONTENT CSS */ /* style 7 */ /* BLOG POST META CSS */ /* BLOG POST META LEFT CSS */ /* left style 1 */ /* BLOG POST META RIGHT CSS */ /* blog readmore */ /* blog hover */ /* responsive 320 start */ /* small mobile :320px. */ @media (max-width: 479px) { body { overflow-x: hidden; } } /* responsive 320 end */ /*===================== softok event AREA CSS =========================*/ /* event THUMB CSS */ /* event TITLE AND CONTENT CSS */ /* event POST META CSS */ /* left style 1 */ /* event hover */ /*===================== softok Event 3 CSS =========================*/ /*===================== softok Event 4 CSS =========================*/ /* event style 5 */ /* event style 6 */ /*===================== softok Event 7 CSS =========================*/ /* witr_event_style_8 */ /*===================== softok Single Event CSS =========================*/ /* singleService */ /* wirt_s2_s8 */ /* unit test footer*/ .footer-middle .widget.widget_nav_menu .widget-title { margin-bottom: 25px !important; } .search input { /* width: 100%; */ } .footer-middle .widget ul li span { display: block; } .footer-middle .widget h2 { color: #fff; } .mobile-menu{ display:none !important; } .mobile_logo_area{ display:none !important; } /* witr_modal_area */ .close { float: right; } /* Social Feed Css */ /* icon */ /* color class */ /* end color class */ /* witr carsoule image edit */ /* left */ /* right */ /* blog new style .witr_nth_child:nth-child(odd) { } .witr_nth_child:nth-child(even) { margin-top:30px; margin-bottom:0; } */ /* top search menu */ /* top quearys */ /* nav.softok_menu.main-search-menu { */ /* float: right; */ /* margin-right: 0px; */ /* } */ /* social icon menu style */ /* New Top Menu Css */ /* cr logo */ /* creative btn */ /* social icon */ /* top cr menu css */ /* top cr menu css */ .mainmenu_width_tx.container { padding: 0; } /* main menu button search together */ .all_header_abs { position: absolute; left: 0; right: 0; top: 0; z-index: 999; } /* top search */ /* =========== Slick slider Main css============ */ /* list css a */ /* slider text align */ /* slider 2 text align */ /* slider 2 text align */ /* video icon css */ /* slider image thumb position */ /* video button 2 Style css */ /* slider icon css */ /* footer text des */ .softok-description-area{} .softok-description-area a{} .softok-description-area a img { margin: 26px 0; } .softok-description-area p { color: #fff; } .footer-middle .softok-description-area p, .softok-description-area .phone a{ } .social-icons { text-align: left; } .softok-description-area .social-icons a{ width: 40px; height: 40px; line-height: 40px; display: inline-block; background:#222429; text-align: center; border-radius: 0px; margin-right: 5px; margin-bottom: 5px; color: #fff; } .softok-description-area .social-icons a:hover{ background: #0e3562; border-color: #0e3562; } /* circle progress */ /* portfolio slides*/ /* ps2 Slide */ /* ps3 Slide css */ /* witr_pslide4 css */ /* witr_pslide5 css */ /* advance tab area css */ /* image comp */ /* sbnt 8 */ /* Service Slick 11 */ /*=========================== 7.case css ===========================*/ /* case 2 style */ /*=========================== couses css ===========================*/ /* gr css */ /*=========================== causes Style 2 css ===========================*/ /* menu new css */ /* witr_table */ /* Show Css */ /* Swiper Slider Area Css */ .witr_swiper_area{ overflow:hidden; position:relative; } .witr_swiper_height { position: relative; background-size: cover; background-position: center center; height: 900px; } .witr_swiper_height::before{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; } .witr_sw_text_area{ margin: auto; height:100%; width:63%; } .witr_swiper_content{ position: relative; top: 54%; transform: translateY(-50%); z-index: 1; } .witr_swiper_content h1{ font-size: 24px; margin-bottom: 15px; display: inline; } .witr_swiper_content h2{ line-height: 0.7em; } .witr_swiper_content h2, .witr_swiper_content h3{ font-size: 98px; font-weight:600; color:#fff; } .witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span{ color: #0e3562; } .witr_swiper_content p { font-weight: 400; font-size: 18px; margin-top: 20px; color: #fff; } .text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3{ margin: 0px auto 10px 0; } .text-left .witr_swiper_content p { margin: 28px auto 15px 0; } .text-center .witr_swiper_content h1, .text-center .witr_swiper_content h2, .text-center .witr_swiper_content h3 .text-center .witr_swiper_content p { margin-left:auto; margin-right:auto; } .text-center .witr_swiper_content p { margin: 28px auto 0; width: 60%; } .text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3{ width: 66%; } .text-left .witr_swiper_content p { width: 51%; } .witr_swiper_area .witr_btn { padding: 15px 50px 15px 50px; } /* pagination bullet */ /* progressbar */ /* scrollbar */ /* pagination prev next */ /* testimonial active css new */ /* .all_color_testimonial.slick-slide.slick-current.slick-active .em_single_testimonial{ background: #f91942; } .slick-current.all_color_testimonial i, .slick-current.all_color_testimonial p, .slick-current.all_color_testimonial h2, .slick-current.all_color_testimonial h6, .slick-current.all_color_testimonial span{ color:#fff; } */ /* notice_marquee_area */ /*======= tutor LMS css ========*/ /* .txw .elementor-widget-container { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; padding: 0; } .txw .elementor-widget-container .tutor-widget-course-loop { width: 100%; box-shadow: 0 20px 40px 0 rgba(50,65,141,.12); border-radius: 5px; -webkit-border-radius: 5px; border: none; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; } .txw .elementor-widget-container .tutor-widget-course-loop { width: 30.5%; } */ /* tutor pagination */ /* Popup menu Css */ /* margin top-bottom */ /* margin top spacing */ /* margin bottom spacing */ /* margin left spacing */ /* margin right spacing */ .all_color_service{ transition:.5s; } /* button hover style */ .service-btn > a, .witr_btn{ border-radius:5px; font-size:20px; font-weight:400; font-family: "Teko", Sans-serif; position: relative; z-index: 1; overflow:hidden; } .witr_btn:hover{ background:#222429; } .witr_btn::before { transition: 0.5s; position: absolute; width: 35%; height: 100%; content: ""; bottom: 0; left: -38px; background: #22242926; z-index: -1; border-radius: 50px; } .witr_btn:hover::before { width: 100%; } .tx_relative_m,.tx_top2_relative{ position:relative; } .softok_about_area{ padding:100px 0px 100px; } .witr_section_lf{ padding: 15px 0px 0px 30px; } .about .witr_section_title_inner.text-left p { width: 100%; margin-bottom: 43px; } .about .witr_label { font-family: "Teko", Sans-serif; font-size: 20px; font-weight: 500; } .about .witr_progress-style2.progress { height:6px; margin-bottom: 22px; } .progress_title h2{ font-family: "Teko", Sans-serif; font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 26px; } .witr_counter_img { float: none; margin: 0px 20px 0px 0px; } .softok_counter_area { padding: 0px 0px 0px; margin-bottom: -100px; z-index: 99; position: relative; } .counter_bg{ border-style: solid; border-width: 3px 0px 0px 0px; border-color: #0e3562; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.09); padding:55px 0px 12px 0px; background: #fff; } .counter_bg .witr_counter_single { text-align: center; margin-bottom: 30px; } .counter_bg .all_counter_color h3{ padding:17px 0px 5px 0px; } .counter_bg .all_counter_color h3, .counter_bg .all_counter_color span { color: #1B1A1A; } .counter_bg .all_counter_color h1 { color: #777777; font-size: 18px; text-transform: uppercase; } .white .witr_section_title_inner h1, .white .witr_section_title_inner h3, .white .witr_section_title_inner p{ color:#fff; } .softok_serivce_bg_area { background-image: linear-gradient(315deg, #000 35%, #62c8e4) !important; background-position: center left; background-repeat: no-repeat; background-size: cover; padding:200px 0px 70px; } .service_style .all_color_service{ padding: 30px 30px 40px 30px; background-color: cadetblue; margin-bottom: 30px; } .service_style .all_color_service:hover { background-color: #0e3562; } .service_style .em-service:hover:before { background: transparent; } .service_style .em-service:hover .all_icon_color i { color:#fff; } .service_style .em-service-title h3{ padding:0px 0px 18px 0px; } .service_style .em-service-title h3 a{ color:#fff; } .service_style .service-btn a { color: #FFFFFF; } .service_style .all_icon_color i { color: #0e3562; font-size: 70px; transform: rotate(0deg); margin-bottom: 30px; } .team_top{ margin-top:40px; } /* single_faq_area style2 css */ /* softok_countdown_area css */ /* softok_pricing_area css */ .pricing_area.all_pricing_color { box-shadow:8px 8px 30px 0px rgb(42 67 113 / 15%); text-align: center; margin-bottom:30px; } .softok_pricing_bg_area { padding:25px 0px 70px; background-color: #FAFAFA; } .pricing_top{ margin-top:50px; } /* softok_counter_bg_area */ .softok_facility_area { padding:96px 0px 0px; } /* softok_image_box_area css */ .team .witr_label { font-family: "Teko", Sans-serif; font-size: 20px; font-weight: 500; } /* blog_sidbar_css */ /* softok_alert_area css */ /* Teamplate Name: softok Version: 1.0 */ /* Type your CSS Here */ .single_image_area { padding-top: 30px; } .logo a { width: 100% !important; max-width: 280px !important; display: block; margin: 0 !important; } @media (min-width: 1200px) { .container { max-width: 1400px; } } .logo a img { width: 100% !important; height: auto; display: block; max-height: 90px !important; object-fit: contain !important; } .witr_section_title_inner h3 { color: #0e3562 !important; } .logo { display: flex; align-items: center; justify-content: flex-start; height: 100%; } /* Header background gradient */ .em40_header_area_main { background-image: linear-gradient(315deg, #000 35%, #62c8e4) !important; } .softok_nav_area { background-image: linear-gradient(315deg, #000 35%, #62c8e4) !important; padding-left: 50px !important; padding-right: 50px !important; } /* Footer background gradient (inverted) */ .witrfm_area { background-image:linear-gradient(45deg, #000 32%, #62c8e4) !important; } /* Prodotti - uniformare card e liste */ .softok_pricing_bg_area .pricing_area { height: 100%; display: flex; flex-direction: column; margin-bottom: 30px; } .softok_pricing_bg_area .pricing-part { display: flex; flex-direction: column; height: 100%; padding: 20px; } .softok_pricing_bg_area .witri_texti_list { padding: 15px !important; margin-bottom: 15px !important; flex-grow: 1; color: #666; line-height: 1.8; } .softok_pricing_bg_area .witri_texti_list ul { margin: 15px 0 !important; padding-left: 25px !important; list-style-type: disc !important; list-style-position: outside !important; display: block !important; } .softok_pricing_bg_area .witri_texti_list ul li { margin: 8px 0 !important; color: #666 !important; line-height: 1.6; list-style-type: disc !important; display: list-item !important; } .softok_pricing_bg_area .pricing-part b { color: #666 !important; margin-top: 10px !important; margin-bottom: 15px !important; font-weight: 600; display: block; } /* Certificazioni ISO - Card uniformi */ .softok_pricing_bg_area .pricing_area { height: 100%; display: flex; flex-direction: column; } .softok_pricing_bg_area .pricing-part { display: flex; flex-direction: column; height: 100%; min-height: 350px; } .softok_pricing_bg_area .witr_pricing_icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; min-height: 150px; margin-bottom: 20px; } .softok_pricing_bg_area .witr_pricing_icon img { max-width: 200px; max-height: 120px; width: auto; height: auto; object-fit: contain; } .softok_pricing_bg_area .service-btn { margin-top: auto; flex-shrink: 0; text-align: center; } /* .witr_btn ha margin-right: 20px per distanziare bottoni affiancati. Con un solo bottone quel margine sposta il Download a sinistra del centro. */ .softok_pricing_bg_area .service-btn > .witr_btn:only-child { margin-right: 0; } /* Breadcrumb responsive per mobile - nascondere su mobile */ @media (max-width: 768px) { .breadcumb-area { display: none !important; } /* Dots slider certificazioni su mobile - visibili e ben adattati */ /* Nascondere frecce su mobile */ } /* Switch menu orizzontale <-> hamburger a 1200px. Sotto i 1200px le 9 voci + logo + lingua non hanno spazio: si usa l'hamburger. */ @media (max-width: 1199.98px) { .softok-main-menu { display: none !important; } .mobile_logo_area, .main-menu-area.mbm { display: block !important; } } @media (min-width: 1200px) { .softok-main-menu { display: block !important; } .mobile_logo_area, .main-menu-area.mbm { display: none !important; } } /* Menu responsive - adattamento fluido a tutte le dimensioni */ .softok_menu .sub-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; width: 100% !important; } .softok_menu .sub-menu .menu-item { flex: 0 0 auto !important; white-space: nowrap !important; } .softok_menu .sub-menu .menu-item a { display: block !important; white-space: nowrap !important; } /* Dimensionamento fluido: font e spaziatura scalano con la larghezza del viewport tramite clamp(), così le 9 voci stanno sempre nello spazio disponibile (>=1200px) senza accavallarsi. Il margine laterale fisso del tema (15px) viene azzerato: la spaziatura tra le voci e' gestita interamente dal padding fluido. */ .softok_menu .sub-menu .menu-item > a { margin-top: 38px !important; margin-bottom: 38px !important; margin-left: 0 !important; margin-right: 0 !important; font-size: clamp(13px, 1.05vw, 18px) !important; padding: 0 clamp(5px, 0.7vw, 13px) !important; font-weight: 500 !important; } /* Ottimizzazione spazio logo e menu - logo a sinistra, più spazio per menu */ @media (min-width: 992px) { .logo-left .col-md-3 { flex: 0 0 18% !important; max-width: 18% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } .logo-left .col-md-9 { flex: 0 0 82% !important; max-width: 82% !important; } .number_align { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 15px !important; } .main_menu_address_a { flex-shrink: 0 !important; min-width: 80px !important; margin-left: 10px !important; } .softok_menu { flex: 1 1 auto !important; min-width: 0 !important; max-width: calc(100% - 100px) !important; overflow: visible !important; } .softok_menu .sub-menu { justify-content: flex-start !important; flex: 0 1 auto !important; flex-wrap: nowrap !important; width: 100% !important; } .softok_menu .sub-menu .menu-item { flex: 0 0 auto !important; } } /* Adattamento dinamico logo quando si riduce la pagina */ @media (min-width: 992px) and (max-width: 1100px) { .logo a { max-width: 220px !important; } .logo a img { max-height: 75px !important; } } @media (min-width: 1100px) and (max-width: 1300px) { .logo a { max-width: 250px !important; } .logo a img { max-height: 85px !important; } } .witr_section_title_inner h3 { font-size: 40px !important; } /* Uniformare dimensioni immagini certificazioni nello slider - dimensioni ridotte */ /* Disabilitare effetti hover sulle certificazioni */ /* Nascondere contenuto testuale e link */ /* Centrare form candidatura */ #candidatura .row { display: flex; justify-content: center; } #candidatura form { max-width: 600px; margin: 0 auto; width: 100%; } #candidatura .form-group { margin-bottom: 20px; } #candidatura .form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #333; cursor: default; } #candidatura .form-control { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } #candidatura input[type="file"].form-control { height: auto; padding: 8px 12px; background: #fff; } #candidatura .form-text { display: block; margin-top: 6px; color: #666; font-size: 13px; } /* LinkedIn logo nel footer - più piccola senza riquadro */ .footer-middle .linkedin-container { margin-top: 15px; } .footer-middle .linkedin-link { display: inline-block; transition: opacity 0.3s ease; text-decoration: none; } .footer-middle .linkedin-link:hover { opacity: 0.8; } .footer-middle .linkedin-logo { width: 40px; height: 40px; display: block; object-fit: contain; } /* Cultura & Territorio – testo, video e galleria centrati */ .cultura_territorio_content { width: 100%; max-width: 100%; margin: 30px auto 0; text-align: center; } .cultura_territorio_text { text-align: center; } .cultura_territorio_text p { font-size: 16px; line-height: 1.8; color: #666; margin-bottom: 24px; text-align: center; } .cultura_territorio_text p:last-child { margin-bottom: 0; } .cultura_territorio_video { width: 100%; margin: 40px 0; text-align: center; clear: both; } .cultura_territorio_video video { display: inline-block; background: #000; width: 50% !important; max-width: 50% !important; aspect-ratio: 16 / 9; height: auto !important; margin: 0 auto !important; border: 0; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); vertical-align: middle; } @media (max-width: 992px) { .cultura_territorio_video video { width: 80% !important; max-width: 80% !important; } } @media (max-width: 576px) { .cultura_territorio_video video { width: 100% !important; max-width: 100% !important; } } /* Galleria Cultura & Territorio – griglia 3x2 + lightbox Venobox */ .cultura_territorio_gallery { width: 100%; max-width: 100%; margin: 50px auto 0; } .cultura_territorio_gallery .cultura_gallery_grid { margin-left: 0; margin-right: 0; } .cultura_territorio_gallery .cultura_gallery_col { padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .cultura_territorio_gallery .cultura_gallery_item { width: 100%; } .cultura_territorio_gallery .cultura_gallery_link { display: block; position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); background: #f0f4f6; height: 0; padding-bottom: 72%; } .cultura_territorio_gallery .cultura_gallery_link img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform 0.35s ease; } .cultura_territorio_gallery .cultura_gallery_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.45); color: #fff; font-size: 28px; opacity: 0; transition: opacity 0.35s ease; } .cultura_territorio_gallery .cultura_gallery_link:hover img { transform: scale(1.06); } .cultura_territorio_gallery .cultura_gallery_link:hover .cultura_gallery_overlay { opacity: 1; } .job-card-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 20px; } .job-card-actions .witr_btn { margin-right: 0; padding: 12px 22px; font-size: 16px; } button.witr_btn { -webkit-appearance: none; appearance: none; border: none; cursor: pointer; font-family: "Teko", sans-serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none; line-height: 1.6; } @media (max-width: 768px) { .cultura_territorio_content { margin-top: 25px; } .cultura_territorio_gallery { margin-top: 35px; } .cultura_territorio_gallery .cultura_gallery_link { padding-bottom: 68%; } } /* ------------------------------------------------- Large Screen. 1200 ---------------------------------------------------*/ /* ------------------------------------------------- Large Screen. 1200 ---------------------------------------------------*/ @media (min-width: 1200px) and (max-width: 1440px) { .softok_menu > ul > li > a { margin: 38px 7px 38px; } } /* ------------------------------------------------- Large Screen. 1025 ---------------------------------------------------*/ /* ------------------------------------------------- Large Screen. 1024 ---------------------------------------------------*/ /* ------------------------------------------------- Laptop Screen 1366 ---------------------------------------------------*/ /* ------------------------------------------------- Old Desktop :1365-1660 ---------------------------------------------------*/ @media (min-width: 1365px) and (max-width: 1660px) { /* New Top Menu css */ .softok_nav_area { padding-right: 50px !important; padding-left: 50px !important; } /* swiper slider */ .witr_swiper_height { width: 100% !important; } .witr_sw_text_area { width: 83%; } .witr_swiper_height { height: 800px; } /*======== slick slider ==========*/ .footer-bottom:before { width: 90%; } } /* ------------------------------------------------- Old Desktop :992-1300 ---------------------------------------------------*/ /* ------------------------------------------------- Old Desktop :1301-1440 ---------------------------------------------------*/ /* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1364px) { .witr_swiper_content h2, .witr_swiper_content h3 { font-size:55px; } } /* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { /* New Top Menu css */ .softok_nav_area { padding-right: 0 !important; padding-left: 0 !important; } /* swiper slider */ .witr_sw_text_area { width: 90%; } .witr_swiper_height { width: 100% !important; height:800px; } /* nivo slider */ /*========= New Top Menu css ========*/ /*========= banner area css ========*/ /*======== banner_area 2 ==========*/ /*======== slick slider ==========*/ /*========== height css ===========*/ .softok_menu > ul > li > a { font-size: 14px; margin-left:8px; margin-right:8px; } /* new css */ .witr_section_title_inner.text-center p, .witr_section_title_inner.text-left p { width: 67%; } /* single_image */ .single_image { left: 0 !important; } .single_image img{ width: 100% !important; max-width: 100% !important; } /* text_widget css */ /* Screenshots css */ /* shortcode_content */ /* images_area */ /* column */ /* blog css */ /* team css */ /* feature css */ /* service css */ /* testomonial style 8 css */ /* curosel-style css */ /* countdown css */ /* timeline css */ /* static tab css*/ .footer-bottom::before { width:95%; } /* add new css*/ /* causes */ /* event */ .softok_about_area .witr_section_title_inner h3 { font-size: 28px; } .service_style .em-service-title h3 a{ font-size: 18px; } } /* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { .all_header_abs { position: inherit; } /* swiper slider */ .witr_sw_text_area { width: 85%; } .witr_swiper_height { height: 800px !important; } .witr_swiper_height { width: 100% !important; } .witr_sw_text_area.text-left { text-align: center !important; } .text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swiper_content p, .text-center .witr_swiper_content h1, .text-center .witr_swiper_content h2, .text-center .witr_swiper_content h3, .text-center .witr_swiper_content p { width: 100% !important; margin-left: auto; margin-right: auto; text-align:center !important; } .witr_swiper_content h2, .witr_swiper_content h3 { font-size:70px; } /* nivo slider */ /* banner area css */ /*=========== banner area 2 css ===============*/ /* animate_banner_area */ /*=========== Slick area css ===============*/ /* tutor */ /* Em-Creative Header */ /* section_title */ .witr_section_title_inner h1, .witr_section_title_inner h3 { font-size:25px; } .witr_section_title_inner.text-center p, .witr_section_title_inner.text-left p { width: 83%; } /* about css */ /* accourdion css */ /* service css */ /* single_image */ .single_image { left: 0 !important; } .single_image img{ width: 100% !important; max-width: 100% !important; } /* testomonial css */ /* testomonial style 8 css */ /* blog css */ /* Screenshots css */ /* about css */ /* counter css */ .witr_counter_single { text-align: center; } /* shortcode_content */ .footer-bottom:before { width:92%; } /* blog css */ .breadcumb-area { padding: 100px 0px !important; } /* call-to-action css */ /* single portfolio2 */ /* contact css */ /* countdown css */ /* .witr_btn { margin-top: 11px !important; margin-bottom: 15px; } */ /* curosel-style css */ /* timeline css */ /* static tab css*/ /*====== new css ======= */ /* ab_videoArea */ /* column css */ /* new css add */ /* softok_features_area */ .about .all_color_service p { font-size: 14px; padding: 0px 150px 0px 0px; } .witr_section_lf { padding: 40px 0px 0px 0px; } .witr_counter_img { float: none; margin: 0px 20px 20px 0px; } .service_style .em-service-title h3 a { font-size: 21px; } } /* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/ @media (max-width: 767px) { /* New Top Menu css */ .all_header_abs { position: inherit; } .breadcumb-area { padding: 100px 0px !important; } .brpt h2 { font-size:26px; } /* swiper slider */ .witr_swiper_height { height: 700px !important; width: 100% !important; } .witr_sw_text_area.text-left { text-align: center !important; } .witr_swiper_area .witr_btn { margin-right: 0; margin-bottom: 10px; } .text-left .witr_swiper_content h1, .text-center .witr_swiper_content h1{ font-size:20px; } .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-center .witr_swiper_content h2, .text-center .witr_swiper_content h3{ font-size:25px; } .text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swiper_content p, .text-center .witr_swiper_content h1, .text-center .witr_swiper_content h2, .text-center .witr_swiper_content h3, .text-center .witr_swiper_content p { width: 100% !important; margin-left: auto; margin-right: auto; text-align:center !important; } .witr_swiper_content p { font-size: 17px; } .witr_sw_text_area { width:93%; } .witr_swiper_area .witr_swiper_content h2, .witr_swiper_area .witr_swiper_content h3 { font-size: 40px; } /* em-slider-title */ /*========= banner area css ===========*/ /*=========== banner area 2 css ===============*/ /* animate_banner_area */ /*=========== Slick area 2 css ===============*/ .witr_btn { padding: 10px 26px; margin-right: 0; } /* tutor */ /* top bar */ /* .top-address { text-align: center; } .social-icons.text-right { text-align: center; } */ /* footer bar */ .copy-right-text p { text-align: center; } .footer-bottom:before { width: 90%; } /* blog css */ /* single blog */ /* footer css */ .copy-right-text p { font-size: 11px; } /* Em-Creative Header */ /* new css */ /* footer css */ .copy-right-text p { font-size: 15px; } /* section title css */ .witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3{ font-size: 21px; line-height: 30px; } .witr_section_title_inner h2 { margin-bottom: 4px; font-size: 15px; } .witr_section_title_inner.text-center p, .witr_section_title_inner.text-left p { width: 100%; } .witr_section_title_inner p { padding-top: 10px; } .witr_section_title{ text-align: center; } /* about css */ /* feature area */ /* Screenshots css */ /* countdown css */ .witr_btn { margin-top: 11px !important; margin-bottom: 15px; } /* testomonial css */ /* testomonial style 8 css */ /* service css */ /* tab css */ /* accourdion css */ /* blog css */ /* counter css */ .witr_counter_single { text-align: center; margin-bottom: 30px; } /* video css */ /* contact css */ /* apps_button css */ /* blog css */ .footer-middle { text-align: center; } /* call to action */ /* shortcode_content */ /* single portfolio2 */ /* single_protfolio css */ /* contact css */ /* display none css*/ /* timeline css*/ /* static tab css*/ /*====== new css ======= */ /* ab_videoArea */ /* service */ /* icon_section */ /* single_image */ .single_image { left: 0 !important; } .single_image img{ width: 100% !important; max-width: 100% !important; } /* about css */ .softok_about_area .witr_section_title { padding: 80px 0px 0px 0px; } .witr_section_lf { padding: 0px 0px 0px 0px; } .about .witr_section_title_inner.text-left p { width: 99%; } .about .all_color_service p { padding: 0px 80px 0px 0px; } /* team css */ /* new css add */ .social-icons { text-align: center; } .witr_counter_img { float: none; margin: 0px 20px 10px 0px; } } /* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { /*=========== banner area 2 css ===============*/ /* portfolio css */ /* banner area css */ /* section_title */ .witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 { font-size: 25px; } .witr_section_title_inner.text-center p, .witr_section_title_inner.text-left p { width: 91%; } /* text_widget css */ /* blog css */ /* Screenshots css */ } /* menu and logo show & hide */ @media (min-width: 10px) and (max-width: 991px){ .mobile-menu{ display:block !important; } .mobile_logo_area{ display:block !important; } .softok-main-menu{ display:none !important; } } /* ===== Font locali (ospitati in /assets/fonts, nessuna richiesta a Google) ===== */ @font-face { font-family: "Red Hat Text"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/redhattext-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Red Hat Text"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/redhattext-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Teko"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/teko-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Teko"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/teko-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ===== Utilità ===== */ .solo-lettori { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .salta-contenuto { position: absolute; left: 8px; top: -60px; z-index: 10000; background: #fff; color: #0e3562; padding: 10px 16px; font-weight: 600; } .salta-contenuto:focus { top: 8px; } .ico { display: inline-block; width: 1em; height: 1em; fill: currentColor; vertical-align: -0.125em; } :focus-visible { outline: 3px solid #ff6633; outline-offset: 2px; } .softok_serivce_bg_area :focus-visible, .witrfm_area :focus-visible, .softok_nav_area :focus-visible, .menu-toggle:focus-visible { outline-color: #fff; } main:focus { outline: none; } /* ===== Intestazione ===== */ .em40_header_area_main { position: relative; z-index: 100; } .em40_header_area_main.header-fisso { position: fixed; top: 0; left: 0; right: 0; } .lang-sw { color: #fff; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 500; } .lang-sw a { color: #fff; text-decoration: none; } .lang-sw__att { font-weight: 700; } .softok_menu .sub-menu { list-style: none; margin: 0; padding: 0; } .softok_menu a[aria-current="page"] { font-weight: 700; } .mobile_logo_area, .main-menu-area.mbm { display: none; } @media (max-width: 1199.98px) { .mobile_logo_area, .main-menu-area.mbm { display: block; } .softok-main-menu { display: none !important; } .em40_header_area_main { display: block; height: 0; } .em40_header_area_main.header-fisso { position: static; } } @media (min-width: 1200px) { .mobile_logo_area, .main-menu-area.mbm { display: none !important; } } .mobile_menu_logo img { max-width: 220px; height: auto; } .mobile_logo_area { padding: 12px 0; background: #fff; } .menu-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; background: #0e3562; color: #fff; border: 0; padding: 14px 20px; font-family: "Teko", sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; cursor: pointer; } .menu-toggle__barre, .menu-toggle__barre::before, .menu-toggle__barre::after { display: block; width: 24px; height: 3px; background: #fff; position: relative; } .menu-toggle__barre::before, .menu-toggle__barre::after { content: ""; position: absolute; left: 0; } .menu-toggle__barre::before { top: -7px; } .menu-toggle__barre::after { top: 7px; } .menu-mobile { background: #0e3562; } .menu-mobile ul { list-style: none; margin: 0; padding: 0; } .menu-mobile li a { display: block; padding: 14px 20px; color: #fff; font-family: "Teko", sans-serif; font-size: 20px; text-transform: uppercase; border-top: 1px solid rgba(255, 255, 255, 0.2); text-decoration: none; } .menu-mobile a[aria-current="page"] { font-weight: 700; } .menu-mobile .menu-mobile__lingua { padding: 14px 20px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); } .menu-mobile .menu-mobile__lingua a { display: inline; padding: 4px 10px; border: 0; } /* ===== Fascia titolo di pagina ===== */ .breadcumb-area { background-image: none; margin-top: 0; padding-top: 0; padding-bottom: 30px; } .fascia-logo { text-align: center; padding-top: 30px; } @media (min-width: 1200px) { .fascia-logo { padding-top: 135px; } } .fascia-logo img { display: inline-block; max-width: 100%; height: auto; } .breadcumb-area .brpt h1 { font-family: "Teko", sans-serif; font-size: 40px; font-weight: 600; line-height: 48px; text-transform: uppercase; color: #0e3562; margin: 10px 0; } .breadcumb-area .breadcumb-inner li, .breadcumb-area .breadcumb-inner li a { color: #0e3562; } .breadcumb-area .container { position: relative; } @media (max-width: 768px) { .breadcumb-area { display: block !important; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); } } /* ===== Titoli ===== */ .titolo-sezione { font-family: "Teko", sans-serif; font-size: 40px; font-weight: 600; line-height: 48px; text-transform: uppercase; color: #0e3562; margin: 0; text-align: center; } .softok_facility_area .titolo-sezione { font-size: 26px; font-weight: 500; line-height: 31.2px; margin-bottom: 13px; } .titolo-bianco { font-family: "Teko", sans-serif; font-size: 26px; font-weight: 500; line-height: 31.2px; text-transform: uppercase; color: #fff !important; margin: 0 0 13px; } .sottotitolo-sezione { font-family: "Teko", sans-serif; font-size: 52px; font-weight: 600; line-height: 62.4px; text-transform: uppercase; color: #fff !important; margin: 0; } @media (max-width: 768px) { .sottotitolo-sezione { font-size: 34px; line-height: 40px; } } .progress_title h2, .progress_title h3 { font-family: "Teko", sans-serif; font-size: 22px; font-weight: 600; line-height: 26.4px; text-transform: uppercase; color: #222429; margin: 0 0 26px; } .scheda-titolo { font-family: "Teko", sans-serif; font-size: 24px; font-weight: 600; line-height: 28.8px; text-transform: uppercase; color: #0e3562; padding: 26px 0 12px; margin: 0 0 15px; text-align: center; } .scheda-sottotitolo { display: block; color: #0e3562; margin: 10px 0 15px; } .scheda-testo { padding: 10px; margin-bottom: 10px; } .scheda-testo p { margin: 0 0 12px; } .scheda-testo ul { text-align: left; padding-left: 20px; margin: 0 0 12px; } .consorziata-sottotitolo { color: #666; margin: 10px 0 15px; } .logo-consorziata img { max-width: 200px; height: 100px; width: auto; object-fit: contain; display: block; margin: 0 auto; } .witr_pricing_icon img { margin: 0 auto; } /* ===== Home ===== */ .hero { position: relative; overflow: hidden; } .hero .slides { display: grid; } .hero .slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity 0.9s ease, visibility 0.9s; background-image: none; } .hero .slide.is-active { opacity: 1; visibility: visible; } .hero .slide__media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .hero .slide::before { z-index: 1; } .hero .witr_sw_text_area { position: relative; z-index: 2; } .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 34px; line-height: 1; cursor: pointer; } .slider-btn:hover { background: rgba(0, 0, 0, 0.6); } .slider-prev { left: 12px; } .slider-next { right: 12px; } .softok_serivce_bg_area .service-btn a, .softok_serivce_bg_area .em-service-title a { color: #fff; } .ico-contatore { font-size: 60px; color: #0e3562; } .ico-servizio { font-size: 50px; } .witr_counter_number_inn { text-align: center; } .counter { display: inline-block; font-family: "Teko", sans-serif; font-size: 40px; font-weight: 700; line-height: 48px; color: #1b1a1a; padding: 17px 0 5px; margin: 0; } .witr_counter_number_inn > span { display: inline-block; font-family: "Teko", sans-serif; font-size: 40px; font-weight: 700; color: #1b1a1a; } .contatore-etichetta { font-family: "Teko", sans-serif; font-size: 18px; font-weight: 600; line-height: 21.6px; text-transform: uppercase; color: #6b6b6b; margin: 0 0 10px; } .logo-grid { list-style: none; margin: 0 auto; padding: 0 15px; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 20px; max-width: 1400px; } .logo-grid__item { background: #f5f5f5; padding: 15px; display: flex; align-items: center; justify-content: center; min-height: 120px; } .logo-grid__item img { max-width: 100%; max-height: 90px; width: auto; height: auto; object-fit: contain; } .area-clienti { padding: 100px 0 90px; } .punti-forza-riga { padding-top: 20px; } .mission { margin-top: 20px; } .struttura { padding-top: 40px; } .struttura-testo { max-width: 1200px; margin: 20px auto 0; } .softok_about_area p.intro-testo, .intro-testo { max-width: 900px; margin: 0 auto; font-size: 16px; line-height: 1.8; color: #666; } .testo-centrato { margin: 20px auto 0; max-width: 900px; text-align: center; } /* ===== Certificazioni / Policy ===== */ .lista-schede, .lista-tecniche, .cultura_gallery_grid { list-style: none; padding: 0; } .lista-schede { margin-top: 40px; } .cella-cert { margin-bottom: 40px; } .cella-tecnica { margin-bottom: 30px; text-align: center; } .cella-tecnica img { max-width: 150px; height: auto; } .tecniche { padding: 60px 0; } .ico-policy { font-size: 60px; } .ico-policy--scudo { color: #ff6633; } .ico-policy--fiore { color: #62c8e4; } .ico-btn { margin-right: 8px; } .btn-download { display: inline-block; padding: 10px 30px; } .disabilitato { opacity: 0.55; cursor: not-allowed; pointer-events: none; } /* ===== Lavora con noi ===== */ .intro-lavora { padding: 60px 0 40px; } .lavora-intro { font-family: "Teko", sans-serif; font-size: 40px; font-weight: 600; line-height: 1.2; color: #0e3562; margin-bottom: 20px; } .lavora-intro-2 { font-size: 18px; color: #666; } .annuncio-sede { color: #666; margin: 10px 0 15px; } .job-card-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .annuncio { padding: 20px 0 60px; } .annuncio-corpo h2 { font-family: "Teko", sans-serif; font-size: 26px; font-weight: 600; text-transform: uppercase; color: #0e3562; margin: 26px 0 10px; } .annuncio-corpo ul { padding-left: 22px; } .annuncio-dettagli { list-style: none; padding: 0 !important; margin-top: 26px; } .annuncio-dettagli li { padding: 4px 0; } .job-offer-legal { font-size: 14px; color: #666; } .annuncio-nav { margin-bottom: 20px; } .email-alternativa { margin-top: 20px; color: #666; } /* ===== Moduli ===== */ .modulo .form-group { margin-bottom: 20px; } .modulo label { display: block; margin-bottom: 6px; font-size: 15px; } .modulo .form-control { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; background: #fff; } .modulo .form-control:focus { border-color: #0e3562; } .obbl { color: #c0392b; } .campo-trappola { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .form-check { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; } .form-check input { margin-top: 5px; } .btn-invia { padding: 12px 40px; display: inline-block; cursor: pointer; border: 0; } .btn-invia:disabled { opacity: 0.6; cursor: wait; } .form-esito { padding: 15px; margin-bottom: 20px; border-radius: 4px; } .form-esito--ok { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .form-esito--errore { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .form-esito a { color: inherit; text-decoration: underline; } .contatti { padding: 60px 0; } .contatti-sottotitolo { color: #666; margin: 0 0 30px; } .contatti-azienda { font-family: "Teko", sans-serif; font-size: 30px; font-weight: 600; text-transform: uppercase; color: #ff6633; margin-bottom: 20px; } .contatti-mappa-titolo { font-family: "Teko", sans-serif; font-size: 28px; font-weight: 600; text-transform: uppercase; margin: 30px 0 15px; } .mappa-indirizzo { font-style: normal; margin: 0 0 12px; } .mappa-link { margin: 0; } .testo-validazione { font-size: 20px; color: #666; padding: 30px 0 60px; } /* ===== Testi legali (informativa privacy, cookie policy) ===== */ .testo-legale { padding: 50px 0 60px; } .testo-legale h2 { font-family: "Teko", sans-serif; font-size: 28px; font-weight: 600; margin: 30px 0 12px; } .testo-legale h2:first-child { margin-top: 0; } .testo-legale p, .testo-legale li { line-height: 1.7; } .testo-legale ul { margin: 0 0 15px; padding-left: 22px; list-style: disc; } .testo-legale a { color: #ff6633; text-decoration: underline; overflow-wrap: anywhere; } .testo-legale__tabella { overflow-x: auto; margin: 0 0 20px; } .testo-legale__tabella table { width: 100%; border-collapse: collapse; } .testo-legale__tabella th, .testo-legale__tabella td { border: 1px solid #ddd; padding: 10px 12px; text-align: left; vertical-align: top; } .testo-legale__tabella th { background: #f5f5f5; font-weight: 600; } .testo-legale__data { margin-top: 30px; color: #666; } .footer-legale { margin-top: 6px; } .footer-legale a { color: #fff; } .footer-lista { list-style: none; padding: 0; color: #fff; } .footer-lista a { color: #fff; } .footer-lista li { margin-bottom: 10px; } .linkedin-logo { width: 40px; height: auto; } /* ===== Galleria ===== */ .cultura { padding: 0 0 60px; } .cultura_gallery_item { position: relative; margin-bottom: 20px; } .cultura_gallery_link { display: block; position: relative; } .cultura_gallery_link img { width: 100%; height: auto; display: block; } .cultura_gallery_overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; background: rgba(14, 53, 98, 0.45); opacity: 0; transition: opacity 0.2s; } .cultura_gallery_link:hover .cultura_gallery_overlay, .cultura_gallery_link:focus-visible .cultura_gallery_overlay { opacity: 1; } .lightbox { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 96vh; } .lightbox::backdrop { background: rgba(0, 0, 0, 0.8); } .lightbox__img { display: block; max-width: 96vw; max-height: 90vh; margin: 0 auto; } .lightbox__chiudi { position: absolute; right: 6px; top: 6px; width: 42px; height: 42px; font-size: 30px; line-height: 1; border: 0; border-radius: 50%; background: #fff; cursor: pointer; } .annuncio-corpo ul:not(.annuncio-dettagli) { list-style: disc; } /* Pulsante di pausa del carosello della Home (video e slide) */ .slider-pausa { position: absolute; left: 20px; bottom: 24px; z-index: 6; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.55); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; } .slider-pausa:hover { background: rgba(0, 0, 0, 0.8); } .slider-pausa__icona { display: block; width: 14px; height: 18px; border-left: 5px solid #fff; border-right: 5px solid #fff; box-sizing: border-box; } .slider-pausa.is-paused .slider-pausa__icona { width: 0; height: 0; border-left: 16px solid #fff; border-right: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; margin-left: 4px; } .link-sezione { margin: 18px 0 26px; } .link-sezione .witr_btn { display: inline-block; padding: 10px 28px; }