@charset "UTF-8"; @import url("https://use.typekit.net/nct4tmh.css"); /** ZipShop mobile stylesheet definitions 2.0.00 2014-11-13 AIP Solutions Ltd'2008-2014 http://www.aip.solutions */ /*2021-05-05mss: not used?!?!?: @font-face {font-family:'icons-min'; src:url('../font/icons-min.eot?qztq4'); src:url('../font/icons-min.eot?#iefixqztq4') format('embedded-opentype'), url('../font/icons-min.ttf?qztq4') format('truetype'), url('../font/icons-min.woff?qztq4') format('woff'), url('../font/icons-min.svg?qztq4#icons-min') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'icons-nav'; src:url('../font/icons-nav.eot?cnwnjs'); src:url('../font/icons-nav.eot?#iefixcnwnjs') format('embedded-opentype'), url('../font/icons-nav.woff?cnwnjs') format('woff'), url('../font/icons-nav.ttf?cnwnjs') format('truetype'), url('../font/icons-nav.svg?cnwnjs#icons-nav') format('svg'); font-weight:normal; font-style:normal; } */ /* icons *//* /* #### Generated By:http://www.cufonfonts.com #### */ /* canada-type-gibson proxima-nova */ @font-face { font-family: 'icons-mobile'; src:url('../font/icons-mobile.eot?x5annd'); src:url('../font/icons-mobile.eot?#iefixx5annd') format('embedded-opentype'), url('../font/icons-mobile.woff?x5annd') format('woff'), url('../font/icons-mobile.ttf?x5annd') format('truetype'), url('../font/icons-mobile.svg?x5annd#icons-mobile') format('svg'); font-weight: normal; font-style: normal; } /* css variables */ :root { /* colors in use */ --red :#c11f40; --blue :#1f2d60; --black :#1f1f1f; --gray :#8D8D8D; --grey :#f7f7f7; --grey-opacity:#80808059; --white :#fff; --accent :#f5b808; } /* base rules */ html {margin:0;padding:0;color:#000;background:#fff;} body {margin:0;padding:0;min-width:360px;line-height:24px;text-align:left;font-weight:400;font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-family:'canada-type-gibson', sans-serif;} body.active {overflow:hidden;} /* ::selection,::-moz-selection {background:#71726f;color:#fff;} */ header,nav,main,menu,section,article,details,aside,footer {/*?2017-01-16mss:position:relative;*/display:block;} header::after, section::after, footer::before, footer::after, .product dd::after,.popup dd::after, nav.step::after, .search::after,section > aside::after,.grid article .attribute::after {content:"";clear:both;display:block;width:100%;} h1,h2,h3,h4,h5,h6 {font-weight:600;color:var(--blue);} h1 {line-height:42px;font-size:36px;} h2 {line-height:32px;font-size:28px;margin:0 0 20px;} h3 {line-height:24px;font-size:21px;margin:0 0 20px;} h4 {line-height:28px;font-size:17px;text-transform:uppercase;} h5,time {line-height:19px;font-size:16px;margin:0 0 12px;color:var(--red);} h6 {line-height:23px;font-size:15px;font-family:'canada-type-gibson', sans-serif;font-weight:400;} h6.error {display:none;margin:10px;padding:10px;text-align:center;color:var(--red);} /* blog module */ section.blog h2 {margin:30px 0 10px;} section.blog h4 {margin:20px 0 10px;} section.blog h3, section.blog h5, section.blog h6 {margin:10px 0 15px;} section.blog p {margin:20px 0;} section.blog em {margin:10px 0;} .box {margin-bottom:60px;padding:20px;color:var(--white);background-color:var(--blue);} h2.box {margin-bottom:0;} .bigTitle {line-height:54px;font-size:70px;font-weight:600;} p {font-size:18px;font-family:'proxima-nova', sans-serif;font-weight:500;line-height:28px;color:var(--black);} p.box {background-color:var(--blue);color:var(--white);} a {position:relative;display:inline-block;font-size:19px;line-height:25px;font-weight:600;cursor:pointer;color:var(--red);text-decoration:none;} p a {color:var(--black);text-decoration:underline;} p:hover a {color:var(--red);} div.rte p,div.rte div,div.rte a {font-size:18px;font-family:'proxima-nova', sans-serif;font-weight:500;line-height:28px;color:var(--black);} div.rte p {min-height:28px;} div.rte ul {font-size:18px;font-family:'proxima-nova', sans-serif;font-weight:500;line-height:28px;color:var(--black);} div.rte a {display:inline;font-size:inherit;font-weight:500;line-height:inherit;text-decoration: underline;} div.rte a:hover {text-decoration:none;color:var(--red);} div.rte p:hover a {color:inherit;} /*2020-09-23mss?!?!?!: a {color:var(--red);} a:hover {text-decoration:none;} */ em {line-height:28px;font-size:18px;font-family:'proxima-nova';font-style:italic;color:var(--black);} em.box {padding:0;color:var(--red);background:none;} a:active, a:hover {} a.box:active, a.box:hover {outline:0;background-color:var(--blue);} button.btn {border:0;padding:12px;box-sizing:border-box;background-color:var(--red);color:var(--white);cursor:pointer;font-weight:400;font-size:16px;} a.button {margin:auto;padding:15px 16px 14px;font-size:18px;line-height:16px;text-decoration:none;font-weight:600;font-family:'proxima-nova', sans-serif;color:var(--white);background-color:var(--red);} a.button:hover {background-color:#1f2d60;} br.clear {display:block;clear:both;} *[onclick],a[onclick],h3[onclick],img[onclick],article[onclick],tr[onclick] {cursor:pointer;} .required input:valid {border-color:#999;} .required input:invalid {border-color:#999;/*border-color:#f45145;*/} .fields input:invalid {outline:solid 2px #f45145;/*border-color:#f45145;*/} .fields input:invalid+label::before {outline:solid 2px #f45145;/*border-color:#f45145;*/} img {max-width:100%;outline:none;border:0;box-sizing:border-box;} address {font-style:normal;} button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0;} button, select {text-transform:none;} select:-moz-focusring {color:transparent;text-shadow:0 0 0 #000;} input {line-height:1.5;} label {color:#000;} table {border-collapse:collapse;border-spacing:0;} td, th {padding:0;} ins {text-decoration:none;} .disp {display:none;} .clr {clear:both;} .left {float:left;} .right {float:right;} .num {text-align:right;} .hidden,.mobile-hidden {display:none;} .accent {color:#1f2d60;} .mobile {display:block;} tr.mobile {display:table-row;} th.mobile {display:table-cell;} td.modile {display:table-cell;} .desktop {display:none;} .third {width:100%;margin-bottom:60px;} .uppercase,div.rte p.uppercase {text-transform:uppercase;color:var(--blue);} .citeRed {/*padding:44px 48px;*/width:100%;margin:0 0 0 -32px;padding:42px 32px 42px 42px;font-style:italic;color:var(--red) !important;font-size:18px;font-family:'proxima-nova', sans-serif;font-weight:400;line-height:28px;background:transparent url('../img/cite.png') 0 0 no-repeat;} a.full {z-index:99;position:absolute;top:0;right:0;bottom:0;left:0;/*2022-04-18mss: #9947! ;*/font-size: 0;} /* div.image,div.img {position:relative;top:0;overflow:hidden;/*2020-01-30mss:min-height:150px;*\/min-height:200px;} div.image::before,div.img::before {content:'';display:inline-block;width:0;padding-top:70%;/*380:280*\/} div.image img,div.img img {max-height:100px;/*can't be relative bcs of imposible cropping:display:inline-block;max-height:100%;vertical-align:middle;*\/display:block;position:absolute;top:0%;right:0%;bottom:0%;left:0%;/*?!!? breaks the grid:max-height:100%;*\/margin:auto;} */ div.img {display:inline-block;position:relative;width:100%;overflow:hidden;/*background:transparent url('../img/image.def.png') center center no-repeat;*/} div.img::before {/*content:'';display:inline-block;padding-top:55%;border:1px solid #f00;*/} div.img img {display:block;/*position:absolute;top:0;right:0;bottom:0;left:0;*/margin:0;padding:0;} div.video {position:relative;width:100%;margin:0 0 40px;} div.video::before {content:'';display:inline-block;/*display:none;*/width:0;padding-top:56.25%;/*16:9*/vertical-align:middle;} div.video iframe {/*display:inline-block;width:100%;height:399px;max-height:100%;margin:auto;*/ position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .require-error {background:#fee;} a.tel,a.email {position:relative;white-space:nowrap;} /* a.tel:before,a.email:before {content:"";display:inline-block;width:0px;margin:0 6px 0 0;line-height:1.3;text-align:center;font-style:italic;font-weight:bold;font-size:16px;font-family:'icons-nav';} */ a.tel:before {content:"\e698";display:none;} a.mobil:before {content:url('../img/svg/icon-mobile-white.svg');} .address a.mobil:before {content:url('../img/svg/icon-mobile-green.svg');} a.email:before {} a.pdf {text-decoration:none;color:#000;} a.pdf::before {content:url('../img/file-pdf.png');display:block;margin-left:-3px;} a.link-pdf {} a.link-pdf::before {content:'';display:inline-block;width:20px;height:20px;margin-left:-3px;background:transparent url('../img/file-pdf.png') 0 0 no-repeat;-webkit-background-size:contain;background-size:contain;} a.box {display:inline-block;padding:11px 20px;background-color:var(--red);color:var(--white);text-decoration:none;transition:background-color 0.3s;} a.second::after {content:'';display:inline-block;width:60px;height:17px;margin-left:15px;background-image:url('/img/more.hover.svg'),url('/img/more.svg');background-position:0px 0px, 0px 0px;transition:0.4s;} a.second:hover::after {background-position:0px 0px, 20px 0px;transition:0.4s;} a.second.white {color:var(--white);} a.second.white::after {background-image:url('/img/more.hover.white.svg'),url('/img/more.white.svg');} a.more {color:var(--white);} a.more::after {content:'';display:inline-block;width:26px;height:15px;margin-left:15px;vertical-align:middle;background:transparent url('../img/more 2.png') right 50% no-repeat;transition:0.4s;} a.more:hover::after {width:46px;transition:0.4s;} a.link {margin:auto;text-decoration:none;color:var(--red);font-family:'canada-type-gibson', sans-serif;} a.link::after {content:'';display:inline-block;width:26px;height:15px;margin-left:15px;vertical-align:middle;background:transparent url('../img/arrow.red.png') right 50% no-repeat;transition:0.4s;} a.link:hover::after {width:46px;transition:0.4s;} .arrowSquare {display:inline-block;position:relative;min-height:43px;padding-right:43px;vertical-align:middle;background:transparent;} .arrowSquare::before {content:'';display:block;position:absolute;top:0%;right:0;width:39px;height:39px;border:2px solid var(--red);transform:rotate(0deg);transition:0.4s;} .arrowSquare::after {content:'';display:block;position:absolute;top:0%;right:0;width:28px;height:28px;margin:8px;background:transparent url('../img/arrow.red.png') right center no-repeat;transform:rotate(0deg);transition:0.4s;} article:hover .arrowSquare, .arrowSquare:hover {/*?@?:text-decoration:underline;*/} article:hover .arrowSquare::before, .arrowSquare:hover::before {transform:rotate(45deg);transition:0.4s;} article:hover .arrowSquare::after, .arrowSquare:hover::after {width:31px;margin-right:5px;transition:0.4s;} a.second.extra {display:block;margin:60px 32px;padding:32px;background:var(--white);color:var(--blue);text-align:left;} a.second.extra.no-arrow::before, a.second.extra.no-arrow::after {display:none;} a.second.extra::after {position:absolute;top:35px;right:32px;width:28px;} a.second.extra::before {content:'';display:block;position:absolute;top:21px;right:23px;border:2px solid var(--red);width:43px;height:43px;background:transparent;transform:rotate(0deg);transition:0.4s;} a.second.extra:hover {text-decoration:underline;} a.second.extra.span:hover {text-decoration:none;} a.second.extra.span:hover span {text-decoration:underline;} a.second.extra:hover::before {transform:rotate(45deg);} a.second.extra:hover::after {background-position:0px 0px;} a.second.extra > article {padding:0;width:100%;text-align:left;} a.filter1 {padding:10px 20px;color:var(--black);box-shadow:inset 0 0 0 1px var(--red);transition:box-shadow 0.3s;font-weight:400;} a.filter1:hover {box-shadow:inset 0 0 0 3px var(--blue);} a.filter2 {padding-bottom:2px;color:var(--blue);text-transform:uppercase;border-bottom:2px solid transparent;} a.filter2::after {content:'';position:absolute;top:5px;margin-left:7px;display:inline-block;width:0;height:0;border:7px solid transparent;border-top:13px solid var(--white);} div.enlarge {display:none;} .fa-star {color:var(--red);font-size:23px;margin:7px;} /* header */ header {z-index:100;position:sticky;top:0;box-sizing:border-box;/*2020-08-05mss:padding:21px 32px 16px;*//*2020-09-04mss:padding:16px 40px 13px 32px;*/padding:16px 16px 14px 18px;width:100%;background:#fff;/*background:transparent url('../img/header_mobile.png') 0 0 no-repeat;*/overflow:auto;height:auto;} header.active {height:100vh;} header a {display:inline-block;width:49%;text-decoration:none;} header a.logo {width:178px;} header a.logo img {width:100%;object-fit:contain;} header a.phone {position:absolute;top:19px;right:76px;width:20px;margin:0;cursor:pointer;font-size:0;} header a.phone::before {content:'';display:block;position:absolute;top:0;left:0;width:20px;height:25px;background-image:url('/img/red.phone.png');background-repeat:no-repeat;} header a.menu {position:absolute;top:15px;right:23px;/*2021-07-14mss: added! Fix mobile menu not clickable! ;*/width:25px;height:28px;/*!*/margin:0;cursor:pointer;} header a.menu::before {content:'';box-sizing:border-box;display:block;position:absolute;top:-1px;right:0;width:25px;height:28px;background:transparent url('../img/hamburger.png') center center no-repeat;transition:background-image 0.5s;} header a.menu.active::before {background-image:url('../img/close.png');} /* nav */ header nav {} header nav.social {display:none;} header nav.main {/*2021-03-16mss?@?@?: margin:-3px;*/} header nav.main.active {margin:0;} header nav.main ul {margin:0;padding:0;max-height:0;height:0;overflow:hidden;list-style-type:none;opacity:0;transition:0.5s;} header nav.main.active ul {margin:20px 0 -184px;/*2020-09-04mss:padding-top:40px;*/padding-top:28px;max-height:100vh;height:100vh;overflow:visible;opacity:1;} header nav.main ul li {position:relative;display:inline-block;width:100%;padding:10px 10px 10px 13px;box-sizing:border-box;} header nav.main ul li a {box-sizing:border-box;display:flex;justify-content:left;align-items:center;width:100%;margin-bottom:38px;font-size:28px;font-weight:600;line-height:32px;color:var(--black);overflow:hidden;} header nav.main ul li label {display:inline-block;position:absolute;top:0px;right:0;width:30px;height:30px;cursor:pointer;/*2022-04-18mss: #9947! ;*/font-size: 0;} header nav.main ul li label::after {content:'';display:inline-block;position:absolute;top:22px;right:15px;width:0;height:0;border:8px solid transparent;border-top:13px solid var(--black);} header nav.main.active ul li.contact {z-index:100;position:fixed;/*2020-10-02mss:bottom:-7px;bottom:82px;*/bottom:0;left:0;padding:0;width:100%;text-align:center;} header nav.main.active ul li.contact a {box-sizing:border-box;padding:8px;margin:0;background-color:var(--red);color:var(--white);font-size:17px;text-align:center;justify-content:center;text-decoration:none;transition:background-color 0.3s;} header nav.main ul li a em {display:none;} header nav.main ul li ul.sub-menu {margin:0;padding:0;max-height:0;overflow:hidden;opacity:0;} header nav.main ul li ul.sub-menu::before {} header nav.main ul li ul.sub-menu.active, header nav.main ul li .active+ul.sub-menu {max-height:1000px;height:max-content;overflow:visible;opacity:1;} header nav.main ul li ul.sub-menu li {padding:0;} header nav.main ul li ul.sub-menu li a {position:relative;z-index:-1;box-sizing:border-box;margin-bottom:34px;padding:13px 13px 13px 90px;font-size:16px;line-height:18px;background-color:var(--grey);} header nav.main ul li ul.sub-menu.active li a, header nav.main ul li .active+ul.sub-menu li a {z-index:100;} header nav.main ul li ul.sub-menu li a:hover {outline:solid 3px var(--blue);} header nav.main ul li ul.sub-menu li a img {display:inline-block;/*2020-09-07mss?!?!?:width:52px;height:52px;*/margin-left:-74px;margin-right:16px;vertical-align:top;} header nav.main ul li ul.sub-menu li a span {display:inline-block;max-width:175px;min-width:175px;/*padding-top:9px;*/vertical-align:top;/*2020-09-07mss:text-overflow:ellipsis;white-space:nowrap;overflow:hidden;*/} /* nav.search */ header nav.search, header > a.search {display:none;} /* nav.breadcrumb */ nav.breadcrumb {margin-left:32px;margin-top:20px;} section.banner nav.breadcrumb {margin-left:0px;} nav.breadcrumb em {line-height:20px;color:#333;font-style:normal;font-size:16px;font-weight:500;font-family:'proxima-nova', sans-serif;} nav.breadcrumb a {} nav.social {border-bottom:2px solid #ffffff;min-height:68px;font-size:0;margin-top:35px;} nav.social a {display:block;float:left;/*2021-06-21mss: ;width:56px;*/width: 33px;height:33px;padding:0 4px;} nav.social a.facebook {background:url('../img/social_fb.png') 0 0 no-repeat;} nav.social a.twitter {background:url('../img/twitter.png') 0 0 no-repeat;} nav.social a.linkedin {border-radius:3px;width:20px;height:26px;background:url('../img/social_in.png') 6px 2px no-repeat;/*2020-09-04mss?!?!?:-webkit-background-size:27px;background-size:85%;*/background-position:center;background-color:#fff;} nav.social a.instagram {box-sizing: border-box;display: inline-block;width: 28px;height: 26px;line-height: 26px;margin:0 18px 0 0;vertical-align: middle;text-align: center;border-radius: 3px;background: #fff;/*background:url('../img/in.png') 0 0 no-repeat;*/} nav.social a.instagram::before {content: '\ea90';color: var(--blue);font-size: 20px;font-family: 'icons-mobile';} nav.social a.youtube {box-sizing: border-box;display: inline-block;width: 28px;height: 26px;line-height: 26px;margin:0 18px 0 0;vertical-align: middle;text-align: center;border-radius: 3px;background: #fff;/* url('../img/social_youtube_red.png') center center no-repeat;background-size: 24px auto;*/} nav.social a.youtube::before {content: '\ea9a';color: var(--blue);font-size: 22px;font-family: 'icons-mobile';} nav.social a.email {background:url('../img/mail.png') 0 0 no-repeat;font-size:0;} nav.tags {margin:28px 0 0;padding:28px 0 0;border-top:1px solid #1f1f1f;} nav.tags label {display:block;margin:0 12px 6px 0;line-height:28px;font-size:17px;font-weight:600;text-transform:uppercase;color:var(--blue);} nav.tags a {margin-right:29px;padding:0 0 3px;line-height:28px;font-size:17px;font-weight:600;/*white-space:nowrap;*/text-transform:uppercase;color:var(--blue);} nav.tags a:hover {padding-bottom: 0;border-bottom:3px solid var(--red);} nav.tags a::after {content:'|';position:absolute;right:-18px;} nav.tags a:last-child::after {content:'';} nav.tags.new {padding:28px;background:var(--grey);} nav.tags.new a {margin-right: 39px;} nav.tags.new a::after {right:-23px;} /* section */ section {position:relative;z-index:10;} section footer {clear:both;width:100%;margin:0 -32px;padding:26px 32px 0;text-align:center;} section footer.brd {padding:60px 32px;border-top:1px solid #ddd;} section.dark {background:var(--grey);} section.list > article, section.box > article, section.gray > article {box-sizing:border-box;width:100%;text-align:center;} /* .banner */ section.banner {overflow:hidden;} section.banner img {/*2020-09-08mss?!?!:left:-20px;right:-20%;max-width:140%;margin:auto;*//*2020-08-05mss:object-fit:cover;max-width:initial;width:113%;min-height:284px;*/} section.banner div {max-width:856px;margin:auto;} section.banner article {max-width:856px;margin:10px auto 0;color:var(--white);} section.banner p {line-height:38px;margin:0 0 20px;color:var(--white);} section.banner p.author {font-size:15px;font-family:'canada-type-gibson', sans-serif;} section.banner time {display:block;font-weight:600;color:var(--white);text-transform:uppercase;} section.banner h1,section.banner h2 {margin:0;padding:0;font-weight:normal;font-size:36px;line-height:42px;font-weight:600;color:#fff;-ms-word-break:break-word;word-break:break-word;} section.banner h1 span,section.banner h2 span {display:block;margin-top:9px;color:var(--accent);} /*2021-03-31mss?@?@?: section.banner h2 {display:block;max-width:856px;margin:auto;text-shadow:0px 3px rgba(0,0,0,.30);color:#fff;} */ section.banner dl.list {display:none;} section.banner div.text {margin:0 0 32px;padding:32px;} section.banner div.text article {margin:0;padding-top:42px;} section.banner div.text h4,section.banner article p,section.banner article a {margin:0;color:var(--white);} section.banner div.text span {font-weight:400;font-size:18px;line-height:28px;text-decoration:none;} section.banner div.text a {font-weight:400;font-size:18px;line-height:28px;text-decoration:none;} section.banner.first {text-align:right;} section.banner.first img {} section.banner.first div {box-sizing:border-box;z-index:10;position:relative;max-width:100%;margin:-56px 32px 0 32px;/*2020-08-05mss:padding:10%;*/padding:38px 20px 50px;/* width:calc(100% - 64px);*/text-align:left;background:var(--blue);} section.banner.second {z-index:99;/*2020-09-11mss?@?@?:min-height:50vh;*//**/display:flex;justify-content:center;align-items:center;min-height:286px;text-align:left;background-color: var(--blue);background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:110% auto;background-size:110% auto;} section.banner.second img {position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;max-width:1920px;/*2020-09-23mss:see next! bcs team rimini! width:120%;height:auto;*/width:auto;min-height:100%;/*2020-09-24mss:test service.detail.php:*/height:100%;margin:auto;} section.banner.second h1,section.banner.second h2 {text-shadow:0px 3px 3px rgba(0,0,0,.30);} section.banner.second::after {z-index:10;content:'';/*position:absolute;top:0;right:0;bottom:0;left:0;*/position:absolute;top:0;padding-top:100%;height:0;vertical-align:middle;background:rgb(2,0,36);background:linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);} section.banner.second div {z-index:99;box-sizing:border-box;position:relative;width:100%;padding:32px;vertical-align:middle;} section.banner.empty {/*2020-11-25mss:bcs dicono di noi:*/min-height:auto;overflow:visible;/*!*/background:var(--blue);} section.banner.empty img {display:none;} section.banner.empty::after {display:none;} section.banner.detail {display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;min-height:286px;padding:0 32px 80px;background:var(--blue);} section.banner.detail::after {display:none;} section.banner.detail h1,section.banner.detail h2 {padding:45px 0 40px;} section.banner.image {max-width:920px;margin:-60px auto 0;padding:0 32px;text-align:left;} section.banner.image img {background:#fff;} dl.filter {z-index:99;/*2020-11-25mss?!?@?!:height:256px;*/max-height:50px;margin:10px 0 0px;overflow:hidden;transition:max-height 0.5s;} dl.filter a {color:#fff;text-transform:uppercase;font-size:17px;} dl.filter dt a.filter2 {margin-top:20px;font-size:17px;border-bottom-width:0;} dl.filter dt a.filter2::after {border-top-color:var(--white);} dl.filter dd {display:block;/*opacity:0;*/max-height:0;margin:28px 0;color:var(--white);transition:max-height 0.1s;} dl.filter.sticky {box-sizing:content-box;position:fixed;left:0;top:25px;right:0;width:100%;padding:15px 32px 7px;background-color:var(--blue);} dl.filter.active {box-sizing:content-box;position:fixed;left:0;top:25px;right:0;width:100%;/*2020-11-25mss:max-height:1000px;padding:16px 32px;overflow:visible;*/background-color:var(--blue);} dl.filter.active {height:auto;min-height:286px;padding-left:32px;padding-top:20px;overflow:scroll;max-height:90vh;transition:max-height 1s;} section.banner.empty dl.filter.active {top:auto;min-height:0;padding-top:0;} section.banner.empty dl.filter.sticky.active {top:25px;} dl.filter.active dd {/*opacity:0.99;*/max-height:100px;transition:max-height 1s;} dl.filter.active dt a.filter2 {border-bottom:2px solid var(--red);} dl.filter.active dt a.filter2::after {border-top-color:var(--red);} /*2020-09-16mss:not used! see above!; div.filter.show {max-height:20px;} div.filter.show, div.filter.active {top:56px;z-index:90;opacity:1;} div.filter.active, div.filter.show.active {max-height:1000px;} div.filter.active a.filter2, div.filter.show.active a.filter2 {border-bottom:3px solid var(--red);} div.filter.active a.filter2::after, div.filter.show.active a.filter2::after {border-top-color:var(--red);} div.filter > dl {position:absolute;top:-200px;max-height:0;line-height:0;padding:0;margin:0;opacity:0;transition:0.5s;} div.filter.active > dl, div.filter.show.active > dl {position:static;max-height:1000px;opacity:1;} div.filter > dl > dd {margin:30px 0;} div.filter > dl > dd > a {color:var(--white);} */ /*2020-09-11mss:to be used!!!; section.banner div h3, section.banner div p {margin:0;color:#fff;} section.banner div h3 {margin-bottom:10px;} section.banner article {padding:32px 32px 0px;} section.banner article.box {background-color:transparent !important;} section.banner article h2 {} section.banner article h2.box {position:relative;margin-top:-84px;padding:40px 20px;} section.banner article h2.box > a.second {display:none;} section.banner article a {display:block;padding-right:110px;} section.banner.detail {padding:0;z-index:90;min-height:50vh;background-color:var(--blue);} section.banner.detail > div {margin:0;} section.banner.detail > div > h2 {} section.banner.detail > div > h2, section.banner.detail > div > h2 > a {color:var(--white);} section.banner.detail > div.filter {box-sizing:border-box;position:fixed;margin:0;padding:15px 32px 30px;background-color:var(--blue);color:var(--white);} section.banner.detail > div.filter > a {display:inline-block;margin-top:-10px;color:var(--white);} section.banner.detail > img {display:none;} section.banner.detail > h2 {position:absolute;top:25%;left:50%;transform:translate(-50%);color:var(--white);} section.banner.detail article {margin-bottom:60px;max-width:856px;text-align:left;color:var(--blue);} section.banner.detail article > h2 {color:var(--blue);} section.banner.detail a.filter2 {} */ /* div.filter div.filter {position:fixed;top:0;left:0;padding:16px 32px;width:100%;z-index:-1;opacity:0;transition:0.3s;background-color:var(--blue);box-sizing:content-box;} div.filter.show {max-height:20px;} div.filter.show, div.filter.active {top:56px;z-index:90;opacity:1;} div.filter.active, div.filter.show.active {max-height:1000px;} div.filter.active a.filter2, div.filter.show.active a.filter2 {border-bottom:3px solid var(--red);} div.filter.active a.filter2::after, div.filter.show.active a.filter2::after {border-top-color:var(--red);} div.filter > dl {position:absolute;top:-200px;max-height:0;line-height:0;padding:0;margin:0;opacity:0;transition:0.5s;} div.filter.active > dl, div.filter.show.active > dl {position:static;max-height:1000px;opacity:1;} div.filter > dl > dd {margin:30px 0;} div.filter > dl > dd > a {color:var(--white);} */ /* .banner.detail */ /* .box */ section.box {margin:60px 0;padding:60px 0;width:100%;background-color:var(--grey);} section.box > h2, section.box > p {width:100%;text-align:center;} section.box > section {box-sizing:border-box;display:block;width:100%;margin-top:30px;border-top:1px solid var(--grey-opacity);padding-top:60px;text-align:center;} section.box > section:first-child {margin:0;border:0;padding:0;overflow-x:scroll;white-space:nowrap;text-align:center;} section.box > section a.box {display:inline-block;margin:0;} section.box > section > h2 {position:sticky;left:0;margin:0;} /* .textarea */ section.textarea {max-width:866px;margin:44px 0 60px;padding:0 32px;} body.blog\.article\.php section.textarea {box-sizing:border-box;max-width:826px;} /*2020-10-07mss:nedd in Muriel's page!*/ body.about\.article\.php section.textarea {max-width:100%;} body.about\.article\.php section.textarea div.rte {max-width:856px;margin-left:auto;margin-right:auto;} /*2020-10-07mss:nedd in Muriel's page end!*/ section.textarea h1 {margin-top:0;} section.textarea h2 {/*2020-09-23mss:see h2 style! margin:0 0 20px;*/} section.textarea div.rte {} section.textarea div.rte ul {list-style:none;padding:16px 0 16px 26px;} section.textarea div.rte ul li {margin-bottom:11px;} section.textarea div.rte ul li::before {content:"\2022";color:var(--red);font-weight:bold;display:inline-block;width:26px;margin-left:-26px;font-size:26px;vertical-align:top;} section.textarea div.rte div.callToAction {margin:40px 0;font-weight:bold;color: var(--red);} section.textarea div.rte div.callToAction a {font-weight:bold;color: var(--red);} section.textarea div.rte img {max-width: 100%;max-height: 100%;height: auto;/*2021-07-12mss: added! Avoid image streching on mobile! CKEditor adds width and height style on insert! Also images from old DB have `width` and `height` attributes!; */} section.textarea div.rte img.vaTop {vertical-align: top;} section.textarea div.rte img.vaBottom {vertical-align: bottom;} section.textarea div.rte img.vaBaseline {vertical-align: baseline;} section.textarea div.rte img.vaMiddle {vertical-align: middle;} /* .textarea.newsletter */ section.textarea.newsletter {margin:0 0 60px;padding:0;} /* .info */ section.info {margin:60px 0;padding:60px 0;width:100%;background-color:var(--grey);} section.info > h2, section.info > p {width:100%;text-align:center;} section.info > section {box-sizing:border-box;display:block;width:100%;margin-top:30px;border-top:1px solid var(--grey-opacity);padding-top:60px;text-align:center;} section.info > section:first-child {margin:0;border:0;padding:0;overflow-x:scroll;white-space:nowrap;text-align:center;} section.info > section a.box {display:inline-block;margin:0;} section.info > section > h2 {position:sticky;left:0;margin:0;} /* aside */ aside {box-sizing:border-box;padding:0 0 0 32px;width:100%;} aside section {/*2020-09-21mss?@?@?:width:calc(100% - 32px);width:100%;*/margin:0 0 60px;padding:60px 32px;background-color:var(--blue);} aside section article {padding:0 0 20px;} aside section h2 {display:inline-block;margin:0 0 30px;color:var(--white);} aside section h3 {display:inline-block;margin:0 0 20px;color:var(--white);} aside section p {display:inline-block;margin:0 0 20px;color:var(--white);/*about.php:*/line-height:30px;} aside section .bigTitle {display:block;margin-bottom:20px;} aside section > img {display:block;margin:30px 0 30px -64px;width:calc(100% + 96px);max-width:initial;} aside section div.pic {display:block;margin:30px 0 30px -64px;width:calc(100% + 96px);max-width:initial;} aside.imgR {} aside.imgR section {padding:40px 32px;} aside.imgR section article {margin-bottom:36px;} aside.imgR section a.box {margin:26px 0 0;} section.contact.info {margin-top:0;padding:60px 32px;background-color:var(--blue);color:var(--white);} section.contact.info article div {padding-top:42px;} section.contact.info h1, section.contact.info h4, section.contact.info p, section.contact.info a {margin:0;color:var(--white);} section.contact.info a {font-weight:400;font-size:16px;} /* lists */ section.list {margin-bottom:60px;} section.list article {display:inline-block;margin-right:-116px;padding:0 60px;width:100%;text-align:center;box-sizing:border-box;white-space:normal;} section.list article.root.active {display:none;} section.list article img {/*2020-09-11mss?@?@?:margin-top:40px;padding:40px;background:white;*/} section.list article h3 {} section.list article p {} section.list article a {margin:10px 0 0;} section.list article a.second {width:38px;} section.list article a.second::after {margin:0;} section.list.gray {padding:0 32px;} section.list.gray > article {background-color:var(--grey);} section.list.gray > article h4 {margin:0;} div.red {box-sizing:border-box;width:auto;max-width:480px;margin:0 32px 60px;padding:45px 20px 52px;background-color:var(--red);color:var(--white);z-index:60;} div.red h2 {margin:0 0 24px;color:var(--white);font-size:20px;line-height:24px;} div.red p {margin:0 0 56px;color:var(--white);} div.red a {font-size:18px;} section.grid {margin:0;padding:60px 32px 60px;} section.grid h2 {margin:0 0 42px;text-align:left;font-weight:600;} section.grid article {/*2021-02-08mss: bcs .full!*/position:relative;/*!*/margin:0;padding:0;text-align:left;} section.grid div.rte {text-align:left;} section.grid div.rte h5 {margin:9px 0;font-weight:600;} section.grid div.rte h3 {margin:16px 0 24px;font-weight:600;} section.grid div.rte p {margin:0;color:#1f1f1f;} section.grid nav.subcategory {margin-top:38px;text-align:left;} section.grid nav.subcategory a {float:left;margin:0 32px 30px 0;padding:8px 7px;border:1px solid var(--red);color:var(--black);font-family:'proxima-nova',sans-serif;font-weight:500;font-size:16px;line-height:28px;} section.grid nav.subcategory a:hover {padding:6px 5px;border:solid 3px #1f2d60;} section.grid nav.subcategory a:first-of-type {clear:both;margin-right:50px;padding:15px 16px 14px !important;font-size:18px;line-height:16px;font-weight:600;color:var(--white);border-width:1px !important;background-color:var(--red);} section.grid nav.subcategory a:first-of-type+a {clear:both;} section.grid nav.subcategory a:first-of-type:hover {background-color:#1f2d60;} section.grid nav.subcategory a:first-of-type::after {content:'';clear:both;} a.link.empty::after {margin-left:0;} section.grid.grid1 {background:#fff;} section.grid.grid1:nth-of-type(2n+1) {background:#f7f7f7;} /*about.php:Uficio list!*/ section.grid.grid2 {padding:60px 32px 0px;} section.grid.grid2 article {margin:0 0 65px;} section.grid.grid2 div.rte h3 {margin:20px 0 10px;} section.grid.grid3 {padding:60px 32px 0px;} section.grid.grid3 article {margin:0 0 45px;} section.grid.grid3 div.rte h3 {margin:10px 0;} section.grid.item {text-align:center;} section.grid.item h2 {text-align:center;} section.grid.item div.img {display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;width:150px !important;height:150px !important;margin:auto;background:#fff;} section.grid.item div.img.desktop {display:none;} section.grid.item div.img img {max-width:90px;margin:auto;vertical-align:middle;} section.grid.item div.rte {text-align:center;} section.grid.item div.rte h3 {margin:24px 0 12px;text-align:center;} section.grid.item div.rte a.link {margin-top:20px;} /* services list:*/ section.grid.item1 {} section.grid.item1 h2 {margin-bottom:20px;text-align:left;} section.grid.item1 > p {/*2020-10-01mss:Services main page! margin:0 0 38px;*/margin:0 0 60px;text-align:left;} section.grid.item1 article {display:block;display:flex;justify-content:center;align-items:left;align-content:center;flex-direction:column;min-height:50px;margin:0 0 46px 0;padding:29px 15px 29px 15px;background:#fff;} section.grid.item1 article.arrowSquare {padding-right:78px;} section.grid.item1 article:last-child {margin-bottom:0;} section.grid.item1 article::before,section.grid.item1 article::after {top:29px;right:18px;} section.grid.item1 article div.img {display:none;} section.grid.item1 article h3 {margin:0;} section.grid.item1 article a {display:inline-block;} section.grid.item1.team {} section.grid.item1.team article {display:block;padding-right:20px;} section.grid.item1.team article div.img {display:block;width:140px;height:140px;margin-bottom:22px;border-radius:100%;} section.grid.item1.team article h5 {line-height:22px;font-size:17px;margin:5px 0 12px;} section.grid.item1.team article p {margin-bottom:18px;} section.grid.item1.item2 {} section.grid.item1.item2 h2 {} section.grid.item1.item2 p {margin:0 0 13px;} section.grid.item1.item2 footer {margin:0;padding:10px 0;border-top-width:0;} /* service text-boxes:*/ section.grid.item1.box2 {} section.grid.item1.box2 >p {margin-bottom:70px;} section.grid.item1.box2 article {margin-bottom:40px;padding-right:28px;} section.grid.item1.box2 article p {margin:30px 0 0;} section.grid.item1.box2 article h5 {margin:30px 0 0;} /* service faq */ section.grid.faq {text-align:center;} section.textarea+section.grid.faq {/*2021-04-15mss: Lucio asked if box area is missing! */padding-top:0;} section.grid.faq h2 {margin:0 0 22px;text-align:center;} section.grid.faq >p {margin-bottom:40px;font-size:16px;line-height:24px;} section.grid.faq a.button {margin-top:50px;} section.grid.faq article {margin:0 0 16px;padding:16px;text-align:center;background:var(--grey);} section.grid.faq article h3 {margin:0;font-size:16px;line-height:18px;} section.grid.faq article h3::before {content:' + ';} section.grid.faq article p {display:none;font-size:18px;} section.grid.faq article h3.active {margin:0 0 20px;text-decoration:none;} section.grid.faq article h3.active+p {display:block;} /* .list.grid1 */ /* .list.grid1 h2 {margin:0;text-align:left;font-weight:600;} .list.grid1 article {margin-top:42px;padding:0;text-align:left;} /*2020-09-09mss:?Б?Б!М .list.grid1 > article:first-of-type {margin-top:44px;}* / .list.grid1 div.img img {/*margin:0;padding:0;* /} .list.grid1 div.rte {margin-bottom:38px;text-align:left;} .list.grid1 div.rte > h5 {margin:9px 0;font-weight:600;} .list.grid1 div.rte > h3 {margin:16px 0 24px;font-weight:600;} .list.grid1 div.rte > p {margin:0;} .list.grid1 nav.subcategory {margin-right:-32px;text-align:left;} .list.grid1 nav.subcategory a {margin:0 32px 30px 0;padding:8px 7px;border:1px solid var(--red);color:var(--black);font-family:'proxima-nova',sans-serif;font-weight:500;font-size:16px;line-height:28px;} .list.grid1 nav.subcategory a:hover {border-color:#1f2d60;} .list.grid1 nav.subcategory a:first-of-type {clear:both;margin-right:50px;padding:15px 16px 14px;font-size:18px;line-height:16px;background-color:var(--red);color:var(--white);font-weight:600;} .list.grid1 nav.subcategory a:first-of-type:hover {background-color:#1f2d60;} .list.grid1 nav.subcategory a:first-of-type::after {content:'';clear:both;} */ /* .list.grid2 - 2020-09-21mss:used About Uficio List pages!*/ .list.grid2 {margin:60px 0 54px;padding:0 32px;} .list.grid2 > h2 {margin-bottom:42px;font-weight:600;} .list.grid2 article {display:inline-block;margin:0 32px 70px 0;padding:0;width:100%;box-sizing:border-box;} .list.grid2 article:last-of-type {margin-bottom:0;} .list.grid2 article > a.second.extra.no-arrow {width:auto;padding:0 !important;margin:22px 0 0 !important;font-size:21px;line-height:24px;} .list.grid2 article > img {margin:0;padding:0;} .list.grid2 article > p {margin:10px 0 0;text-align:left;} /* .list.grid3 */ /*2020-09-16mss:?!?!?!; .list.grid3 > h2 {margin-bottom:42px;} .list.grid3 > article {margin-bottom:45px;padding:0;text-align:left;} .list.grid3 > article > img {margin:0;padding:0;} .list.grid3 > article > div {text-align:left;} .list.grid3 > article > div > h5, .list.grid3 > article > div > time {margin:10px 0;} .list.grid3 > article > div > h3 {margin:10px 0;} .list.grid3 > article > div > p {margin:0;} */ /*2020-10-08mss:used in about.article.php for related! */ section.link1 {padding:20px 32px 40px;} article.link {box-sizing:content-box;width:100%;margin:0 0 40px -32px;padding:24px 32px 30px;background:var(--grey);} article.link h5 {margin-bottom:16px;} article.link h5 a {color:var(--red);font-family:inherit;font-size:inherit;font-weight:inherit;} article.link div.img {} article.link img {} article.link h3 {margin:4px 0 0;font-size:16px;line-height:20px;} /*2020-10-08mss:not used! See next!; div.article {box-sizing:padding-box;display:block !important;width:100%;margin:0 0 40px -32px;padding:24px 32px 30px;background:var(--grey);} div.article h5 {margin-bottom:16px;} div.article div.img {} div.article img {} div.article h3 {margin:4px 0 0;font-size:16px;line-height:20px;} */ /* .list.item1 */ .list.item1 {padding:60px 32px;background-color:var(--grey);} .list.item1 > h2 {margin-top:0;} .list.item1 > article {margin-bottom:45px;padding:32px;background-color:var(--white);} .list.item1 > h2, .list.item1 > p {margin:0;width:100%;text-align:center;} .list.item1 > article:first-of-type {margin-top:60px;} .list.item1 > article {position:relative;text-align:left;} .list.item1 > article > a.second.extra {position:absolute;top:10%;right:9px;margin:0;padding:0;} .list.item1.team > article > a.second.extra {position:relative;top:unset;right:unset;margin:32px 0 0;padding:45px 15px 32px;} .list.item1 > article:hover {cursor:pointer;} .list.item1 > article:hover > a.second.extra::before {transform:rotate(45deg);} .list.item1 > article > img {display:none;margin:0;margin-right:32px;padding:0;width:100px;height:100px;object-fit:cover;vertical-align:middle;} .list.item1.team > article > img {display:block;margin:0;border-radius:100%;width:150px;height:150px;object-fit:cover;} .list.item1 > article > div {margin-top:32px;} .list.item1 > article > div > h5 {margin:10px 0;} .list.item1 > article > h3 {display:inline-block;margin-top:0;margin-bottom:0;max-width:170px;vertical-align:middle;} .list.item1.team > article > div > h3 {margin-top:0;margin-bottom:10px;} .list.item1 > article > div > p {margin-bottom:0;} /* .list.item2 */ .list.item2 {padding:60px 32px;background-color:var(--grey);} .list.item2 > h2 {margin-top:0;} .list.item2 > p {margin-bottom:100px;} .list.item2 > h2, .list.item2 > p {width:100%;} .list.item2 > article {position:relative;margin-bottom:45px;padding:42px 32px 32px;background-color:var(--white);text-align:left;} .list.item2 > article:hover {cursor:pointer;} .list.item2 > article:last-of-type {margin-bottom:60px;} .list.item2 > article > a.second.extra {position:absolute;top:20px;right:9px;margin:0;padding:0;} .list.item2 > article:hover > a.second.extra::before {transform:rotate(45deg);} .list.item2 > article > h3 {margin:0 0 60px;max-width:165px;} .list.item2 > article > p {margin-bottom:60px;} .list.item2 > article > h5, .list.item2 > article > time {margin:0;} .list.item2 > div {text-align:center;} .list.item2 > div > a {margin:0;} /* .list.item3 */ .list.item3 {padding:60px 32px;} .list.item3 > h2 {margin-top:0;} .list.item3 > article {padding:0;} .list.item3 > article > img {margin:0;padding:0;} .list.item3 > article > div {} .list.item3 > article > div > h3 {} .list.item3 > article > div > p {margin-bottom:0;} /* .more */ section.more {margin-bottom:60px;padding:0 32px;} section.more h2 {} section.more a.second {} /* .info */ section.info {box-sizing:border-box;padding:32px;width:100%;} section.info > section {width:calc(100% - 32px);margin:0 0 60px;padding:32px;width:100%;background-color:var(--blue);} section.info > section article {padding:60px 40px 0;} section.info > section article h3 {color:var(--white);display:inline-block;margin:0;} section.info > section article h3.bigTitle {display:block;margin-bottom:20px;} section.info img {display:block;margin:60px 0 0 -32px;width:calc(100% + 32px);max-width:initial;} /* .blog */ section.blog {box-sizing:border-box;padding:32px;width:100%;} section.blog > section {overflow:hidden;word-wrap:normal;} section.blog > section.in-one {margin-bottom:60px;} section.blog > section.in-one:last-of-type {margin-bottom:30px;} section.blog > section.in-one > article > img {display:block;width:100%;} section.blog > section.in-one > article > h3, section.blog > section.in-one > article > a {margin-top:20px;} section.blog > section > article > a.box, section.blog > section > article > a.filter1 {margin:15px 32px 15px 0;} /* .blog-box */ section.blog.blog-box {background-color:var(--grey);} /* .blog.box */ section.blog.box {box-sizing:content-box;padding:60px 0;} section.blog.box h1 {position:sticky;left:0;margin:0;padding-left:32px;text-align:left;} section.blog.box article {margin-right:-52px;padding:0px 32px;text-align:left;} section.blog.box article img {padding:0;background-color:none;} section.blog.box article a {} section.blog.box article h3 {margin:10px 0;} section.blog.box article p {margin-top:10px;} section.blog.box article a.second::after {background-position:0px 0px, 0px 0px;} section.blog.box article a.second:hover::after {background-position:0px 0px, 20px 0px;} /* .reviews */ section.reviews {position:relative;box-sizing:border-box;/*2020-09-21mss?@?!?:padding:0 32px 32px;*/padding:76px 32px 32px;width:100%;} section.reviews h2 {/*2020-09-21mss?@?!?:position:sticky;right:0;margin-bottom:40px;*/text-align:center;white-space:normal;} section.reviews article {position:absolute;top:0;left:100%;opacity:0;display:inline-block;box-sizing:border-box;/*2020-09-04mss?!?!?:width:100%;margin-right:20px;*/min-width:300px;max-width:300px;white-space:normal;transition:opacity 2s;} section.reviews article.active {position:relative;top:0;left:0;min-width:unset;max-width:unset;opacity:1;box-sizing:border-box;} section.reviews article.box {background-color:var(--grey);} section.reviews article.box h3 {} section.reviews article.box p {} section.reviews article.box h5, section.reviews article.box h3, section.reviews article.box p {margin:16px 0;} section.reviews article.dots {position:sticky;left:0;display:block;margin:20px auto;width:100%;text-align:center;opacity:1;} section.reviews article.dots article.dot {position:static;margin-right:5px;border-radius:50%;padding:6px;min-width:unset;width:10px;height:10px;background-color:var(--red);cursor:pointer;opacity:1;} section.reviews article.dots article.dot.active {background-color:var(--blue);} section.slide {position:relative;box-sizing:border-box;padding:76px 32px 32px;width:100%;text-align:center;} section.slide h2 {text-align:center;white-space:normal;} section.slide table {transition:margin 2s ease;} section.slide table td {width:100vw;vertical-align:middle;} section.slide article {box-sizing:border-box;min-width:300px;max-width:300px;margin-right:32px;white-space:normal;} section.slide article.active {} section.slide article.box {background-color:var(--grey);} section.slide article.box h3 {} section.slide article.box p {} section.slide article.box h5, section.slide article.box h3, section.slide article.box p {margin:16px 0;} section.slide article.box span {display:inline-block;margin:16px 0;} section.slide footer {display:inline-block;position:relative;width:auto;margin:0 auto !important;padding:0;text-align:center;} section.slide footer .dot {width:10px;height:10px;margin:0 4px;border-radius:50%;padding:1px;background-color:var(--red);} section.slide footer .dot:hover {background-color:var(--blue);} section.slide footer .dot.active {background-color:var(--blue);} section.review {position:relative;box-sizing:border-box;min-width:305px;width:100%;padding:76px 32px 32px 32px;text-align:center;overflow:hidden;} section.review::before {content:'';display:block;display:none;float:left;width:0;padding-top:35.29%;} section.review a.prev {z-index:99;opacity:0.5;display:block !important;/*display:none !important;*/position:absolute;top:50%;left:-4px;width:42px !important;height:42px;line-height:42px;margin-top:-21px;padding:0 !important;text-decoration:none;cursor:pointer;background:transparent url('../img/prev.png') 50% 50% no-repeat;transition:opacity 0.5s ease;} section.review a.next {z-index:99;opacity:0.5;display:block !important;/*display:none !important;*/position:absolute;top:50%;right:-4px;width:42px !important;height:42px;line-height:42px;margin-top:-21px;padding:0 !important;text-decoration:none;cursor:pointer;background:transparent url('../img/next.png') 50% 50% no-repeat;transition:opacity 0.5s ease;} section.review:hover a.prev {opacity:0.75;transition:opacity 0.5s ease;} section.review:hover a.next {opacity:0.75;transition:opacity 0.5s ease;} section.review a.prev:hover {opacity:0.95;} section.review a.next:hover {opacity:0.95;} section.review h2 {margin-bottom:50px;} /* section.review article {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:left;opacity:0.01;background-color:var(--grey);transition:opacity 1s ease;transform:translateZ(0);} section.review article.active {opacity:0.99;transition:all 2s ease;} div.review-cont {width:10000px;margin-left:0;text-align:left;transition:margin 2s ease;} */ div.review-cont {/*2021-05-18mss: Lucio asked! display:flex;width:10000px;*/margin-left:0;text-align:left;overflow:auto;transition:margin 2s ease;} div.review-cont.scroll {width:100%;white-space:nowrap;overflow:hidden;scroll-behavior:smooth;} table.review-cont {margin-left:0;text-align:left;transition:margin 2s ease;} section.review article {box-sizing:border-box;display:inline-block;width:80vw;min-width:300px;max-width:550px;margin:0 32px 0 0;vertical-align:middle;background-color:var(--grey);} section.review article {white-space:normal;transition:margin 2s ease;} section.review a.link {display: none;} section.review article div.rte {position:relative;min-height:123px;max-height:123px;overflow: hidden;text-overflow: ellipsis;transition:max-height 1s ease;} section.review article.more.active div.rte {max-height:500px;transition:max-height 1s ease;} section.review article.more a.link {display:block;float:right;margin:11px 0;} section.review article h5 {/*2021-04-16mss: Lucio asked! margin:20px 0 12px;*/min-height:26px;margin:0;background:transparent url('../img/google_review.png') top right no-repeat;} section.review article h3 {margin:0 0 16px;} section.review article p {/*2021-01-05mss:max-height:0;*/margin:16px 0;transition:max-height 2s ease;} section.review article span {display:inline-block;width:26px;height:26px;margin:20px 12px 10px 0;background:transparent url('../img/star_mobile.png') 0 0 no-repeat;} section.review article img {display:none;max-height:25px;} section.review article.active {transition:all 2s ease;} section.review article.active p {/*2021-01-05mss:max-height:1000px;transition:max-height 2s ease;*/} section.review footer {display:inline-block;position:relative;width:auto;margin:0 auto !important;padding:30px 0 16px;text-align:center;} section.review footer .dot {width:10px;height:10px;margin:0 4px;border-radius:50%;padding:1px;background-color:var(--red);} section.review footer .dot.hide {display:none;} section.review footer .dot:hover {background-color:var(--blue);} section.review footer .dot.active {background-color:var(--blue);} /* .contact */ section.contact {padding:32px;} /* .map */ section.map {box-sizing:border-box;padding:32px;text-align: center;} section.map h2 {margin-bottom:30px;} section.map iframe {box-sizing:border-box;margin-bottom:30px;width:100%;} div.map {box-sizing:border-box;aspect-ratio: 4/8;display: inline-block;position: relative;width:100%;max-width: 700px;max-height: 390px;margin:20px auto;text-align: left;} div.map::before {} div.map.it {background:transparent url('../img/map_it.png') center center no-repeat;} div.map.us {background:transparent url('../img/map_us.png') center center no-repeat;} div.map.fr {background:transparent url('../img/map_fr.png') center center no-repeat;} div.map .info {position: absolute;top: 3%;left: 2%;width: 250px;height: 110px;padding: 10px 30px 10px 10px;background: #fff;box-shadow:0px 0px 5px rgba(0,0,0,0.3);} div.map .info strong {display: block;width: 100%;overflow: hidden;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;} div.map .info p {margin:5px 0 10px;font-size: 13px;line-height: 1.2;} div.map .info a {font-size: 13px;line-height: 1.2;color:#00f;font-weight: normal;text-decoration: underline;} div.map .info a:hover {text-decoration: none;} /* .paging */ nav.paging {display:block;text-align:center;margin-bottom:60px;} nav.paging a {font-size:28px;line-height:32px;} /*2020-09-23mss h2 {margin-top:0;margin-bottom:48px;} section.timeline > article {margin:0 auto 60px;} section.timeline > article:last-of-type {margin-bottom:0;} section.timeline > article > div.year {display:inline-block;box-sizing:border-box;position:relative;background:var(--white);color:var(--red);padding:7px 20px;line-height:32px;font-size:28px;font-weight:600;} section.timeline > article > div.rte {margin-top:25px;} section.timeline > article > div.year > div.connect {display:none;} /* div.book */ div.book {} div.book img {margin:0;width:100%;} /* .newsletter */ .newsletter, .newsletter address {color:var(--red);} /* cookie - 2023-08-24mss: added! */ div.cookie {z-index: 1000;/*2022-03-24mss: hide until production! display: none;*/box-sizing: border-box;position:fixed;bottom:0;right: 0;left: 0;width: 100%;max-height:0;overflow:hidden;padding-right:30px;text-align:center;font-weight:normal;font-size:12px;line-height:normal;color:#1c1f29;background-color:rgba(241,241,241,0.9);box-shadow: 0 0 6px rgba(0,0,0,0.6);transition:all 0.5s;} div.cookie h3 {display:none;margin:10px 0;line-height:24px;} div.cookie.active {display: block;max-height:300px;padding:6px;transition:all 0.5s} div.cookie form {text-align:center;} div.cookie p {display:inline-block;} div.cookie label {margin:6px;} div.cookie a {color:#283d8d;width:auto;font-weight:normal;text-decoration:underline;font-size:14px;} div.cookie input {opacity: 0;position: absolute;} div.cookie a.button {margin:5px;padding:10px;line-height:16px;font-size: 14px;font-weight: bold;color:#fff;text-decoration:none;text-transform: uppercase;} body.page-cookie p.req strong {padding-top:20px;} body.page-cookie p.req label.chk {width:100%;margin-top:20px;margin-bottom:0;color:#1c1f29;} body.page-cookie p.req label.chk:hover {color:#fff;} /* section.footer-banner */ section.footer-banner {} section.footer-banner img {display:none;} /* footer */ body>footer {background:var(--blue);} footer section {padding:30px 32px;} footer section:last-child {background:#fff;} footer section > hr {color:var(--white);} footer section article {} footer section article.menu {margin-bottom:30px;} footer section article.menu p {margin:0 0 20px 0;} footer section article.contact {margin-bottom:36px;min-width:200px;} footer section article.contact > span.red {display:block;margin:34px 0 18px;font-weight:600;font-size:16px;color:var(--red);/*2022-04-18mss: #9947! ;*/color:var(--white);/*!*/line-height:19px;} footer section article.contact > span.space {margin:0;height:0;} footer section article.contact:first-child {margin-bottom:0px;} footer section article.contact:last-child {margin-bottom:26px;} footer section article.contact span {display:block;color:var(--white);margin:0;font-size:15px;font-weight:500;line-height:23px;} footer section article.contact p {margin:0;} footer section article span.questions {margin-top:26px;margin-bottom:9px;color:var(--white);font-weight:600;font-size:28px !important;line-height:32px !important;} footer section article span {color:var(--white);line-height:18px;} footer section article p {color:var(--white);line-height:28px;} footer section:last-child article a {font-size:16px;} footer section:last-child article p a, footer section:last-child article p:hover a, footer section:last-child article p a:hover, footer section:last-child article address {display:block;} footer section:last-child article address.copy {margin-top:20px;text-align:center;} footer section:last-child article span {text-align:center;margin:0;color:var(--blue);} footer section article p > a, footer section article span > a {font-weight:600;font-size:14px;line-height:23px;text-decoration:none;color:var(--white);} footer section article p:hover a {color:var(--white);} footer section article a {} footer section article a.box {margin-top:24px;margin-bottom:54px;white-space:nowrap;font-size:18px;font-family:'proxima-nova';font-weight:bold;line-height:16px;font-weight:bold;} footer article address {display:block;text-align:center;} footer section:last-child article span.copy > a, footer article address ~ span, footer article address, footer article address a, footer article address b, footer article address span {color:var(--blue);font-size:15px;font-weight:normal;font-weight:500;line-height:23px;} /* forms - 2020-10-03mss@?@?@?:; form {} form p {margin-top:32px;} form p.chk > label {color:var(--black);} form label {color:var(--blue);font-weight:400;font-size:15px;} form input {} form input::check {border:2px solid var(--blue);} form input[type="checkbox"] {-webkit-box-shadow:0px 0px 0px 1px var(--blue);-moz-box-shadow:0px 0px 0px 1px var(--blue);box-shadow:0px 0px 0px 1px var(--blue);} form label > input {display:inline-block;margin-right:10px;width:auto;} form label > span {color:var(--black);} form label > input, form label > span {vertical-align:middle;} form select {} form textarea {height:160px;resize:none;} form textarea, form input {display:block;box-sizing:border-box;padding:20px 10px;border:none;width:100%;background-color:var(--grey);color:var(--black);font-weight:200;font-size:14px;} form button.btn {opacity:0.5;} form button.btn.active {opacity:1;} */ /*** pages */ /** service.php */ /* section.banner */ body.service\.php section.banner article.box {padding-top:0;} /* section.box */ body.service\.php section.box {margin-bottom:0;} body.service\.php section.box img {display:none;} body.service\.php section.box a.second.extra {} body.service\.php section.box a.second.extra::after {} /** about.php */ /*2020-08-05mss:test: body.about\.php {background:#fff url('../img/about-test.png') 0 0 no-repeat;} body.about\.php header {opacity:0.5;} body.about\.php .banner {opacity:0.5;} */ body.about\.php h1 {/*2020-08-05mss?:line-height:32px;font-size:28px;*/} body.about\.php section.box a.second.extra {} /* info */ body.about\.php section.info h1, body.about\.php section.info h2, body.about\.php section.info h3, body.about\.php section.info h4, body.about\.php section.info h6, body.about\.php section.info p {/*2020-08-01mss:?!?!?:color:#fff !important;*/} section.info.about > section {box-sizing:border-box;margin-right:32px;margin-left:auto;text-align:left;} section.info.about section article {margin-top:60px;} section.info.about section article > h2 {margin-top:0px;} section.info.about section article > p {margin-bottom:0px;} section.info.about section article > a.box {margin:60px 0;} section.info.about section img {margin-top:0;margin-right:-32px;margin-left:0;} /* add search */ .addsearch {background-image:none !important;} /** contact.php */ /* .banner */ /*2020-10-09mss?@?@?@:; body.contact\.php section.banner {padding:40px 32px 60px;background-color:var(--blue);} body.contact\.php section.banner article {margin:50px 0 32px;padding:0;} body.contact\.php section.banner h1.box, body.contact\.php section.banner article > h4.box, body.contact\.php section.banner article > p.box {margin:0;padding:0;} body.contact\.php section.banner article > p.box {max-width:310px;} */ /* .contact */ section.contact-info {margin-bottom:60px;padding:60px 32px;} section.contact-info >p {margin:0 0 20px;} section.contact-info p.full {} section.contact-info label {} section.contact-info input {} label {box-sizing:border-box;position:relative;display:block;margin:0 0 32px;font-weight:600;font-size:14px;} label::after {content:attr(title);color:#333;} input,select,textarea {box-sizing:border-box;display:block;width:100%;margin:3px 0 0;padding:25px 10px 26px;font-style:normal;font-weight:normal;color:#1c1f29;border:1px solid #cfcfcf;transition:all 0.2s ease;} select {padding:50px;padding-bottom:9px;background:#fff;text-indent:0.01px;text-overflow:"";} select {height:40px;padding:0 0 0 6px;font-weight:normal;font-size:13px;border:1px solid #cfcfcf;background:transparent url('../img/select-box-white.png') right 10px top 50% no-repeat; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;} input.radio {display:none;} label.radio {margin:9px 0 16px;cursor:pointer;color:#1c1f29;} label.radio::before {content:'';display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:middle;font-style:normal;text-align:center;border-radius:50%;border:1px solid #1c1f29;} input.radio:checked + label.radio::before {content:'·';color:#1c1f29;font-weight:bold;font-size:24px;line-height:8px;} input.radio:disabled {color:#7d7d7d;} input.radio:disabled + label.radio {color:#7d7d7d;} label.chk {margin:0px 0 12px 22px;cursor:pointer;font-weight:400;line-height:18px;} label.chk a {font-weight:400;font-size:14px;line-height:18px;} label.chk.accent {color:#7d7d7d;font-style:normal;font-size:13px;} .chk input {display:inline-block;width:18px;height:auto;margin-right:6px;} /* checkout style:*/ input.chk {display:none;} label.chk::before {content:'';display:inline-block;width:14px;height:14px;line-height:9px;margin:3px 2px 0 -22px;color:#fff;vertical-align:top;border:1px solid #fff;font-family:Arial, sans-serif;}} input.chk[checked] + label.chk::before {content:'\2713';font-size:16px;} input.chk:checked + label.chk::before {content:'\2713';font-size:16px;} input.chk.checked1 + label.chk::before {content:'\2713';font-size:16px;} section.contact-info p.chk {font-weight:400;line-height:14px;overflow:hidden;} section.contact-info p.chk input {display:block;float:left;width:20px;background-color:transparent;border:1px solid #fff;} section.contact-info p.chk label {display:block;float:left;width:90%;margin-left:4px;font-weight:400;line-height:18px;vertical-align:top;} section.contact-info p.chk label a {font-weight:400;line-height:18px;vertical-align:top;} section.contact-info button {float:left;} section.contact-info a.button {float:left;} section.contact-info label span.form-required {font-weight:700;font-size: 26px;color:var(--red) !important;} section.contact-info p.phone, section.contact-info p.company {display:none;} /*2022-04-18mss?@?: */ section.contact-info.blue {color:var(--white);background-color:var(--blue);} section.contact-info.blue div.form-all {background-color:var(--blue);} section.contact-info.blue p {color:var(--white);} section.contact-info.blue label {color:var(--white);} section.contact-info.blue em {color:var(--white);font-size:18px;} section.contact-info.blue a {color:var(--white);} section.contact-info.blue input {border-color:var(--white);} section.contact-info.blue label.chk::before {color:var(--white);} section.contact-info.light {margin-bottom:0;padding:50px 32px 20px;} section.contact-info.light h2 {margin:0 0 46px;} section.contact-info.light label {font-weight:500;color:var(--blue);} section.contact-info.light input {border-width:0;background-color:var(--grey);color:#000;} section.contact-info.light textarea {border-width:0;background-color:var(--grey);color:#000;} section.contact-info.light label.chk {font-weight:400;color:var(--black);} section.contact-info.light label.chk a {color:var(--black);} section.contact-info.light label.chk::before {margin-top:0;color:var(--blue);border:solid 2px var(--blue);} /* .about.link */ section.about.link {margin:auto;padding:60px;width:50%;background-color:var(--grey);} section.about.link a {} section.about.link div {} section.about.link div img {width:150px;margin-top:32px;margin-right:32px;vertical-align:middle;} section.about.link div p {display:inline-block;color:var(--blue);} /* .quote */ div.rte div.quote {position:relative;margin:170px 0 60px;padding:60px 0;white-space:normal;text-align:center;} div.rte div.quote::after {content:'';z-index:-2;display:block;position:absolute;top:0;right:-1000%;bottom:0;left:-1000%;background:var(--grey);} div.rte div.quote img:first-of-type {display:block;margin:-160px auto 80px;} div.rte div.quote div.text {position:relative;display:block;margin:60px auto 0;max-width:856px;text-align:left;font-style:italic;font-size:18px;font-family:'proxima-nova', sans-serif;font-weight:500;line-height:28px;} div.rte div.quote div.text::before {content:'"';z-index:-1;display:block;position:absolute;left:0;top:0;width:0;height:0;margin:0 0 0 -23%;line-height:250px;vertical-align:text-top;text-align:left;color:#fff;font-weight:700;font-style:italic;font-size:500px;font-family:'canada-type-gibson', sans-serif;} div.rte div.quote div.text p {margin:8px 0;} section.quote {margin:180px 32px 60px;padding:60px;background-image:url('/img/quote.png');background-repeat:no-repeat;background-position:27% bottom;text-align:center;} section.quote img {margin-top:-150px;} section.quote em {display:block;margin:60px auto 0;max-width:856px;text-align:left;} /** success.php */ /* .banner */ body.success\.php section.banner article.box {display:none;} /* .blog */ body.success\.php section.blog {padding-bottom:60px;} body.success\.php section.blog h3, body.success\.php section.blog a {margin:15px 0 0;} body.success\.php section.blog a {font-size:17px;} /** about.section.php */ body.about\.section\.php section.second.banner > h2 {top:10%;} body.about\.section\.php section.grid.grid3 div.img {/*2021-05-10mss: Lucuio asked! display:none;*/} /* a.second.extra */ body.about\.section\.php section.box a.second.extra img {display:block;margin:0 auto 60px;border-radius:50%;min-width:200px;max-width:200px;background:gray;vertical-align:top;} /** service.section.php */ body.service\.section\.php section.second.banner > h2 {top:0;} body.service\.section\.php section.box > article {margin-top:60px;width:100%;} body.service\.section\.php section.box a.second.extra article {padding:0;} body.service\.section\.php section.box a.second.extra article h5 {margin:0;} /** success.section.php */ body.success\.section\.php section.second.banner > h2 {top:5%;} body.about\.php section.banner.box {box-sizing:border-box;padding:30px;} body.about\.php section.banner.box > section {width:100%;white-space:normal;overflow:visible;} body.about\.php section.banner.box h1 {margin:0 0 20px;} body.about\.php section.banner.box span, body.about\.php section.banner.box div {color:var(--blue);} body.about\.php section.banner.box section > div.iframe {height:500px !important;padding:14px 0 !important;} body.about\.php section.gray article {margin:0 auto 32px;padding:30px;} /* footer p {text-align:center;} */ /* form */ .formFooter {display: none !important;} body.contact\.php .jotform-form {padding: 0;} body.contact\.php label {margin-bottom: 4px !important;font-family: 'canada-type-gibson';} body.contact\.php input {padding: 25px 10px 26px;} body.contact\.php .form-all {width: 100%;} body.contact\.php .form-line-column {width: 50%;} body.contact\.php .form-line {padding-left: 2px;padding-right: 32px;} body.contact\.php .form-captcha-image {max-width: none;} body.contact\.php .captcha label {width: auto;} body.contact\.php .captcha input {padding: 10px 10px;} body.contact\.php .captcha .form-captcha {background: #fff;} body.contact\.php .form-submit-button {background: #fff;} body.contact\.php .form-submit-button {margin:auto;padding:15px 16px 14px;font-size:18px;line-height:16px;text-decoration:none;font-weight:600;font-family:'proxima-nova', sans-serif;color:var(--white);background-color:var(--red);border-radius: 0;text-shadow: none;box-shadow: none;border-width: 0;} body.contact\.php .form-submit-button:hover {background-color:#1f2d60;} body.contact\.php li.form-line-error {background: #fff !important;} body.contact\.php div.form-error-message {display: none !important;} body.contact\.php .form-validation-error {outline: solid 2px #f45145;border-width: 0 !important;} body.contact\.php .form-line-active {background: #fff !important;} body.contact\.php .form-button-error p {color: var(--red) !important;} body.service\.section\.php .jotform-form {padding: 0;} body.service\.section\.php label {margin-bottom: 4px !important;font-family: 'canada-type-gibson';} body.service\.section\.php input {padding: 25px 10px 26px;} body.service\.section\.php .form-all {width: 100%;} body.service\.section\.php .form-line-column {width: 50%;} body.service\.section\.php .form-line {padding-left: 2px;padding-right: 32px;text-align: left;} body.service\.section\.php .form-captcha-image {max-width: none;} body.service\.section\.php .captcha label {width: auto;} body.service\.section\.php .captcha input {padding: 10px 10px;} body.service\.section\.php .captcha .form-captcha {background: transparent;} body.service\.section\.php .form-submit-button {background: #fff;} body.service\.section\.php .form-submit-button {margin:auto;padding:15px 16px 14px;font-size:18px;line-height:16px;text-decoration:none;font-weight:600;font-family:'proxima-nova', sans-serif;color:var(--white);background-color:var(--red);border-radius: 0;text-shadow: none;box-shadow: none;border-width: 0;} body.service\.section\.php .form-submit-button:hover {background-color:#1f2d60;} body.service\.section\.php li.form-line-error {background: transparent; !important;} body.service\.section\.php div.form-error-message {display: none !important;} li.form-line-error .form-validation-error, body.service\.section\.php .form-validation-error {outline: solid 2px #f45145;border-width: 0 !important;} body.service\.section\.php .form-line-active {background: transparent !important;} body.service\.section\.php .form-button-error p {color: var(--red) !important;} @media only screen and (min-width:480px) { section.banner div {/*2020-09-11mss:@@!:margin-top:-120px;*/} section.banner article a {padding:0;} section.review article.box p {max-height:1000px;transition:max-height 2s ease;} .list.item2 {text-align:center;} .list.item2 > article {margin:0 auto 45px auto;max-width:523px;} .list.item2 > article > h3 {max-width:270px;} div.cookie {font-size:16px;} /*2023-07-18mss: div.cookie h3 {display:inline-block;}*/ } @media only screen and (min-width:640px) { section.banner div {/*2020-09-11mss:!:!:margin-top:-140px;*/} } @media only screen and (min-width:820px) { /* section.banner > img {object-position:top;transform:scale(0.9);} */ body.about\.section\.php section.box a.second.extra {width:82%;} body.about\.section\.php section.box a.second.extra img {display:inline-block;margin-right:60px;} body.about\.section\.php section.box a.second.extra article {padding:0;width:50%;} } @media only screen and (min-width:1000px) { .list.item1 > article {position:relative;display:block;max-width:1768px;width:100%;margin-left:auto;margin-right:auto;} .list.item1 > article > img {display:inline-block;margin-right:32px;vertical-align:middle;} .list.item1.team > article > img {display:inline-block;margin-right:32px;width:200px;height:200px;} .list.item1 > article > div {display:inline-block;width:60%;margin-top:0;vertical-align:middle;} .list.item1.team > article > div > h3 {margin-bottom:0;} .list.item1 > article > div > h5 {margin-top:0;margin-bottom:initial;} .list.item1 > article > a.second.extra {top:22%;} .list.item1.team > article > a.second.extra {position:absolute;top:10px;right:9px;margin:0;padding:0;} } @media only screen and (min-width:1024px) { section.banner div {min-width:856px;} body.about\.php section.banner.box {padding:100px;} body.about\.php section.banner.box iframe {width:50% !important;height:600px !important;text-align:center;display:block;margin:0 0 0 25%;} } @media only screen and (min-width:1100px) { .list.item2 > article {margin-right:32px;max-width:523px;} } @media screen and (min-width:1150px) { section.info section > img {width:45%;} footer section article.contact {min-width:240px;max-width:260px;} } @media screen and (min-width:1280px) { section.info section > img {width:50%;object-fit:cover;} section.map iframe {width:31.5%;margin-right:2%;} section.map iframe:last-of-type {margin-right:0px;} section.map div.map {width:31.5%;margin-right:2%;} section.map div.map:last-of-type {margin-right:0px;} section.blog > section.in-one {width:23.3%;} section.blog > section.in-one:nth-of-type(3n) {margin-right:2%;} section.blog > section.in-one:nth-of-type(4n) {margin-right:0;} } /**! Lucio's styles: !**/ /* - The default styles are in comment! */ /* - Add new styles after the comment! */ /* texts in banners */ section.banner h2 {/*font-size: 36px;line-height: 42px;*/font-size:42px;line-height:48px;} section.banner.second h2 {/*font-size: 36px;line-height: 42px;*/} section.banner.detail h2 {/*font-size: 36px;line-height: 42px;*/} section.banner p {/*font-size: 18px;line-height: 38px;*/} section.banner p.author {/*font-size: 15px;line-height: 38px;*/} section.banner time {/*font-size: 16px;line-height: 19px;*/} dl.filter a {/*font-size: 17px;*/} dl.filter dt a.filter2 {/*font-size: 17px;*/} section.banner div.text h4 {/*font-size: 17px;line-height: 28px;*/} section.banner div.text span {/*font-size: 18px;line-height: 28px;*/} /* titles in pages's content (from DB) */ section.textarea h1 {/*font-size: 36px;line-height: 42px;*/} section.textarea h2 {/*font-size: 28px;line-height: 32px;*/} section.textarea h3 {/*font-size: 21px;line-height: 24px;*/} /**! Lucio's styles end! !**/