h1, .h1 {
font-size: 50px;
line-height: 55px;
font-weight: 700;
font-family: "eurostile", sans-serif;
}
h2, .h2 {
font-size: 40px;
line-height: 53px;
font-weight: 700;
font-family: "eurostile", sans-serif;
}
.boxed {
padding: 0 5.2vw;
}
.boxed.small {
padding: 0 19.5vw;
}
body, html {
box-sizing: border-box;
outline: none;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #0A2C68;
}
h1, h2, h3 {
margin: 0;
}
a, span {
text-decoration: none;
color: #0A2C68;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
#official-site {
position: fixed;
top: 24px;
left: calc(5.2vw + 1%);
font-size: 16px;
line-height: 16px;
color: #fff;
display: block;
z-index: 99;
}
.fake {
position: fixed;
z-index: 99;
left: calc(50%);
top: 50px;
transform: translateX(-50%);
height: 80px;
padding: 0 !important;
width: calc(100% - 10.4vw);
display: flex;
align-items: center;
justify-content: space-between;
background: red;
clip-path: polygon(1% 0%, 100% 0%, 99% 100%, 0% 100%);
}
.header-overlay {
position: fixed;
z-index: 90;
left: 0;
top: 0;
height: 140px;
width: 100vw;
}
.header-overlay.ombra {
background: linear-gradient(to bottom, #00000091, #00000000);
}
header#masthead {
position: fixed;
z-index: 9999;
left: calc(50% + 10px);
top: 50px;
transform: translateX(-50%);
height: 80px;
padding: 0 !important;
width: calc(100% - 10.4vw - 50px);
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
box-shadow: 5px 5px 15px #0000002c;
}
header#masthead::before {
content: "";
width: 40px;
position: absolute;
left: 7px;
transform: translateX(-100%);
top: 0;
height: 100%;
background: #fff;
clip-path: polygon(15px 0%, 100% 0%, 100% 100%, 0% 100%);
}
header#masthead::after {
content: "";
width: 40px;
position: absolute;
left: auto;
right: -55px;
transform: translateX(-100%);
top: 0;
height: 100%;
background: #fff;
clip-path: polygon(0% 0%, 100% 0%, 25px 100%, 0% 100%);
}
header#masthead .site-branding {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
header#masthead .site-branding .site-logo img {
display: block;
}
header#masthead #site-navigation {
height: 100%;
}
header#masthead #site-navigation .primary-menu-container {
height: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul {
height: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li {
height: 100%;
position: relative;
z-index: 10;
}
header#masthead #site-navigation .primary-menu-container > ul > li > a {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px;
position: relative;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
header#masthead #site-navigation .primary-menu-container > ul > li > a::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
background: #FDCA00;
z-index: -1;
transition: all 0.3s ease-in-out;
will-change: transform;
pointer-events: none;
transform: translate(-15px, 101%);
transform-origin: left bottom;
}
header#masthead #site-navigation .primary-menu-container > ul > li > a img {
height: 30px;
width: auto;
}
header#masthead #site-navigation .primary-menu-container > ul > li:nth-last-child(2) > a {
padding-right: 0;
}
header#masthead #site-navigation .primary-menu-container > ul > li:nth-last-child(2) > a:before {
display: none !important;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions {
width: 16vw;
display: flex;
position: relative;
z-index: 5;
background: transparent;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions::before {
content: "";
position: absolute;
left: -1%;
top: 0;
width: 70px;
height: 100%;
z-index: -1;
background: linear-gradient(to right, #fff, #d1d1d199);
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div {
width: calc(100% / 3);
clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div a {
display: flex;
align-items: center;
justify-content: center;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:first-child {
left: 15.4%;
background: #D5D5D5;
justify-content: flex-start;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:first-child a {
width: calc(100% - 2px);
height: 100%;
clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
background: linear-gradient(to top, #FDCA00 50%, #fff 50%);
background-size: 100% 200%;
transition: all 0.3s ease-in-out;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:first-child a:hover {
background-position-y: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:nth-child(2) {
right: calc(100% / 3 - 31px);
background: linear-gradient(to top, #FDCA00 50%, #fff 50%);
background-size: 100% 200%;
transition: all 0.3s ease-in-out;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:nth-child(2):hover {
background-position-y: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child {
right: -15px;
background: #FDCA00;
transition: all 0.3s ease;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child:hover {
width: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child:hover .search-wrapper form {
opacity: 1;
width: auto;
height: auto;
pointer-events: auto;
visibility: visible;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child:hover .search-wrapper > span {
margin: 0 20px;
display: block;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child .search-wrapper {
min-width: 100%;
min-height: 100%;
background: #FDCA00;
display: flex;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child .search-wrapper label {
display: none !important;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child .search-wrapper form {
margin: 0;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
pointer-events: none;
transition: opacity 0.3s 0.2s ease;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child .search-wrapper input.search-submit {
display: none !important;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child .search-wrapper input#search-form-1 {
background: none;
border: 0;
border-bottom: 2px solid #0A2C68;
border-radius: 0;
}
header#masthead #site-navigation .primary-menu-container > ul > li.user-actions > div:last-child .search-wrapper span img {
margin-top: 7px;
}
header#masthead #site-navigation .primary-menu-container > ul > li:hover > a {
text-decoration: underline;
}
header#masthead #site-navigation .primary-menu-container > ul > li:hover > a::before {
transform: none;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu {
width: calc(250%);
left: calc(50% - 30px);
transform: translateX(-50%) skewX(-10deg) translateZ(0);
display: flex !important;
flex-flow: row wrap;
background: #EEEEEE;
min-width: unset;
padding: 0px;
transition: opacity 0.25s ease, transform 0.33s ease-in-out;
visibility: hidden;
pointer-events: none;
opacity: 0;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li {
height: 50px;
display: flex;
align-items: center;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: #FDCA00;
width: 100%;
height: 100%;
transition: all 0.3s ease;
transform: scaleY(0);
transform-origin: bottom;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a {
transform: skewX(10deg) translateZ(0);
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a:hover {
text-decoration: underline;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a .child-content {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 20px;
height: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a .child-content .icon {
min-width: 47px;
display: flex;
justify-content: center;
align-items: center;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a .child-content .icon img {
width: 29px;
max-width: 100%;
object-fit: contain;
display: block;
height: auto;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a .child-content .label {
margin-left: 10px;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li a .child-content .label span {
font-size: 16px;
line-height: 16px;
text-align: left;
max-width: 100%;
display: block;
transform: translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
}
header#masthead #site-navigation .primary-menu-container > ul > li ul.sub-menu li:hover::before {
transform: none;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l {
position: unset !important;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu {
width: calc(100% - 50px);
right: calc(16vw - 12px);
left: auto;
transform: skewX(-10deg) translateZ(0);
padding: 0;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li {
width: calc(100% / 5);
flex-basis: calc(100% / 5);
height: 80px;
position: relative;
margin-top: 0;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li:not(:nth-child(5n)) {
border-right: 2px solid #D5D5D5;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: #FDCA00;
width: 100%;
height: 100%;
transition: all 0.3s ease;
transform: scaleY(0);
transform-origin: bottom;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li:not(:last-child) {
border-bottom: 2px solid #D5D5D5;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li a {
height: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li a .child-content {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 20px;
height: 100%;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li a .child-content .icon {
min-width: 47px;
display: flex;
justify-content: center;
align-items: center;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li a .child-content .icon img {
max-width: 100%;
object-fit: contain;
display: block;
height: auto;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li a .child-content .label {
margin-left: 10px;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li a .child-content .label span {
font-size: 14px;
line-height: 16px;
text-align: left;
max-width: 100%;
display: block;
transform: translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-l ul.sub-menu li:hover::before {
transform: none;
}
header#masthead #site-navigation .primary-menu-container > ul > li.submenu-open ul.sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media only screen and (max-width: 1750px) {
header#masthead #site-navigation .primary-menu-container > ul > li > a {
padding: 0 16px;
}
}
@media only screen and (max-width: 1650px) {
#masthead a {
font-size: 15px;
}
#masthead #site-navigation .primary-menu-container  > ul :nth-last-child(2)  > a  > img {
width: 120px;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions :nth-last-child(2)  > a  > img {
width: 25px;
}
#masthead .site-branding .site-logo img {
width: 180px;
}
}
@media only screen and (max-width: 1440px) {
#masthead {
flex-direction: column;
height: 110px !important;
flex-wrap: unset;
gap: 0;
}
#masthead .site-branding .site-logo img {
margin-top: 10px;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions {
top: -55px;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions::before {
height: 110px !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div {
height: 110px !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:first-child {
background: none !important;
left: 23% !important;
}
#masthead #site-navigation .primary-menu-container  > ul :first-child .sub-menu {
right: 85px !important;
}
}
@media only screen and (max-width: 1180px) {
body::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 120px;
display: inline-block;
background-color: #0A2C68;
}
#masthead {
height: 70px !important;
top: 25px !important;
flex-direction: row !important;
}
#masthead #site-navigation .primary-menu-container ul .menu-item {
display: none !important;
}
#masthead #mobile-navigation {
height: 100%;
display: block !important;
width: 100%;
}
#masthead #mobile-navigation .menu-button-container {
z-index: 9999;
top: 50%;
transform: translateY(-50%);
right: 155px !important;
left: auto;
padding: 0;
width: unset;
}
#masthead .site-branding {
width: 100%;
justify-content: flex-start;
padding-left: 30px;
}
#masthead .site-branding img {
margin-top: 0 !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions {
width: 165px !important;
top: 0;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions::before {
height: 70px !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div {
height: 70px !important;
width: calc(100% / 3);
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:first-child {
background: none !important;
left: 23% !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(2) {
right: calc(100% / 3 - 25px) !important;
}
#official-site {
top: 5px;
font-size: 10px;
z-index: 9999;
}
#masthead #mobile-navigation .primary-menu-container ul {
padding-top: 0;
}
#masthead #mobile-navigation .primary-menu-container ul li {
align-items: flex-start !important;
justify-content: flex-start;
}
#masthead #mobile-navigation .primary-menu-container ul li a {
font-size: 25px;
font-weight: bold;
}
#masthead #mobile-navigation .primary-menu-container ul li.user-actions {
display: none !important;
}
#masthead #mobile-navigation .primary-menu-container ul li > a > img {
width: 150px;
height: auto;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children a {
position: relative;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children a::after {
content: "+";
display: inline-block;
font-size: 25px;
font-weight: bold;
position: absolute;
right: -27px;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children.submenu-open a::after {
content: "-";
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul {
display: flex;
flex-flow: wrap;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li {
width: calc(100% / 2);
background-color: #EEEEEE;
border: 2px solid #D5D5D5;
position: relative;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li:nth-child(2n) {
border-left: none;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li:not(:nth-child(1), :nth-child(2)) {
border-top: none;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li a {
padding-left: 15px;
width: 100%;
font-size: 15px;
font-weight: normal;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li a .child-content {
display: flex;
gap: 20px;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li a::after {
content: none !important;
}
#masthead #mobile-navigation .primary-menu-container ul li.menu-item-has-children ul li img {
width: 25px;
height: auto;
}
}
@media only screen and (max-width: 1024px) {
#masthead #site-navigation {
display: flex !important;
}
}
@media only screen and (max-width: 768px) {
#masthead {
left: 50% !important;
width: calc(95vw) !important;
}
#masthead::before, #masthead::after {
content: none !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions {
width: 130px !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div {
clip-path: none !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div a {
clip-path: none;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:first-child {
right: calc(100% / 3 * 2) !important;
left: auto !important;
border-left: 1px solid #D5D5D5;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:first-child a {
clip-path: none !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(2) {
right: calc(100% / 3) !important;
left: auto !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(3) {
right: 0px !important;
left: auto !important;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(3):hover {
overflow: hidden;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(3):hover .search-wrapper {
left: auto;
right: 0;
min-width: none;
width: 100%;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(3):hover .search-wrapper span {
margin: 0 20px;
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(3):hover .search-wrapper span img {
width: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#masthead #site-navigation .primary-menu-container  > ul .user-actions > div:nth-child(3):hover .search-wrapper form {
width: 100% !important;
}
#masthead #mobile-navigation .menu-button-container {
right: 140px !important;
left: auto;
}
}
@media only screen and (max-width: 481px) {
#masthead #site-navigation .menu-button-container {
display: none !important;
}
#masthead #site-navigation .primary-menu-container {
opacity: 1 !important;
padding: 0;
transform: none;
position: relative;
z-index: 9999;
overflow: initial;
visibility: visible;
border: none;
}
}
@media only screen and (max-width: 450px) {
#masthead .site-branding .site-logo img {
width: 150px;
}
#masthead #mobile-navigation .primary-menu-container ul {
padding-left: 10px;
padding-right: 10px;
}
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #0A2C68;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #0A2C68 !important;
color: #fff !important;
}
body .breadcrumb {
position: absolute;
top: 140px;
left: 5.36vw;
z-index: 1;
}
body .breadcrumb.foto {
top: 31vw;
}
.site-pop-up {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50vw;
padding: 20px;
opacity: 0;
transition: all 0.5s ease;
z-index: -1;
filter: drop-shadow(5px 5px 15px #0000002c);
}
.site-pop-up.active {
z-index: 999999;
opacity: 1;
}
.site-pop-up .container {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
background-color: #0A2C68;
min-height: 30vh;
clip-path: polygon(70px 0%, 100% 0%, calc(100% - 70px) 100%, 0% 100%);
padding: 0 4vw;
}
.site-pop-up .container .close {
position: absolute;
right: 50px;
top: 40px;
cursor: pointer;
}
.site-pop-up .container .text {
text-align: center;
font-size: 35px;
line-height: 40px;
width: 100%;
}
.site-pop-up .container .text span {
color: #fff;
font-weight: bold;
}
.nav-row {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
}
.nav-row .nav-item {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
}
.nav-row .nav-item a {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
position: relative;
z-index: 2;
padding: 13px;
}
.nav-row .nav-item .icon {
margin-bottom: 10px;
min-height: 110px;
display: flex;
align-items: flex-start;
}
.nav-row .nav-item .icon img {
display: block;
}
.nav-row .nav-item .title {
max-width: 8.6vw;
}
.nav-row .nav-item .title h3 {
font-family: "eurostile", sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 35px;
display: block;
text-align: center;
}
.nav-row .nav-item .text {
max-width: 12.5vw;
}
.nav-row .nav-item .text p {
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}
.nav-row .nav-item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: #DEA300;
transform: rotate(11deg);
z-index: 0;
}
.nav-row .nav-item::before {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: skewX(-11deg) scaleX(0);
transform-origin: left;
transition: all 0.3s ease;
pointer-events: none;
background: #FDCA00;
}
.nav-row .nav-item:hover::before {
transform: skewX(-11deg);
}
.products-loop {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-end;
}
.products-loop .product-loop-item {
width: calc(100% / 4 - (270px / 4));
flex-basis: calc(100% / 4 - (270px / 4));
margin-bottom: 70px;
}
.products-loop .product-loop-item:not(:nth-child(4n)) {
margin-right: 80px;
}
.products-loop .product-loop-item:nth-child(4n) {
margin-right: 30px;
}
.products-loop .product-loop-item a {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
pointer-events: auto;
}
.products-loop .product-loop-item a .overlay {
position: absolute;
left: 0;
top: 0;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 87%;
pointer-events: none;
opacity: 0;
transition: opacity 0.33s ease;
background: #ffffff7b;
}
.products-loop .product-loop-item a .overlay span {
width: 250px;
height: 50px;
position: relative;
font-size: 20px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
}
.products-loop .product-loop-item a .overlay span::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #FDCA00;
transform: skew(-11deg);
z-index: -1;
}
.products-loop .product-loop-item a .badge {
position: absolute;
left: 15px;
top: 15px;
display: flex;
flex-direction: column;
z-index: 3;
}
.products-loop .product-loop-item a .badge img:first-child {
margin-bottom: 8px;
display: block;
object-fit: contain;
}
.products-loop .product-loop-item a .product-main {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
background: #fff;
padding: 40px 0;
box-shadow: 5px 5px 15px #0000002c;
position: relative;
z-index: 1;
}
.products-loop .product-loop-item a .product-main .image {
width: 100%;
height: auto;
max-height: 18vw;
max-width: 100%;
display: flex;
justify-content: center;
}
.products-loop .product-loop-item a .product-main .image img {
width: auto;
height: auto;
display: block;
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.products-loop .product-loop-item a .product-main .name {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 55px;
}
.products-loop .product-loop-item a .product-main .name h3 {
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-align: center;
padding: 0 30px;
}
.products-loop .product-loop-item a .product-info {
width: 100%;
position: relative;
margin-top: 10px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
z-index: 2;
}
.products-loop .product-loop-item a .product-info span.code {
font-size: 14px;
line-height: 14px;
color: #777777;
}
.products-loop .product-loop-item a .product-info span.sconto {
position: absolute;
right: 125px;
bottom: 0;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 20px;
color: #0A2C68;
font-weight: 700;
}
.products-loop .product-loop-item a .product-info span.sconto::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #FDCA00;
transform: skewX(-11deg);
z-index: -1;
}
.products-loop .product-loop-item a .product-info span.price {
position: absolute;
width: 155px;
height: 50px;
right: -30px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.products-loop .product-loop-item a .product-info span.price * {
font-size: 20px;
line-height: 20px;
color: #fff;
font-weight: 700;
position: relative;
z-index: 9;
}
.products-loop .product-loop-item a .product-info span.price::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #0093D3, #0A2C68);
transform: skewX(-11deg);
z-index: -1;
}
.products-loop .product-loop-item a .product-info span.price.on-sale {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 2px;
}
.products-loop .product-loop-item a .product-info span.price.on-sale .regular span bdi {
font-size: 14px;
text-decoration: line-through;
}
.products-loop .product-loop-item a .product-info span.price.on-sale .regular span bdi span {
font-size: 14px;
}
.products-loop .product-loop-item a .product-info span.price.on-sale span.ff {
font-size: 2opx;
line-height: 15px;
}
.products-loop .product-loop-item a .product-info span.price.on-sale span.ff * {
font-size: 14px;
line-height: 15px;
text-decoration: line-through;
color: #fff;
font-weight: bold;
}
.products-loop .product-loop-item a .product-info span.price.outofstock::before {
background: #e32323;
}
.products-loop .product-loop-item a:hover .overlay {
opacity: 1;
}
.nav-links {
margin: 40px 0;
display: flex;
align-items: center;
justify-content: center;
}
.nav-links .page-numbers {
width: 50px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 20px;
font-weight: bold;
position: relative;
margin-right: 10px;
}
.nav-links .page-numbers.next, .nav-links .page-numbers.prev {
display: none !important;
}
.nav-links .page-numbers:first-child {
margin-left: -10px;
}
.nav-links .page-numbers::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: #E4E4E4;
width: 100%;
height: 100%;
transform: skewX(-11deg);
z-index: -1;
}
.nav-links .page-numbers.current::before {
background: #FDCA00;
}
.filters-wrapper {
width: 100%;
padding: 20px 0;
border-top: 2px solid #E4E4E4;
border-bottom: 2px solid #E4E4E4;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.filters-wrapper .filter-col {
width: calc((100% / 4 - (270px / 4)) - 70px);
flex-basis: calc((100% / 4 - (270px / 4)) - 70px);
position: relative;
display: flex;
flex-direction: column;
}
.filters-wrapper .filter-col:not(:last-child) {
margin-right: 90px;
}
.filters-wrapper .filter-col .label {
height: 40px;
width: 100%;
background: #F5F5F5;
padding-left: 15px;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
cursor: pointer;
}
.filters-wrapper .filter-col .label::before {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 99;
width: 40px;
height: 100%;
background-color: #FDCA00;
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/dropdown.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
}
.filters-wrapper .filter-col .label:not(.active) + .options {
visibility: hidden;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
}
.filters-wrapper .filter-col .options {
width: 100%;
max-height: 300px;
overflow-y: auto;
background: #F5F5F5;
position: absolute;
top: calc(100% + 3px);
left: 0;
display: flex;
flex-direction: column;
padding: 15px;
z-index: 999;
transition: opacity 0.1s ease, transform 0.33s ease;
}
.filters-wrapper .filter-col .options::-webkit-scrollbar {
display: none !important;
}
.filters-wrapper .filter-col .options .option {
padding: 5px 4px;
cursor: pointer;
}
.filters-wrapper .filter-col .options .option:not(:last-child) {
border-bottom: 1px solid #777777;
}
.filters-wrapper .filter-col .options .option.active {
background: #FDCA00;
}
.filters-wrapper .filter-col .options .option:hover {
opacity: 0.67;
}
.filters-wrapper .delete-filters {
padding: 10px 20px;
height: 40px;
font-size: 20px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
background-color: #FDCA00;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
transition: all 0.3s ease;
}
.filters-wrapper.cat-filter {
border: none !important;
justify-content: space-between;
align-items: flex-end;
}
.filters-wrapper.cat-filter .filter-col {
min-width: 19vw;
flex-basis: unset;
}
.filters-wrapper.cat-filter .filter-col .label {
padding-right: 15px;
}
.filters-wrapper.cat-filter .filter-col.order {
min-width: unset;
flex-basis: auto;
width: auto;
}
.filters-wrapper.cat-filter .filter-col.order span {
font-size: 14px;
line-height: 16px;
}
.filters-wrapper.cat-filter .filter-col.order .label {
width: auto;
height: auto;
background-color: transparent;
} .home #heading {
background-color: white;
display: block;
}
.home #heading .container {
width: 100%;
position: relative;
}
.home #heading .container .slider {
width: 100%;
height: auto;
}
.home #heading .container .slider .slide {
width: 100%;
height: auto;
position: relative;
}
.home #heading .container .slider .slide .background {
width: 100%;
height: 80vh;
position: relative;
}
.home #heading .container .slider .slide .background img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.home #heading .container .slider .slide .title {
position: absolute;
left: 7vw;
bottom: 80px;
max-width: 25vw;
}
.home #heading .container .slider .slide .title h2 {
color: #fff;
font-size: 80px;
line-height: 90px;
font-family: "eurostile", sans-serif;
font-weight: 700;
display: block;
}
.home #heading .container .slider .slide .btn {
position: absolute;
right: 7vw;
bottom: 80px;
}
.home #heading .container .slider .slide .btn a {
padding: 10px 20px;
max-width: 250px;
height: 50px;
font-size: 20px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
background-color: #FDCA00;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
transition: all 0.3s ease;
}
.home #heading .container .slider .slide .btn a span {
color: #0A2C68;
transition: all 0.3s ease;
}
.home #heading .container .slider .slide .btn:hover a {
background-color: #0a2c68;
}
.home #heading .container .slider .slide .btn:hover a span {
color: #FDCA00;
}
.home #heading .container .slider .slick-next {
right: 30px;
}
.home #heading .container .slider .slick-next::before {
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/arrow-next.svg);
}
.home #heading .container .slider .slick-prev {
left: 30px;
}
.home #heading .container .slider .slick-prev::before {
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/arrow-prev.svg);
}
.home #heading .container .slider .slick-next, .home #heading .container .slider .slick-prev {
width: 63px;
height: 50px;
opacity: 1;
z-index: 99;
}
.home #heading .container .slider .slick-next::before, .home #heading .container .slider .slick-prev::before {
content: "" !important;
position: absolute;
left: 0;
top: 0;
opacity: 1;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.home #heading .container .tax-navigation {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
width: 78vw;
height: 80px;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.home #heading .container .tax-navigation::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background: #FDCA00;
z-index: 0;
pointer-events: none;
transform: skewX(-11deg);
}
.home #heading .container .tax-navigation .nav-item {
width: calc(100% / 8);
flex-basis: calc(100% / 8);
height: 100%;
position: relative;
z-index: 1;
}
.home #heading .container .tax-navigation .nav-item a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 100%;
width: 100%;
position: relative;
padding-bottom: 7px;
}
.home #heading .container .tax-navigation .nav-item a .icon, .home #heading .container .tax-navigation .nav-item a .text {
position: relative;
z-index: 2;
}
.home #heading .container .tax-navigation .nav-item a .icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2px;
}
.home #heading .container .tax-navigation .nav-item a .icon img {
display: block;
}
.home #heading .container .tax-navigation .nav-item a .icon img:last-child {
display: none;
}
.home #heading .container .tax-navigation .nav-item a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #0A2C68;
z-index: 2;
transform: skewX(-11deg) scaleX(0);
transform-origin: left;
transition: all 0.3s ease;
pointer-events: none;
}
.home #heading .container .tax-navigation .nav-item a:hover::before {
transform: skewX(-11deg);
}
.home #heading .container .tax-navigation .nav-item a:hover .icon img:first-child {
display: none;
}
.home #heading .container .tax-navigation .nav-item a:hover .icon img:last-child {
display: block;
}
.home #heading .container .tax-navigation .nav-item a:hover .text span {
color: #fff;
}
.home #heading .container .tax-navigation .nav-item:not(:last-child) a::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 2px;
height: 100%;
background: #DEA300;
transform: rotate(11deg);
z-index: 1;
}
.home #first {
display: block;
}
.home #first .container {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
margin-top: 110px;
margin-bottom: 65px;
}
.home #first .container .left {
width: 49%;
flex-basis: 49%;
padding-right: 10vw;
}
.home #first .container .right {
width: 51%;
flex-basis: 51%;
}
.home #first .container .right p {
margin-top: 0;
}
.home #second {
background-color: white;
display: block;
}
.home #second .container {
display: flex;
margin-bottom: 110px;
}
.home #second .container .nav-row {
width: 100%;
}
.home #third {
display: block;
}
.home #third .container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative; }
.home #third .container .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 100px;
}
.home #third .container .title h2 {
display: inline-block;
width: auto;
position: relative;
}
.home #third .container .title h2::before {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #FDCA00;
left: -20px;
bottom: -17px;
transform: skewX(-11deg);
z-index: -1;
}
.home #third .container .slick-slide {
margin-right: 90px !important;
}
.home #third .container .slick-list {
padding-right: 0px !important;
padding-left: 7px !important;
margin-right: -80px !important;
}
.home #third .container .slick-next {
right: -5.2vw;
}
.home #third .container .slick-next::before {
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/slider-arrow-next.svg);
}
.home #third .container .slick-prev {
left: -5.2vw;
}
.home #third .container .slick-prev::before {
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/slider-arrow-prev.svg);
}
.home #third .container .slick-next, .home #third .container .slick-prev {
width: 40px;
height: 150px;
top: 50%;
transform: translateY(-50%);
background: #E4E4E4;
opacity: 1;
z-index: 99;
}
.home #third .container .slick-next::before, .home #third .container .slick-prev::before {
content: "" !important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 1;
width: 10px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.home #third .container .slick-dots {
position: absolute;
top: -125px;
bottom: auto;
width: auto;
right: 0;
left: auto;
}
.home #third .container .slick-dots li {
width: 25px;
height: 20px;
}
.home #third .container .slick-dots li button {
width: 25px;
height: 20px;
transform: skewX(-11deg);
background: #E4E4E4 !important;
}
.home #third .container .slick-dots li button::before {
display: none !important;
}
.home #third .container .slick-dots li.slick-active button {
background: #FDCA00 !important;
}
.home #third .container .iva {
position: absolute;
bottom: -25px;
right: -25px;
font-size: 12px;
}
.home #third .container .product-info {
z-index: 9998;
} .tax-campo-di-applicazione .breadcrumb, .tax-product_cat .breadcrumb, .search .breadcrumb, .woocommerce-shop .breadcrumb {
top: 31vw;
}
.tax-campo-di-applicazione #heading, .tax-product_cat #heading, .search #heading, .woocommerce-shop #heading {
display: block;
}
.tax-campo-di-applicazione #heading .container, .tax-product_cat #heading .container, .search #heading .container, .woocommerce-shop #heading .container {
display: flex;
}
.tax-campo-di-applicazione #heading .container .image, .tax-product_cat #heading .container .image, .search #heading .container .image, .woocommerce-shop #heading .container .image {
width: 100%;
height: 29vw;
}
.tax-campo-di-applicazione #heading .container .image img, .tax-product_cat #heading .container .image img, .search #heading .container .image img, .woocommerce-shop #heading .container .image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tax-campo-di-applicazione #info, .tax-product_cat #info, .search #info, .woocommerce-shop #info {
margin-top: 8vw;
display: block;
}
.tax-campo-di-applicazione #info .container, .tax-product_cat #info .container, .search #info .container, .woocommerce-shop #info .container {
display: flex;
flex-flow: row wrap;
margin-top: 60px;
align-items: flex-start;
margin-bottom: 60px;
}
.tax-campo-di-applicazione #info .container .left, .tax-product_cat #info .container .left, .search #info .container .left, .woocommerce-shop #info .container .left {
width: 35%;
padding-right: 8vw;
}
.tax-campo-di-applicazione #info .container .left .title, .tax-product_cat #info .container .left .title, .search #info .container .left .title, .woocommerce-shop #info .container .left .title {
position: relative;
}
.tax-campo-di-applicazione #info .container .left .title::before, .tax-product_cat #info .container .left .title::before, .search #info .container .left .title::before, .woocommerce-shop #info .container .left .title::before {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #FDCA00;
left: -28px;
top: -10px;
transform: skewX(-11deg);
z-index: -1;
}
.tax-campo-di-applicazione #info .container .right, .tax-product_cat #info .container .right, .search #info .container .right, .woocommerce-shop #info .container .right {
width: 65%;
padding-right: 11.5vw;
display: flex;
flex-direction: column;
}
.tax-campo-di-applicazione #filters, .tax-product_cat #filters, .search #filters, .woocommerce-shop #filters {
display: block;
}
.tax-campo-di-applicazione #filters .container, .tax-product_cat #filters .container, .search #filters .container, .woocommerce-shop #filters .container {
margin-bottom: 65px;
}
.tax-campo-di-applicazione #loop .product-info, .tax-product_cat #loop .product-info, .search #loop .product-info, .woocommerce-shop #loop .product-info {
z-index: 9998;
}
.tax-campo-di-applicazione #loop .iva, .tax-product_cat #loop .iva, .search #loop .iva, .woocommerce-shop #loop .iva {
position: absolute;
bottom: -25px;
right: -25px;
font-size: 12px;
} .woocommerce-message {
font-size: 16px;
line-height: 20px;
display: block;
text-align: center;
margin: 0;
padding: 10px 25px;
border: 0;
width: 100%;
background: #18c023;
color: #fff !important;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.woocommerce-message::before {
display: none !important;
}
.woocommerce-message a {
display: none !important;
}
.woocommerce-info {
font-size: 16px;
line-height: 20px;
display: block;
text-align: center;
margin: 0;
padding: 10px 25px;
border: 0;
width: 100%;
background: #FDCA00;
color: #0A2C68 !important;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.woocommerce-info::before {
display: none !important;
}
.woocommerce-info a {
display: none !important;
}
.woocommerce-error {
font-size: 16px;
line-height: 20px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 10px 25px;
border: 0;
width: 100%;
background: #e32323;
color: #fff !important;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.woocommerce-error::before {
display: none !important;
}
.woocommerce-error a {
display: none !important;
}
.woocommerce-error li {
font-size: 16px;
line-height: 20px;
color: #fff;
}
.woocommerce-error li:not(:last-child) {
margin-bottom: 8px;
}
.single-product #heading {
display: block;
margin-top: 200px;
}
.single-product #heading .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
margin-top: 50px;
}
.single-product #heading .container .left, .single-product #heading .container .right {
width: 50%;
flex-basis: 50%;
}
.single-product #heading .container .left {
padding-right: 130px;
}
.single-product #heading .container .left .gallery {
width: 100%;
position: relative;
}
.single-product #heading .container .left .gallery .image {
width: 100%;
height: 34.8vw;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 9;
}
.single-product #heading .container .left .gallery .image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.single-product #heading .container .left .gallery::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 82%;
height: 100%;
z-index: 99;
transform: skew(-11deg) translateY(-50%);
border: 2px solid #E4E4E4;
}
.single-product #heading .container .left .slick-next {
right: 30px;
}
.single-product #heading .container .left .slick-next::before {
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/arrow-next.svg);
}
.single-product #heading .container .left .slick-prev {
left: 30px;
}
.single-product #heading .container .left .slick-prev::before {
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/arrow-prev.svg);
}
.single-product #heading .container .left .slick-next, .single-product #heading .container .left .slick-prev {
width: 63px;
height: 50px;
opacity: 1;
z-index: 99;
}
.single-product #heading .container .left .slick-next::before, .single-product #heading .container .left .slick-prev::before {
content: "" !important;
position: absolute;
left: 0;
top: 0;
opacity: 1;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.single-product #heading .container .right {
padding-right: 140px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.single-product #heading .container .right .title {
position: relative;
}
.single-product #heading .container .right .title::before {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #FDCA00;
left: -28px;
top: -10px;
transform: skewX(-11deg);
z-index: -1;
}
.single-product #heading .container .right .woocommerce-variation-availability {
position: absolute !important;
left: 0 !important;
top: -30px !important;
}
.single-product #heading .container .right .woocommerce-variation-availability .available-on-backorder {
color: #e32323 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
margin-top: 0 !important;
}
.single-product #heading .container .right .sku {
margin-bottom: 10px;
margin-top: 30px;
}
.single-product #heading .container .right .sku span {
display: block;
color: #777777;
}
.single-product #heading .container .right .badge {
margin: 10px 0;
display: flex;
align-items: center;
}
.single-product #heading .container .right .badge .image:not(:last-child) {
margin-right: 15px;
}
.single-product #heading .container .right a.reset_variations {
display: none !important;
}
.single-product #heading .container .right .action-wrapper {
position: relative;
}
.single-product #heading .container .right .action-wrapper .blocco-iscriviti {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #0A2C68;
min-height: 40px;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.single-product #heading .container .right .action-wrapper .blocco-iscriviti span {
color: #fff;
}
.single-product #heading .container .right .action-wrapper .single_variation_wrap {
display: flex;
align-items: flex-end;
justify-content: flex-start;
position: relative;
}
.single-product #heading .container .right .action-wrapper form.cart {
margin-top: 55px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 50px;
}
.single-product #heading .container .right .action-wrapper form.cart.simple {
align-items: flex-end;
}
.single-product #heading .container .right .action-wrapper p.stock.out-of-stock {
display: none !important;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container {
display: flex;
flex-direction: column;
position: relative;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container span.label {
color: #777777;
display: block;
position: absolute;
top: -29px;
left: 0;
width: 100%;
font-size: 16px;
line-height: 16px;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variation-selected {
border: 2px solid #E4E4E4;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 134px;
padding: 5px 10px;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variation-selected:hover {
opacity: 0.65;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variation-selected div {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variation-selected img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variations-options {
display: flex;
flex-flow: row wrap;
position: absolute;
top: 0;
left: calc(100% - 2px);
transition: opacity 0.2s ease, transform 0.33s ease;
z-index: 999;
background: #fff;
border: 2px solid #E4E4E4;
max-width: 26.25vw;
min-width: 22vw;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variations-options:not(.active) {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateX(-10px);
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variations-options .cfvsw-swatches-option {
border: 0 !important;
width: calc(100% / 5);
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variations-options .cfvsw-swatches-option:not(:nth-child(5n)) {
border-right: 2px solid #E4E4E4;
}
.single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variations-options .cfvsw-swatches-option div, .single-product #heading .container .right .action-wrapper .cfvsw-swatches-container.cfvsw-product-container .variations-options .cfvsw-swatches-option img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
display: block;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-add-to-cart {
display: flex;
align-items: flex-end;
}
.single-product #heading .container .right .action-wrapper button.single_add_to_cart_button {
background: #FDCA00 !important;
color: #0A2C68 !important;
height: 50px;
border-radius: 0 !important;
opacity: 1 !important;
text-transform: uppercase !important;
padding-left: 40px !important;
padding-right: 40px !important;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.single-product #heading .container .right .action-wrapper button.single_add_to_cart_button.outofstock {
background: #e32323 !important;
color: #fff !important;
}
.single-product #heading .container .right .action-wrapper .quantity {
width: 100px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px;
position: relative;
padding-left: 5px;
padding-bottom: 5px;
}
.single-product #heading .container .right .action-wrapper .quantity button {
background: none;
border: 0;
font-family: "myriad-pro", sans-serif;
color: #777777;
font-size: 20px;
line-height: 20px;
padding: 0;
position: relative;
z-index: 2;
font-weight: bold;
cursor: pointer;
}
.single-product #heading .container .right .action-wrapper .quantity input.qty {
font-family: "myriad-pro", sans-serif;
color: #777777;
font-size: 20px;
line-height: 20px;
width: 35px;
border: 0;
font-weight: bold;
display: flex;
align-items: center;
position: relative;
z-index: 2;
justify-content: center;
}
.single-product #heading .container .right .action-wrapper .quantity::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
border: 2px solid #E4E4E4;
background: transparent;
z-index: 0;
transform: skewX(-11deg);
}
.single-product #heading .container .right .action-wrapper .iva {
position: absolute;
bottom: -24px;
font-size: 12px;
width: 100%;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price {
text-align: center;
margin-left: 50px;
width: 140px;
height: 50px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
flex-direction: column;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price * {
font-size: 20px;
line-height: 20px;
color: #fff;
font-weight: 700;
position: relative;
z-index: 9;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #0093D3, #0A2C68);
transform: skewX(-11deg);
z-index: -1;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price del {
font-size: 14px;
line-height: 15px;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price del * {
font-size: 14px;
line-height: 15px;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price ins {
text-decoration: none;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price ins * {
text-decoration: none;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price.unlogged .price {
margin-left: 0;
}
.single-product #heading .container .right .action-wrapper .simple-product {
display: flex;
align-items: flex-end;
position: relative;
}
.single-product #heading .container .right .action-wrapper .simple-product .price {
text-align: center;
margin-left: 50px;
width: 140px;
height: 50px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
flex-direction: column;
}
.single-product #heading .container .right .action-wrapper .simple-product .price * {
font-size: 20px;
line-height: 20px;
color: #fff;
font-weight: 700;
position: relative;
z-index: 9;
}
.single-product #heading .container .right .action-wrapper .simple-product .price::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #0093D3, #0A2C68);
transform: skewX(-11deg);
z-index: -1;
}
.single-product #heading .container .right .action-wrapper .simple-product .price ins {
text-decoration: none;
}
.single-product #heading .container .right .action-wrapper .simple-product .price ins * {
text-decoration: none;
}
.single-product #heading .container .right .action-wrapper .simple-product .price .regular span bdi {
font-size: 14px;
text-decoration: line-through;
}
.single-product #heading .container .right .action-wrapper .simple-product .price .regular span bdi span {
font-size: 14px;
}
.single-product #heading .container .right .action-wrapper .simple-product .price.unlogged {
margin-left: 0;
}
.single-product #heading .container .right .action-wrapper .sconto {
position: absolute;
left: 0px;
bottom: 0;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 20px;
color: #0A2C68;
font-weight: 700;
}
.single-product #heading .container .right .action-wrapper .sconto::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #FDCA00;
transform: skewX(-11deg);
z-index: -1;
}
.single-product #heading .container .right .action-wrapper .sconto.unlogged {
display: none;
}
.single-product #heading .container .right .notices {
margin-top: 30px;
width: 100%;
}
.single-product #first {
display: block;
}
.single-product #first .container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
margin-top: 70px;
}
.single-product #first .container .left, .single-product #first .container .right {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-product #first .container .left.simple, .single-product #first .container .right.simple {
width: 100%;
flex-basis: 100%;
}
.single-product #first .container .left .title, .single-product #first .container .right .title {
margin-bottom: 30px;
}
.single-product #first .container .left {
padding-right: 130px;
}
.single-product #first .container .left .text {
white-space: pre-line;
}
.single-product #first .container .left .text p {
white-space: pre-line;
margin-top: 0;
}
.single-product #first .container .left .text ul {
margin-top: -15px;
}
.single-product #first .container .left .download-datasheet {
position: relative;
background: #FDCA00 !important;
color: #0A2C68 !important;
height: 40px;
border-radius: 0 !important;
opacity: 1 !important;
text-transform: uppercase !important;
padding-left: 40px !important;
padding-right: 40px !important;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
line-height: 40px;
font-weight: 700;
}
.single-product #first .container .left .download-datasheet::after {
content: "";
position: absolute;
right: 15px;
top: 0;
z-index: 99;
width: 20px;
height: 100%;
background-color: #FDCA00;
background-image: url(//www.ravenolitalia.it/wp-content/themes/ravenol-child/assets/svg/dropdown.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
}
.single-product #first .container .right .scheda-tecnica {
display: flex;
flex-direction: column;
width: 100%;
}
.single-product #first .container .right .scheda-tecnica .item {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
background: #EEEEEE;
}
.single-product #first .container .right .scheda-tecnica .item .label {
width: calc(23% - 1px);
flex-basis: calc(23% - 1px);
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px;
border-right: 2px solid #fff;
}
.single-product #first .container .right .scheda-tecnica .item .label span {
font-weight: bold;
line-height: 21px;
}
.single-product #first .container .right .scheda-tecnica .item .values {
width: calc(77% - 1px);
flex-basis: calc(77% - 1px);
display: flex;
align-items: flex-start;
justify-content: center;
padding: 20px;
flex-direction: column;
}
.single-product #first .container .right .scheda-tecnica .item .values span {
line-height: 23px;
}
.single-product #first .container .right .scheda-tecnica .item:nth-child(even) {
background: #F5F5F5;
}
.single-product #related {
display: block;
}
.single-product #related .container {
display: flex;
flex-direction: column;
margin-top: 100px;
}
.single-product #related .container .title {
padding-bottom: 55px;
border-bottom: 2px solid #E4E4E4;
margin-bottom: 55px;
display: flex;
justify-content: center;
}
.single-product #related .container .title h2 {
display: inline-block;
width: auto;
position: relative;
}
.single-product #related .container .title h2::before {
content: "";
position: absolute;
width: 80px;
height: 80px;
background: #FDCA00;
left: -28px;
top: -10px;
transform: skewX(-11deg);
z-index: -1;
}
.single-product #related .container .product-info {
z-index: 9998;
}
.single-product #related .container .iva {
position: absolute;
bottom: -25px;
right: -25px;
font-size: 12px;
} .woocommerce-account #content.site-content {
min-height: unset !important;
}
.woocommerce-account header.entry-header.alignwide {
display: none;
}
.woocommerce-account .woocommerce-notices-wrapper {
width: 100%;
}
.woocommerce-account .woocommerce-notices-wrapper:not(:empty) {
margin-bottom: 50px;
}
.woocommerce-account div#customer_login {
min-height: calc(94vh);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 7.5vw;
}
.woocommerce-account #login-box {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.woocommerce-account .u-column1.col-1, .woocommerce-account .u-column2.col-2 {
background: #fff;
min-height: 400px;
padding: 35px;
width: 500px;
position: relative;
}
.woocommerce-account .u-column1.col-1 .woocommerce-privacy-policy-text p, .woocommerce-account .u-column2.col-2 .woocommerce-privacy-policy-text p {
font-size: 12px;
line-height: 16px;
}
.woocommerce-account .u-column1.col-1 p, .woocommerce-account .u-column2.col-2 p {
font-size: 12px;
line-height: 16px;
margin: 0;
}
.woocommerce-account .u-column1.col-1 p.woocommerce-LostPassword.lost_password, .woocommerce-account .u-column2.col-2 p.woocommerce-LostPassword.lost_password {
margin-top: 5px;
display: block;
margin-bottom: 20px;
}
.woocommerce-account .u-column1.col-1 form, .woocommerce-account .u-column2.col-2 form {
border: none;
margin: 0;
padding: 0;
margin-top: 26px;
}
.woocommerce-account .u-column1.col-1 form input, .woocommerce-account .u-column1.col-1 form select, .woocommerce-account .u-column2.col-2 form input, .woocommerce-account .u-column2.col-2 form select {
font-family: "myriad-pro", sans-serif;
}
.woocommerce-account .u-column1.col-1 form label, .woocommerce-account .u-column2.col-2 form label {
font-size: 20px;
line-height: 27px;
display: block;
margin-bottom: 4px;
display: none;
}
.woocommerce-account .u-column1.col-1 form button, .woocommerce-account .u-column2.col-2 form button {
border-radius: 30px;
}
.woocommerce-account .u-column1.col-1 form select, .woocommerce-account .u-column1.col-1 form input:not([type="checkbox"]), .woocommerce-account .u-column2.col-2 form select, .woocommerce-account .u-column2.col-2 form input:not([type="checkbox"]) {
height: 50px;
border: 1px solid #0A2C68;
border-radius: 0;
padding-left: 7px;
font-size: 18px;
color: #0A2C68;
}
.woocommerce-account .u-column1.col-1 form p.form-row:last-child, .woocommerce-account .u-column2.col-2 form p.form-row:last-child {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-account .u-column1.col-1 form p.form-row:last-child::before, .woocommerce-account .u-column1.col-1 form p.form-row:last-child::after, .woocommerce-account .u-column2.col-2 form p.form-row:last-child::before, .woocommerce-account .u-column2.col-2 form p.form-row:last-child::after {
display: none;
}
.woocommerce-account .u-column1.col-1 form label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme, .woocommerce-account .u-column2.col-2 form label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: flex;
align-items: center;
}
.woocommerce-account .u-column1.col-1 form label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span, .woocommerce-account .u-column2.col-2 form label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
font-size: 16px;
line-height: 16px;
display: block;
margin-left: 4px;
}
.woocommerce-account .u-column1.col-1 form p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide:first-child, .woocommerce-account .u-column2.col-2 form p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide:first-child {
margin-bottom: 8px;
}
.woocommerce-account .u-column1.col-1 form [type="submit"], .woocommerce-account .u-column2.col-2 form [type="submit"] {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
height: 50px;
width: 280px;
background: #FDCA00;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
border-radius: 0;
border: 0;
color: #0A2C68;
font-size: 18px;
line-height: 18px;
transition: all 0.3s ease;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.woocommerce-account .u-column1.col-1 form [type="submit"]:hover, .woocommerce-account .u-column2.col-2 form [type="submit"]:hover {
background: #0A2C68;
color: #fff;
}
.woocommerce-account .u-column1.col-1 form .show-password-input, .woocommerce-account .u-column2.col-2 form .show-password-input {
top: 38%;
}
.woocommerce-account .u-column1.col-1 form .form-row, .woocommerce-account .u-column2.col-2 form .form-row {
width: 100%;
}
.woocommerce-account .u-column1.col-1 .gruppo label, .woocommerce-account .u-column2.col-2 .gruppo label {
display: block;
}
.woocommerce-account .u-column1.col-1 .gruppo label .required, .woocommerce-account .u-column2.col-2 .gruppo label .required {
display: none;
}
.woocommerce-account .u-column1.col-1 .ragione-sociale, .woocommerce-account .u-column1.col-1 .piva, .woocommerce-account .u-column2.col-2 .ragione-sociale, .woocommerce-account .u-column2.col-2 .piva {
display: none;
}
.woocommerce-account .u-column1.col-1 {
margin-right: 40px;
}
.woocommerce-account .u-column2.col-2 {
margin-left: 40px;
}
.woocommerce-account .u-column2.col-2 form {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.woocommerce-account .u-column2.col-2 form p.form-row.form-row-wide.mailchimp-newsletter {
order: 3;
width: 40%;
display: flex;
align-items: center;
}
.woocommerce-account .u-column2.col-2 form p.form-row.form-row-wide.mailchimp-newsletter * {
font-size: 12px;
line-height: 16px;
}
.woocommerce-account .u-column2.col-2 form p.form-row.form-row-wide.mailchimp-newsletter input {
margin-right: 4px;
}
.woocommerce-account .u-column2.col-2 form .woocommerce-privacy-policy-text {
order: 2;
margin: 30px 0;
margin-bottom: 55px;
}
.woocommerce-account .u-column2.col-2 form p.woocommerce-form-row.form-row:first-child {
width: 100%;
}
.woocommerce-account .u-column2.col-2 form p.woocommerce-form-row.form-row:nth-child(2) {
width: 100%;
}
.woocommerce-account .u-column2.col-2 form p.woocommerce-form-row.form-row:last-child {
order: 4;
width: 60%;
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
}
.woocommerce-account #footer-top {
display: none;
}
.woocommerce-account footer {
margin-top: 40px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-account #account-section {
min-height: 60vh;
width: 100%;
display: flex;
flex-flow: row wrap;
padding-top: 180px;
align-items: flex-start;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 30px 55px;
position: relative;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #0A2C68;
z-index: -1;
transform: skewX(-11deg);
left: 0;
top: 0;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation ul li:not(:last-child) {
margin-bottom: 15px;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation ul li a {
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
min-height: 23px;
color: #fff;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation ul li.is-active a {
font-family: "myriad-pro", sans-serif;
text-decoration: underline;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation ul li:hover a {
font-family: "myriad-pro", sans-serif;
text-decoration: underline;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content {
padding-left: 100px;
padding-top: 10px;
padding-right: 60px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .hello {
font-size: 40px;
line-height: 40px;
margin: 0;
margin-top: 70px;
margin-bottom: 4px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .logout {
font-size: 20px;
line-height: 20px;
margin: 0;
margin-bottom: 40px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .intro {
font-size: 16px;
line-height: 20px;
width: 60%;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .intro-addresses {
margin: 70px 0 40px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
margin-bottom: 25px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > p {
width: 49%;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper > p:nth-child(2n) {
margin-left: 2%;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-error, .woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-info, .woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-message {
width: 100%;
margin-top: 16px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content form label {
display: none;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content form h3 {
margin-bottom: 30px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content form input:not([type="checkbox"]) {
height: 50px;
border: 1.5px solid #E4E4E4;
padding: 0 20px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content form [type="submit"] {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 290px;
border: 0;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
transition: all 0.3s ease;
font-size: 18px;
line-height: 18px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content form [type="submit"]:hover {
background: #0A2C68;
color: #fff;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .u-column1.col-1 {
border-right: 0 !important;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .u-column1.col-1 address {
border-right: 0 !important;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .woocommerce-Address {
padding: 0;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .woocommerce-Address .woocommerce-Address-title h3 {
font-size: 30px;
line-height: 30px;
font-family: "eurostile", sans-serif;
margin-bottom: 25px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .woocommerce-Address .link-box {
display: block;
text-align: left;
margin-top: 30px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .woocommerce-Address .link-box .link {
display: inline-flex;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set .woocommerce-Address address {
padding: 20px;
border: 1px solid #0A2C68;
font-style: normal;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content header.woocommerce-Address-title.title {
display: flex;
align-items: center;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content header.woocommerce-Address-title.title .edit {
margin-left: auto;
margin-right: 30px;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses > div {
margin: 0 !important;
width: 50%;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent {
display: flex;
flex-direction: column;
align-items: flex-start;
border: 1px solid #0A2C68;
box-shadow: #bababa 0 0 5px;
border-bottom: none;
width: 100% !important;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead {
width: 100%;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 30px;
position: relative;
width: 100%;
border-bottom: 1px solid #0A2C68;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr th, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr td, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr th, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr td {
border-bottom: none !important;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr .name span, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr .name span {
font-size: 25px;
color: #0A2C68;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr a, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr a {
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding: 0 25px;
height: 50px;
background-color: #FDCA00;
color: #0A2C68;
transition: all 0.3s ease;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr a:hover, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr a:hover {
background-color: #0A2C68;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent tbody tr a:hover span, .woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr a:hover span {
color: #fff;
}
.woocommerce-account #account-section .woocommerce-MyAccount-content .users-for-agent thead tr {
padding: 0 30px;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders {
margin-top: 70px;
border: 0;
border-bottom: 1px solid #0A2C68;
border-top: 0;
border-spacing: 0;
border-radius: 0;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td {
border-top: 1px solid #0A2C68;
border-right: 1px solid #0A2C68;
font-size: 20px;
line-height: 23px;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td:first-child {
border-left: 1px solid #0A2C68;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders th {
font-size: 20px;
font-family: "myriad-pro", sans-serif;
line-height: 24px;
text-transform: none;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
text-align: center;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .link:not(.view) {
display: none !important;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
background: #0A2C68;
color: #fff;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total * {
color: #fff;
font-family: "myriad-pro", sans-serif;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders a.woocommerce-button {
display: inline-flex;
border-radius: 34px;
font-size: 16px !important;
}
.woocommerce-account.woocommerce-orders .woocommerce-orders-table.woocommerce-MyAccount-orders td:last-child {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.woocommerce-account.woocommerce-orders .woocommerce-pagination {
display: flex;
justify-content: space-between;
}
.woocommerce-account.woocommerce-orders .woocommerce-pagination .woocommerce-button--next {
margin-left: auto;
}
.woocommerce-account.woocommerce-view-order mark {
background-color: none;
background: none;
font-family: "myriad-pro", sans-serif;
color: #0A2C68;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
border: 0 !important;
border-left: 1px solid #0A2C68;
border-right: 1px solid #0A2C68;
border-spacing: 0;
margin-bottom: 0;
margin-top: 30px;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr th {
border: 0 !important;
font-size: 20px;
line-height: 20px;
font-family: "myriad-pro", sans-serif;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td {
border-bottom: 1px solid #0A2C68;
border-top: 0 !important;
padding: 0 !important;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-thumbnail {
width: 195px;
border-right: 1px solid #0A2C68 !important;
position: relative;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-thumbnail .thumb-img {
width: 100%;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-thumbnail .thumb-img a {
width: 100%;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-thumbnail .thumb-img a img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .sku {
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
writing-mode: tb-rl;
font-family: "myriad-pro", sans-serif;
display: block;
transform: rotate(-180deg) translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;
top: 10px;
left: 9px;
position: absolute;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-name {
padding-left: 30px !important;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-name a {
font-size: 24px;
line-height: 28px;
display: block;
margin-bottom: 0px;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td.product-name span.attributes {
margin-top: 0px;
display: block;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td:first-child {
border-left: 1px solid #0A2C68 !important;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td:last-child {
border-right: 1px solid #0A2C68 !important;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name > a, .woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name > span, .woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name > strong {
display: flex;
align-items: center;
justify-content: flex-start;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name > a {
width: 50%;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name > span, .woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr td .order-product-name > strong {
width: 25%;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
}
.woocommerce-account.woocommerce-view-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr:first-child td {
border-top: 1px solid #0A2C68 !important;
}
.woocommerce-account.woocommerce-view-order .tfoot {
display: flex;
flex-direction: column;
width: 100%;
border-left: 1px solid #0A2C68;
border-right: 1px solid #0A2C68;
border-bottom: 1px solid #0A2C68;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row {
height: 55px;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
border-bottom: 1px solid #0A2C68;
padding: 0 30px;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row:last-child {
border-bottom: none;
background: #0A2C68;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row:last-child * {
color: #fff !important;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row .label {
min-width: 11.5vw;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row .label span {
font-family: "myriad-pro", sans-serif;
font-size: 20px;
line-height: 20px;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row .value {
min-width: 20vw;
display: flex;
justify-content: flex-end;
align-items: center;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row .value span {
font-family: "myriad-pro", sans-serif;
font-size: 16px;
line-height: 18px;
}
.woocommerce-account.woocommerce-view-order .tfoot .total-row small.shipped_via {
font-size: 16px !important;
}
.woocommerce-account.woocommerce-view-order .order-note {
padding: 20px;
display: flex;
width: 100%;
align-items: flex-start;
border: 1px solid #0A2C68;
margin-top: 22px;
}
.woocommerce-account.woocommerce-view-order .order-note .label {
width: 65px;
display: flex;
}
.woocommerce-account.woocommerce-view-order .order-note .label span {
font-family: "myriad-pro", sans-serif;
font-size: 20px;
line-height: 24px;
}
.woocommerce-account.woocommerce-view-order .order-note .value {
font-size: 20px;
line-height: 24px;
color: #0A2C68;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-column {
width: 50%;
flex-basis: 50%;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-columns {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details h2.woocommerce-column__title {
font-size: 40px;
line-height: 40px;
font-family: "myriad-pro", sans-serif;
margin-bottom: 25px;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details address {
padding: 20px;
border: 1px solid #0A2C68;
font-style: normal;
border-radius: 0;
min-height: 330px;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details .woocommerce-column--1 address {
border-right: 0;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details p.woocommerce-customer-details--phone, .woocommerce-account.woocommerce-view-order .woocommerce-customer-details p.woocommerce-customer-details--email {
padding-left: 0;
}
.woocommerce-account.woocommerce-view-order .woocommerce-customer-details p.woocommerce-customer-details--phone::before, .woocommerce-account.woocommerce-view-order .woocommerce-customer-details p.woocommerce-customer-details--email::before {
display: none;
} .woocommerce-cart {
padding-top: 200px;
}
.woocommerce-cart #content.site-content {
min-height: unset !important;
}
.woocommerce-cart .title {
margin-bottom: 30px;
}
.woocommerce-cart .title h1 {
position: relative;
}
.woocommerce-cart .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.woocommerce-cart .woocommerce-notices-wrapper {
margin-bottom: 30px;
}
.woocommerce-cart .cart-wrapper {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form {
width: 67%;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table {
border: 0;
border-radius: 0;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table td {
border-color: #E4E4E4 !important;
padding: 0 16px;
border-top: 0;
border-bottom: 1.5px solid #E4E4E4;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr:last-child {
display: none;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-thumbnail {
width: 100px;
height: 100px;
border: 1.5px solid #E4E4E4;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-thumbnail a, .woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-name a {
color: #0A2C68;
font-size: 20px;
line-height: 25px;
font-weight: bold;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-sku {
white-space: nowrap;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-attribute {
white-space: nowrap;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-subtotal span, .woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-subtotal * {
color: #0A2C68;
font-size: 20px;
line-height: 25px;
font-weight: bold;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr {
position: relative;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr td a, .woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr td span {
color: #777777;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr td:last-child {
border-right: 1.5px solid #e4e4e4;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-quantity {
white-space: nowrap;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-quantity button {
background: none;
border: none;
font-family: "myriad-pro", sans-serif;
color: #777777;
font-size: 18px;
line-height: 18px;
cursor: pointer;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-quantity input {
border: none;
background: none;
font-family: "myriad-pro", sans-serif;
color: #777777;
font-size: 18px;
line-height: 18px;
width: 30px;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-remove {
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
border: 0 !important;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody .product-remove a.remove {
width: 21px;
height: 21px;
font-size: 21px;
line-height: 21px;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr:first-child td {
border-top: 1.5px solid #E4E4E4;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table thead tr {
border: 0;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table thead tr th {
border: 0;
color: #777777;
font-weight: 400;
}
.woocommerce-cart .cart-wrapper .cart-collaterals {
width: 33%;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cross-sells {
display: none !important;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals {
width: 100%;
padding-left: 60px;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals h2 {
font-size: 30px;
line-height: 30px;
margin-bottom: 15px;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table {
border-radius: 0;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr td, .woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr th {
border-width: 1.5px;
padding: 20px;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr tbody tr:last-child th, .woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr tbody tr:last-child td {
border-bottom: 0;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr.order-total {
background: #0A2C68;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr.order-total th, .woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr.order-total td {
color: #fff;
padding: 30px 20px;
border-top: 0;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr.order-total th span, .woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals table tr.order-total td span {
font-size: 20px;
line-height: 20px;
font-weight: bold;
color: #fff;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .wc-proceed-to-checkout {
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .wc-proceed-to-checkout a {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 290px;
border: 0;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
transition: all 0.3s ease;
font-size: 18px;
line-height: 18px;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .wc-proceed-to-checkout a:hover {
background: #0A2C68;
color: #fff;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .woocommerce-shipping-calculator {
display: none !important;
} .select2-container .select2-selection--single {
height: 50px;
border-radius: 0;
border: 1.5px solid #E4E4E4;
}
.select2-container .select2-selection--single * {
font-family: "myriad-pro", sans-serif;
font-size: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 100%;
display: flex;
align-items: center;
padding-left: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 43px;
}
body.woocommerce-checkout {
padding-top: 200px;
}
body.woocommerce-checkout #content.site-content {
min-height: unset !important;
}
body.woocommerce-checkout .title {
margin-bottom: 30px;
}
body.woocommerce-checkout .title h1 {
position: relative;
}
body.woocommerce-checkout .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
body.woocommerce-checkout .woocommerce-notices-wrapper:not(:empty) {
margin-bottom: 30px;
}
body.woocommerce-checkout .checkout-wrapper {
margin-top: 50px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout {
display: flex;
flex-flow: row wrap;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
width: 100%;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout:not(:empty) {
margin-bottom: 65px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details {
width: 55%;
display: flex;
flex-direction: column;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details > div {
float: unset;
width: 100%;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details p label {
display: none;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details p input {
height: 50px;
border-radius: 0;
border: 1.5px solid #E4E4E4;
padding-left: 18px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details p#billing_country_field, body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details p#shipping_country_field {
display: flex;
align-items: center;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-billing-fields__field-wrapper, body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: flex;
flex-flow: row wrap;
width: 100%;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-billing-fields__field-wrapper p, body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-shipping-fields__field-wrapper p {
width: 49%;
flex-basis: 49%;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-billing-fields__field-wrapper p:nth-child(2n), body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-shipping-fields__field-wrapper p:nth-child(2n) {
margin-left: 2%;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details #ship-to-different-address {
margin-top: 20px;
margin-bottom: 25px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details #ship-to-different-address label {
display: flex;
align-items: center;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details #ship-to-different-address label span {
font-size: 12px;
line-height: 12px;
color: #777777;
text-transform: uppercase;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details textarea {
height: 170px;
padding: 18px;
border: 1.5px solid #E4E4E4;
font-family: "myriad-pro", sans-serif;
resize: none;
margin-top: 25px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right {
width: 45%;
padding-left: 40px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review_heading {
font-size: 30px;
line-height: 30px;
margin-bottom: 15px;
margin-top: -42px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review table {
border-radius: 0;
border-top: 0;
border-spacing: 0;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review table thead {
display: none;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review table .order-total th, body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review table .order-total td {
padding: 25px 20px;
background: #0A2C68;
color: #fff;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review table .order-total th span, body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #order_review table .order-total td span {
color: #fff;
font-size: 20px;
line-height: 20px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment {
background: none;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment > ul {
padding: 5px;
padding-bottom: 30px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment label {
font-size: 20px;
line-height: 20px;
color: #0A2C68;
font-weight: bold;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment .payment_box {
background: none;
margin: 0;
padding: 0;
margin-top: 0px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment .payment_box::before {
display: none;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment .payment_box p {
font-size: 16px;
line-height: 20px;
margin-top: 5px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment .form-row.place-order {
padding: 5px 0;
padding-top: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment .form-row.place-order p {
font-size: 14px;
line-height: 16px;
color: #707070;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment button#place_order {
width: 290px;
height: 50px;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
margin-top: 30px;
transition: all 0.3s ease;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right #payment button#place_order:hover {
background: #0A2C68;
color: #fff;
} .woocommerce-lost-password .woocommerce-notices-wrapper {
width: 100%;
}
.woocommerce-lost-password .woocommerce-notices-wrapper:empty {
display: none;
}
.woocommerce-lost-password .lost-password-container {
min-height: calc(90vh);
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 0 7.5vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .left, .woocommerce-lost-password .lost-password-container form.lost_reset_password .right {
background: #fff;
min-height: 28vw;
padding: 35px 50px 40px 50px;
width: 50%;
border: 1px solid #0A2C68;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .left {
border-right: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .left.column {
align-items: flex-start;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right h1 {
margin-bottom: 30px;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right .woocommerce-form-row {
width: 100%;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right .woocommerce-form-row.form-row-last {
margin-bottom: 40px;
margin-top: 10px;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right label {
font-size: 20px;
line-height: 27px;
display: block;
margin-bottom: 4px;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right button {
border-radius: 0px;
margin-left: auto !important;
display: block;
margin-bottom: -50px !important;
width: 290px;
height: 50px;
background: #FDCA00;
color: #0A2C68;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
margin: 0 auto;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right button:hover {
color: #fff;
background: #0A2C68;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right input:not([type="checkbox"]) {
height: 50px;
border: 1px solid #0A2C68;
border-radius: 0;
padding-left: 7px;
font-size: 18px;
color: #0A2C68;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right p.form-row:last-child {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right p.form-row:last-child::before, .woocommerce-lost-password .lost-password-container form.lost_reset_password .right p.form-row:last-child::after {
display: none;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display: flex;
align-items: center;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
font-size: 16px;
line-height: 16px;
display: block;
margin-left: 4px;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide:first-child {
margin-bottom: 8px;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right .woocommerce-password-hint {
display: block;
font-size: 16px;
line-height: 20px;
padding: 0;
margin: 12px 0;
}
.woocommerce-lost-password .lost-password-container form.lost_reset_password .right .woocommerce-password-strength {
font-size: 16px;
padding: 0px;
}
.woocommerce-lost-password .lost-password-container.confirmation .woocommerce-message {
margin-top: 0 !important;
width: 100%;
margin-bottom: 0 !important;
}
.woocommerce-lost-password .lost-password-container.confirmation .link-box {
display: block;
margin-top: 45px;
text-align: center;
}
.woocommerce-lost-password .lost-password-container.confirmation .link-box .link {
display: inline-flex;
}
.woocommerce-lost-password .lost-password-container .confirmation-container {
width: 100%;
background: #fff;
border: 1px solid #0A2C68;
padding: 55px;
} .blog {
padding-top: 200px;
}
.blog #content.site-content {
min-height: unset !important;
}
.blog #heading {
margin-top: 50px;
}
.blog #heading .container {
margin-bottom: 60px;
}
.blog #heading .container .title h1 {
position: relative;
}
.blog #heading .container .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.blog #loop .news {
width: 100%;
padding: 0 12vw;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.blog #loop .news .single-news {
width: calc(100% / 3 - (140px / 3));
flex-basis: calc(100% / 3 - (140px / 3));
display: flex;
box-shadow: 5px 5px 15px #00000023;
margin-bottom: 85px;
}
.blog #loop .news .single-news:not(:nth-child(3n)) {
margin-right: 70px;
}
.blog #loop .news .single-news a {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.blog #loop .news .single-news a .news-heading {
width: 100%;
display: flex;
flex-flow: row wrap;
height: 50px;
}
.blog #loop .news .single-news a .news-heading .label {
width: 42%;
flex-basis: 42%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 30px;
clip-path: polygon(0% 0%, 100% 0%, calc(100% - 11px) 100%, 0% 100%);
background: linear-gradient(to right, #0A2C68, #0093D3);
}
.blog #loop .news .single-news a .news-heading .label span {
color: #fff;
font-size: 20px;
line-height: 20px;
font-weight: bold;
}
.blog #loop .news .single-news a .news-heading .date {
width: 58%;
flex-basis: 58%;
background: #fff;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 25px;
}
.blog #loop .news .single-news a .news-heading .date span {
color: #707070;
font-weight: bold;
}
.blog #loop .news .single-news a .thumbnail {
width: 100%;
height: 10.6vw;
}
.blog #loop .news .single-news a .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.blog #loop .news .single-news a .title {
width: 100%;
background: #fff;
min-height: 8vw;
padding: 30px;
}
.blog #loop .news .single-news a .title h2 {
font-size: 18px;
line-height: 24px;
color: #0A2C68;
font-weight: bold;
}
.blog #loop .news .single-news a .button {
width: 290px;
height: 50px;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
text-transform: uppercase;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.blog #loop .news .single-news a .button:hover {
color: #fff;
background: #0A2C68;
}
.single-post {
padding-top: 200px;
}
.single-post .container.boxed {
padding: 0 18.2vw;
margin-top: 50px;
}
.single-post #heading .container {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.single-post #heading .container .title {
margin-bottom: 15px;
}
.single-post #heading .container .title h1 {
position: relative;
}
.single-post #heading .container .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.single-post #heading .container .date {
margin-bottom: 15px;
}
.single-post #heading .container .date span {
color: #707070;
font-weight: bold;
}
.single-post #heading .container .image {
width: 100%;
}
.single-post #heading .container .image img {
width: 100%;
height: auto;
display: block;
}
.single-post #post .container {
display: flex;
flex-direction: column;
}
.single-post #post .container .element {
width: 100%;
margin: 20px 0;
}
.single-post #post .container p:first-child {
margin-top: 0;
}
.single-post #post .container p:last-child {
margin-bottom: 0;
}
.single-post #post .container img {
width: 100%;
height: auto;
display: block;
}
.single-post #post .container .back {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 50px 0;
}
.single-post #post .container .back .button {
width: 290px;
height: 50px;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
text-transform: uppercase;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.single-post #post .container .back .button:hover {
color: #fff;
background: #0A2C68;
}
.page-template-template-garanzia #first .breadcrumb, .page-template-template-politica-ambientale #first .breadcrumb {
top: 30vw;
}
.page-template-template-garanzia #first .top, .page-template-template-politica-ambientale #first .top {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
min-height: 28.6vw;
}
.page-template-template-garanzia #first .container, .page-template-template-politica-ambientale #first .container {
margin-top: 50px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 3.2vw 6.5vw;
}
.page-template-template-garanzia #first .container .title, .page-template-template-politica-ambientale #first .container .title {
width: 100%;
margin-bottom: 15px;
}
.page-template-template-garanzia #first .container .title h1, .page-template-template-politica-ambientale #first .container .title h1 {
position: relative;
}
.page-template-template-garanzia #first .container .title h1::before, .page-template-template-politica-ambientale #first .container .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-garanzia #first .container .text, .page-template-template-politica-ambientale #first .container .text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5.7vw;
}
.page-template-template-garanzia #first .container .text .par1, .page-template-template-garanzia #first .container .text .par2, .page-template-template-politica-ambientale #first .container .text .par1, .page-template-template-politica-ambientale #first .container .text .par2 {
width: 41vw;
}
.page-template-template-garanzia #first .container .text .par1 p, .page-template-template-garanzia #first .container .text .par2 p, .page-template-template-politica-ambientale #first .container .text .par1 p, .page-template-template-politica-ambientale #first .container .text .par2 p {
font-size: 18px;
line-height: 24px;
color: #707070;
}
.page-template-template-garanzia #first .separator, .page-template-template-politica-ambientale #first .separator {
width: 100%;
height: 1px;
padding: 0 6.5vw;
position: relative;
}
.page-template-template-garanzia #first .separator .content, .page-template-template-politica-ambientale #first .separator .content {
width: 100%;
height: 1px;
background-color: #E4E4E4;
}
.page-template-template-garanzia #first .container2, .page-template-template-politica-ambientale #first .container2 {
width: 100%;
padding: 85px 0;
display: flex;
align-content: center;
justify-content: flex-start;
gap: 5.7vw;
}
.page-template-template-garanzia #first .container2 .div-img, .page-template-template-politica-ambientale #first .container2 .div-img {
width: 47.4vw;
height: auto;
position: relative;
}
.page-template-template-garanzia #first .container2 .div-img img, .page-template-template-politica-ambientale #first .container2 .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-template-garanzia #first .container2 .text, .page-template-template-politica-ambientale #first .container2 .text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.page-template-template-garanzia #first .container2 .text .title, .page-template-template-politica-ambientale #first .container2 .text .title {
margin-bottom: 15px;
}
.page-template-template-garanzia #first .container2 .text .title h2, .page-template-template-politica-ambientale #first .container2 .text .title h2 {
position: relative;
}
.page-template-template-garanzia #first .container2 .text .title h2::before, .page-template-template-politica-ambientale #first .container2 .text .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-garanzia #first .container2 .text .par, .page-template-template-politica-ambientale #first .container2 .text .par {
width: 41vw;
}
.page-template-template-garanzia #first .container2 .text .par p, .page-template-template-politica-ambientale #first .container2 .text .par p {
font-size: 18px;
line-height: 24px;
color: #707070;
}
.page-id-5201 #first .container2 {
padding-left: 10.2vw;
gap: 9.4vw;
}
.page-id-5201 #first .container2 .div-img {
width: 33.5vw;
}
.page-template-template-tecnologia-usvo #first .breadcrumb {
top: 30vw;
}
.page-template-template-tecnologia-usvo #first .top {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
min-height: 28.6vw;
}
.page-template-template-tecnologia-usvo #first .container {
margin-top: 50px;
padding: 0 6.5vw;
width: 100vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 3.2vw 6.5vw;
gap: 55px;
}
.page-template-template-tecnologia-usvo #first .container .title {
margin-bottom: 15px;
}
.page-template-template-tecnologia-usvo #first .container .title h1 {
position: relative;
margin-left: 29px;
}
.page-template-template-tecnologia-usvo #first .container .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-tecnologia-usvo #first .container .text {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 0px;
}
.page-template-template-tecnologia-usvo #first .container .text .sottotitolo .title {
display: flex;
gap: 15px;
}
.page-template-template-tecnologia-usvo #first .container .text .sottotitolo .title .testo {
margin-top: 9px;
position: relative;
}
.page-template-template-tecnologia-usvo #first .container .text .sottotitolo .title .quadrato {
width: 54.7px;
height: 70px;
background: #FDCA00;
transform: skewX(-11deg);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-tecnologia-usvo #first .container .text .sottotitolo .title .quadrato h2 {
text-align: center;
}
.page-template-template-tecnologia-usvo #first .container .text .par1 p {
font-size: 18px;
line-height: 24px;
color: #707070;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale {
padding: 65px 6.5vw;
padding-top: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 1.5vw;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale .text {
width: 54vw;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 27px;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale .text .sottotitolo h2 {
position: relative;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale .text .sottotitolo p {
font-size: 18px;
line-height: 24px;
color: #707070;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale .div-img {
position: relative;
width: 31vw;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale .div-img img {
width: 100%;
height: auto;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella {
width: 100vw;
padding: 0 6.5vw;
position: relative;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text {
width: 100%;
display: flex;
justify-content: flex-start;
gap: 5.5vw;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo1 {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 30vw;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo1 .title {
display: flex;
gap: 15px;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo1 .title .testo {
margin-top: 9px;
position: relative;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo1 .title .quadrato {
width: 87px;
height: 70px;
background: #FDCA00;
transform: skewX(-11deg);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo1 .title .quadrato h2 {
text-align: center;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo2 {
width: 51.7vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo2 .title {
display: flex;
gap: 15px;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo2 .title .testo {
margin-top: 9px;
position: relative;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo2 .title .quadrato {
width: 87px;
height: 70px;
background: #FDCA00;
transform: skewX(-11deg);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo2 .title .quadrato h2 {
text-align: center;
}
.page-template-template-tecnologia-usvo #first .tabella {
width: 100vw;
padding: 100px 6.5vw;
position: relative;
}
.page-template-template-tecnologia-usvo #first .tabella .sottotitolo {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-tecnologia-usvo #first .tabella .sottotitolo .title {
display: flex;
gap: 15px;
}
.page-template-template-tecnologia-usvo #first .tabella .sottotitolo .title .testo {
margin-top: 9px;
position: relative;
}
.page-template-template-tecnologia-usvo #first .tabella .sottotitolo .title .quadrato {
width: 54.7px;
height: 70px;
background: #FDCA00;
transform: skewX(-11deg);
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-tecnologia-usvo #first .tabella .sottotitolo .title .quadrato h2 {
text-align: center;
}
.page-template-template-tecnologia-usvo #first .tabella table {
margin-top: 77px;
width: 100%;
font-size: 18px;
line-height: 18px;
}
.page-template-template-tecnologia-usvo #first .tabella table thead th {
padding-left: 20px;
height: 50px;
width: calc(100% / 3);
background-color: #0A2C68;
color: white;
font-weight: bold;
text-align: start;
}
.page-template-template-tecnologia-usvo #first .tabella table tbody tr td {
padding-left: 20px;
height: 50px;
width: calc(100% / 3);
background-color: #F5F5F5;
color: #0A2C68;
}
.page-template-template-tecnologia-usvo #first .tabella table tbody :nth-child(2n) td {
background-color: #EEEEEE;
}
.page-template-template-azienda #first {
width: 100vw;
position: relative;
}
.page-template-template-azienda #first .img-sticky {
position: absolute;
display: inline-block;
z-index: -1;
}
.page-template-template-azienda #first .img-sticky.top {
top: 98px;
left: 242px;
}
.page-template-template-azienda #first .img-sticky.top img {
width: 13vw;
height: auto;
}
.page-template-template-azienda #first .img-sticky.right {
top: 232px;
right: 0;
}
.page-template-template-azienda #first .img-sticky.right img {
width: 26.5vw;
height: auto;
}
.page-template-template-azienda #first .container {
position: relative;
padding: 0 6.5vw;
padding-top: 200px;
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-azienda #first .container .div-img {
display: flex;
width: 100vw;
align-items: center;
justify-content: center;
}
.page-template-template-azienda #first .container .div-img img {
width: 20vw;
height: auto;
object-fit: cover;
}
.page-template-template-azienda #first .container .text {
padding-top: 77px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-azienda #first .container .text p {
font-size: 18px;
line-height: 24px;
color: #707070;
width: 34vw;
}
.page-template-template-azienda #first .separator-wrapper {
width: 100vw;
position: relative;
padding: 60px 6.5vw;
}
.page-template-template-azienda #first .separator-wrapper .separator {
height: 2px;
width: 100%;
background-color: #E4E4E4;
}
.page-template-template-azienda #first .timeline {
position: relative;
}
.page-template-template-azienda #first .timeline .title {
padding-left: 6.5vw;
margin-bottom: 15px;
}
.page-template-template-azienda #first .timeline .title h2 {
position: relative;
margin-left: 29px;
}
.page-template-template-azienda #first .timeline .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-azienda #first .timeline .horizontal-timeline {
-ms-overflow-style: none; scrollbar-width: none; padding-left: 6.5vw;
transition: all 0.2s;
padding-top: 80px;
position: relative;
display: flex;
width: 100%;
margin: 0;
overflow-y: hidden;
overflow-x: auto;
}
.page-template-template-azienda #first .timeline .horizontal-timeline::-webkit-scrollbar {
display: none;
}
.page-template-template-azienda #first .timeline .horizontal-timeline.active {
cursor: grabbing;
cursor: -webkit-grabbing;
transform: scale(1.02);
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event {
display: flex;
width: 324px;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .div-img {
width: 158px;
margin-bottom: 40px;
position: relative;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .div-img img {
width: 100%;
height: auto;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .div-img .year {
position: absolute;
bottom: -18px;
left: -38px;
width: 95px;
height: 50px;
background: linear-gradient(to right, #0093D3, #0A2C68 60%);
transform: skewX(-11deg);
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .div-img .year p {
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: white;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .line {
display: flex;
align-items: center;
justify-content: flex-start;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .line .cerchio {
width: 23px;
height: 23px;
border-radius: 50px;
border: 2px solid #0A2C68;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .line .linea {
width: 297px;
height: 2px;
background-color: #0A2C68;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .descrizione {
width: 250px;
}
.page-template-template-azienda #first .timeline .horizontal-timeline .single-event .descrizione p {
font-size: 18px;
line-height: 24px;
color: #707070;
}
.page-template-template-azienda #first .text-wrapper {
padding: 100px 6vw 0px 6.5vw;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5.8vw;
}
.page-template-template-azienda #first .text-wrapper .par {
width: 41vw;
}
.page-template-template-azienda #first .text-wrapper .par p {
font-size: 18px;
line-height: 24px;
color: #707070;
}
.page-template-template-contatti #first {
padding: 0 6.5vw;
padding-top: 230px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-contatti #first .title {
width: 920px;
margin-bottom: 81px;
}
.page-template-template-contatti #first .title h1 {
font-family: "eurostile", sans-serif;
position: relative;
margin-left: 29px;
}
.page-template-template-contatti #first .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-contatti #first .form {
width: 920px;
}
.page-template-template-contatti #first .form .gform_wrapper .gform-body .input-text input {
height: 50px;
border: 1px solid #E4E4E4;
}
.page-template-template-contatti #first .form .gform_wrapper .gform-body .input-textarea textarea {
height: 173px;
border: 1px solid #E4E4E4;
}
.page-template-template-contatti #first .form .gform_wrapper .gform-body .check .ginput_container .gfield_checkbox .gchoice input {
width: 10px;
height: 10px;
border: 2px solid #E4E4E4;
}
.page-template-template-contatti #first .form .gform_wrapper .gform-body .check .ginput_container .gfield_checkbox .gchoice label {
color: #777777;
font-size: 12px;
}
.page-template-template-contatti #first .form .gform_footer {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-contatti #first .form .gform_footer #gform_submit_button_1 {
width: 266px;
height: 50px;
background: #FDCA00;
transform: skewX(-11deg);
font-size: 18px;
line-height: 24px;
border: none;
font-weight: bold;
color: #0A2C68;
text-transform: uppercase;
transition: all 0.3s ease;
}
.page-template-template-contatti #first .form .gform_footer #gform_submit_button_1:hover {
background: #0A2C68;
color: #fff;
}
.page-template-template-ricerca-lubrificante #first .top-page {
margin-top: 50px;
padding-top: 200px;
display: flex;
gap: 11.2vw;
justify-content: flex-start;
align-items: flex-start;
}
.page-template-template-ricerca-lubrificante #first .top-page .text {
margin-left: 6.5vw;
width: 44vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-ricerca-lubrificante #first .top-page .text .title {
margin-bottom: 15px;
}
.page-template-template-ricerca-lubrificante #first .top-page .text .title h1 {
position: relative;
}
.page-template-template-ricerca-lubrificante #first .top-page .text .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-ricerca-lubrificante #first .top-page .div-img {
position: relative;
width: 20vw;
}
.page-template-template-ricerca-lubrificante #first .top-page .div-img img {
width: 100%;
height: auto;
}
.page-template-template-ricerca-lubrificante #first .frame {
padding-left: 6.5vw;
width: 100vw;
display: flex;
align-items: center;
justify-content: flex-start;
}
.page-template-template-ricerca-lubrificante #first .frame iframe {
width: 85vw;
height: 975px;
}
.page-template-template-negozi #first .text {
margin-top: 50px;
width: 100vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0 6.5vw;
padding-top: 200px;
}
.page-template-template-negozi #first .text .title {
margin-bottom: 15px;
}
.page-template-template-negozi #first .text .title h1 {
position: relative;
}
.page-template-template-negozi #first .text .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-negozi #first .map {
width: 100vw;
padding: 0 6.5vw;
}
.page-template-template-negozi #first .map .loghi-categorie {
width: 100%;
margin-top: 2.6vw;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
justify-content: space-between;
}
.page-template-template-negozi #first .map .loghi-categorie .div-img {
padding-top: 20px;
width: calc(100% / 3 - (20vw / 3));
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-negozi #first .map .loghi-categorie .div-img img {
width: 100%;
height: auto;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component {
margin-top: 30px;
margin-bottom: 30px;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component[data-inizio="1"] .wpgmza-marker-grid {
display: none;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component[data-inizio="1"] .wpgmza-reset {
display: none;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .visible {
display: flex;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .wpgmza-marker-grid {
display: none !important;
width: calc(100% / 5 - (200px / 5));
margin: 0;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .wpgmza-marker-grid .single-negozio .single-negozio-content {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .wpgmza-marker-grid .single-negozio .single-negozio-content img {
height: 50px;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .wpgmza-marker-grid .single-negozio .single-negozio-content .testo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .wpgmza-marker-grid .single-negozio .single-negozio-content .testo .titolo {
font-weight: bold;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component div button {
width: 130px;
height: 40px;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
margin-left: 25px;
text-transform: uppercase;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.page-template-template-negozi #first .map .wpgmza-standalone-component div button:hover {
color: #fff;
background: #0A2C68;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component div div input {
border: 1px solid #E4E4E4;
color: #777777;
font-size: 18px;
height: 40px;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component div div select {
border: 1px solid #E4E4E4;
color: #777777;
font-size: 18px;
height: 40px;
margin-left: 5px;
}
.page-template-template-negozi #first .map #wpgmza_map_1 img {
height: 50px;
width: auto;
}
.woocommerce-order-received .woocommerce-order {
padding: 0 5.2vw;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns .woocommerce-column .woocommerce-column__title {
min-height: 106px;
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content .woocommerce-order-details table tbody tr td {
padding: 9px 12px !important;
line-height: 1.5em;
}
.page-template-template-packaging #first {
padding: 0 5.2vw;
position: relative;
}
.page-template-template-packaging #first .heading {
width: 100%;
padding-top: 200px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-packaging #first .heading .title {
margin-bottom: 15px;
}
.page-template-template-packaging #first .heading .title h1 {
position: relative;
}
.page-template-template-packaging #first .heading .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-packaging #first .heading .container {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
position: relative;
}
.page-template-template-packaging #first .heading .container .paragrafo {
width: 60%;
}
.page-template-template-packaging #first .heading .container .div-img {
width: 35%;
position: relative;
}
.page-template-template-packaging #first .heading .container .div-img img {
width: 100%;
height: auto;
}
.page-template-template-packaging #first .table .single-item {
width: 100%;
}
.page-template-template-packaging #first .table .single-item .item-title {
margin-bottom: 30px;
}
.page-template-template-packaging #first .table .single-item .item-title h2 {
position: relative;
}
.page-template-template-packaging #first .table .single-item .item-title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-packaging #first .table .single-item .item-container {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 100px;
position: relative;
}
.page-template-template-packaging #first .table .single-item .item-container .paragrafo {
width: 60%;
}
.page-template-template-packaging #first .table .single-item .item-container .div-img {
width: 30%;
position: relative;
}
.page-template-template-packaging #first .table .single-item .item-container .div-img img {
width: 100%;
height: auto;
}
.page-template-template-packaging #first .table .single-item .divisor {
width: 100%;
height: 2px;
background: #EEEEEE;
margin: 30px 0;
display: inline-block;
}
.page-template-template-packaging #first .table .single-item:nth-child(2) .divisor {
display: none;
}
.page-template-template-motorsport #first .breadcrumb {
top: 30vw;
}
.page-template-template-motorsport #first .top {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
min-height: 28.6vw;
}
.page-template-template-motorsport #first .heading {
margin-top: 100px;
padding: 0 5.2vw;
margin-bottom: 5.2vw;
}
.page-template-template-motorsport #first .heading .title {
margin-bottom: 15px;
}
.page-template-template-motorsport #first .heading .title h1 {
position: relative;
}
.page-template-template-motorsport #first .heading .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-motorsport #first .heading .container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5.7vw;
}
.page-template-template-motorsport #first .heading .container .text {
width: 41vw;
}
.page-template-template-motorsport #first .heading .container .div-img {
position: relative;
width: 41vw;
}
.page-template-template-motorsport #first .heading .container .div-img img {
width: 100%;
height: auto;
}
.page-template-template-motorsport #first .formula-1 {
position: relative;
margin-bottom: 5.2vw;
}
.page-template-template-motorsport #first .formula-1 .text {
padding: 0 5.2vw;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 5VW;
}
.page-template-template-motorsport #first .formula-1 .text .title {
margin-bottom: 30px;
}
.page-template-template-motorsport #first .formula-1 .text .title h2 {
position: relative;
}
.page-template-template-motorsport #first .formula-1 .text .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-motorsport #first .formula-1 .text .presentation {
width: 100%;
}
.page-template-template-motorsport #first .formula-1 .container {
padding: 0 5.2vw;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5.7vw;
}
.page-template-template-motorsport #first .formula-1 .container .paragraph {
width: 41vw;
}
.page-template-template-motorsport #first .formula-1 .container .images {
width: 41vw;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-motorsport #first .formula-1 .container .images .div-img {
width: 100%;
}
.page-template-template-motorsport #first .formula-1 .container .images .div-img img {
width: 100%;
height: auto;
}
.page-template-template-motorsport #first .formula-1 .container .images .loghi {
padding-top: 20px;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 50px;
margin-bottom: 5.4vw;
}
.page-template-template-motorsport #first .formula-1 .container .images .loghi .div-img {
position: relative;
height: 4.6vw;
}
.page-template-template-motorsport #first .formula-1 .container .images .loghi .div-img:nth-child(2) {
height: 5.7vw;
}
.page-template-template-motorsport #first .formula-1 .container .images .loghi .div-img img {
height: 100%;
width: auto;
}
.page-template-template-motorsport #first .formula-1 .auto {
width: 100vw;
}
.page-template-template-motorsport #first .formula-1 .auto img {
width: 100vw;
height: auto;
}
.page-template-template-motorsport #first .formula-234 {
padding: 0 5.2vw;
position: relative;
margin-bottom: 5.2vw;
}
.page-template-template-motorsport #first .formula-234 .text {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 2.6vw;
}
.page-template-template-motorsport #first .formula-234 .text .title {
margin-bottom: 30px;
}
.page-template-template-motorsport #first .formula-234 .text .title h2 {
position: relative;
}
.page-template-template-motorsport #first .formula-234 .text .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-motorsport #first .formula-234 .text .presentation {
width: 100%;
}
.page-template-template-motorsport #first .formula-234 .container {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5.7vw;
}
.page-template-template-motorsport #first .formula-234 .container .paragraph {
width: 41vw;
}
.page-template-template-motorsport #first .formula-234 .container .images {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 41vw;
position: relative;
}
.page-template-template-motorsport #first .formula-234 .container .images .div-img {
position: relative;
width: 100%;
}
.page-template-template-motorsport #first .formula-234 .container .images .div-img img {
width: 100%;
height: auto;
}
.page-template-template-motorsport #first .circuiti {
padding: 103px 5.2vw;
position: relative;
margin-bottom: 5.2vw;
background-color: #EEEEEE;
}
.page-template-template-motorsport #first .circuiti .text .title {
margin-bottom: 3vw;
}
.page-template-template-motorsport #first .circuiti .text .title h2 {
z-index: 1;
position: relative;
}
.page-template-template-motorsport #first .circuiti .text .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-motorsport #first .circuiti .all-circuiti {
width: 100%;
display: flex;
justify-content: center;
align-items: stretch;
gap: 5.7vw;
}
.page-template-template-motorsport #first .circuiti .all-circuiti .single-circuito {
width: 39vw;
padding: 20px 65px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
min-height: 23vw;
}
.page-template-template-motorsport #first .circuiti .all-circuiti .single-circuito::before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background-color: white;
position: absolute;
top: 0;
left: 0;
transform: skewX(-11deg);
box-shadow: 5px 5px 15px #0000002c;
}
.page-template-template-motorsport #first .circuiti .all-circuiti .single-circuito .div-img {
width: 11vw;
position: relative;
}
.page-template-template-motorsport #first .circuiti .all-circuiti .single-circuito .div-img img {
width: 100%;
height: auto;
}
.page-template-template-motorsport #first .circuiti .all-circuiti .single-circuito .paragraph {
z-index: 1;
width: 100%;
}
.page-template-template-motorsport #first .gran-turismo {
padding: 0 5.2vw;
position: relative;
margin-bottom: 5.2vw;
}
.page-template-template-motorsport #first .gran-turismo .container {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 5.7vw;
}
.page-template-template-motorsport #first .gran-turismo .container .text {
width: 41vw;
position: relative;
}
.page-template-template-motorsport #first .gran-turismo .container .text .title {
margin-bottom: 4.3vw;
}
.page-template-template-motorsport #first .gran-turismo .container .text .title h2 {
position: relative;
}
.page-template-template-motorsport #first .gran-turismo .container .text .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-motorsport #first .gran-turismo .container .text .paragraph {
width: 100%;
}
.page-template-template-motorsport #first .gran-turismo .container .div-img {
width: 41vw;
position: relative;
}
.page-template-template-motorsport #first .gran-turismo .container .div-img img {
width: 100%;
height: auto;
}
.page-template-template-bag-in-box #first .title {
padding: 0 5.5vw;
padding-top: 200px;
margin-bottom: 15px;
}
.page-template-template-bag-in-box #first .title h1 {
position: relative;
}
.page-template-template-bag-in-box #first .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-bag-in-box #first .heading {
width: 100vw;
padding: 0 5.5vw;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-template-template-bag-in-box #first .heading .left {
width: 60vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
position: relative;
}
.page-template-template-bag-in-box #first .heading .left .div-img {
width: 100%;
position: relative;
}
.page-template-template-bag-in-box #first .heading .left .div-img img {
width: 100%;
height: auto;
}
.page-template-template-bag-in-box #first .heading .left .icons {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
}
.page-template-template-bag-in-box #first .heading .left .icons .eco, .page-template-template-bag-in-box #first .heading .left .icons .spazio {
display: flex;
align-items: center;
gap: 7px;
}
.page-template-template-bag-in-box #first .heading .left .icons .eco .div-img, .page-template-template-bag-in-box #first .heading .left .icons .spazio .div-img {
width: 50px;
position: relative;
}
.page-template-template-bag-in-box #first .heading .left .icons .eco .div-img img, .page-template-template-bag-in-box #first .heading .left .icons .spazio .div-img img {
width: 100%;
height: auto;
}
.page-template-template-bag-in-box #first .heading .left .icons .eco .text span, .page-template-template-bag-in-box #first .heading .left .icons .spazio .text span {
font-size: 20px;
line-height: 25px;
}
.page-template-template-bag-in-box #first .heading .left .par {
width: 100%;
}
.page-template-template-bag-in-box #first .heading .right {
width: 30%;
position: relative;
}
.page-template-template-bag-in-box #first .heading .right .div-img {
width: 100%;
position: relative;
}
.page-template-template-bag-in-box #first .heading .right .div-img img {
width: 100%;
height: auto;
}
.page-template-template-bag-in-box #first .container {
width: 100%;
padding: 0 5.5vw;
position: relative;
}
.page-template-template-bag-in-box #first .container .text {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.page-template-template-bag-in-box #first .container .text .title {
padding: 0;
padding-top: 100px;
}
.page-template-template-bag-in-box #first .container .text .title h2 {
position: relative;
}
.page-template-template-bag-in-box #first .container .text .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-bag-in-box #first .container .text .par p {
width: 50%;
}
.page-template-template-bag-in-box #first .container .text .par p:first-child {
width: 40%;
}
.page-template-template-bag-in-box #first .container .all-scaffali {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale {
display: flex;
flex-direction: column;
width: 40%;
position: relative;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .div-img {
width: 100%;
position: relative;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .div-img img {
width: 100%;
height: auto;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .text .des, .page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .text .codice {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .btn-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .btn-wrapper a {
width: 40%;
position: relative;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .btn-wrapper a button {
width: 100%;
height: 40px;
background: #FDCA00;
color: #0A2C68;
text-transform: uppercase;
font-weight: bold;
font-family: "eurostile", sans-serif;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
margin-top: 15px;
border: none;
text-transform: uppercase;
clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale .btn-wrapper a button:hover {
color: #fff;
background: #0A2C68;
}
.page-template-template-bag-in-box #first .video-container {
width: 100vw;
padding: 0 5.5vw;
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
}
.page-template-template-bag-in-box #first .video-container .title {
padding: 0;
padding-top: 100px;
}
.page-template-template-bag-in-box #first .video-container .title h2 {
position: relative;
}
.page-template-template-bag-in-box #first .video-container .title h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-bag-in-box #first .video-container .video-wrapper {
padding-top: 30px;
width: 100%;
position: relative;
}
.page-template-template-bag-in-box #first .video-container .video-wrapper iframe {
width: 100%;
height: 40vw;
}
.page-template-template-tecnologia-cleansynto #first .title {
padding: 0 5.5vw;
padding-top: 200px;
margin-bottom: 15px;
}
.page-template-template-tecnologia-cleansynto #first .title h1 {
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .title h1::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-tecnologia-cleansynto #first .heading {
width: 100vw;
padding: 0 5.5vw;
position: relative;
display: flex;
flex-direction: column;
gap: 2.6vw;
}
.page-template-template-tecnologia-cleansynto #first .heading .text {
width: 100%;
display: flex;
flex-direction: column;
}
.page-template-template-tecnologia-cleansynto #first .heading .text .subtitle {
width: 100%;
padding: 0;
padding-top: 5.2vw;
}
.page-template-template-tecnologia-cleansynto #first .heading .text .subtitle h2 {
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .heading .text .subtitle h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-tecnologia-cleansynto #first .heading .text .par {
width: 100%;
}
.page-template-template-tecnologia-cleansynto #first .heading .container {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col {
width: 20%;
display: flex;
flex-direction: column;
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col .div-img {
width: 100%;
position: relative;
display: flex;
justify-content: flex-start;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col .div-img img {
width: 70%;
height: auto;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col .text {
width: 100%;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col::before {
content: "";
position: absolute;
display: inline-block;
color: #0A2C68;
top: 50%;
right: -2.5vw;
font-size: 80px;
font-weight: bold;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:first-child::before {
content: "+";
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(2) {
flex-direction: column-reverse;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3) {
width: 40%;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3) .text {
display: none;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3)::before {
content: "=";
right: auto;
left: -7vw;
}
.page-template-template-tecnologia-cleansynto #first .fornisce {
width: 100vw;
padding: 0 5.5vw;
display: flex;
flex-direction: column;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .subtitle {
padding: 5.2vw 0;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .subtitle h2 {
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .subtitle h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container .single-col {
width: 20%;
position: relative;
display: flex;
flex-direction: column;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container .single-col .div-img {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container .single-col .div-img img {
width: 70%;
height: auto;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container .single-col .text {
width: 100%;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container .single-col .text p {
text-align: center;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container {
width: 100vw;
padding: 0 5.5vw;
display: flex;
justify-content: space-between;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col {
width: 45%;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .text {
width: 100%;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .text .subtitle {
padding: 0;
padding-top: 5.2vw;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .text .subtitle h2 {
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .text .subtitle h2::before {
content: "";
position: absolute;
width: 75px;
height: 80px;
background: #FDCA00;
left: -22px;
top: -15px;
transform: skewX(-11deg);
z-index: -1;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .text .par {
width: 100%;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding-bottom: 50px;
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .text {
width: 40%;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img {
width: 30%;
position: relative;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img img {
width: 100%;
height: auto;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia {
position: absolute;
bottom: -75px;
right: -60px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia svg {
height: 90px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row:nth-child(2) .div-img .freccia {
right: auto;
left: -60px;
-webkit-transform: scaleX(-1) rotate(45deg);
transform: scaleX(-1) rotate(45deg);
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row:nth-child(3) .div-img .freccia {
display: none;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col:first-child::before {
content: "";
position: absolute;
display: inline-block;
top: 0;
right: -4.2vw;
width: 2px;
height: 100%;
background-color: #FDCA00;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col:nth-child(2) .images {
align-items: flex-start;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col:nth-child(2) .images .single-row {
flex-direction: row-reverse;
}
.page-template-template-base #content {
min-height: unset;
}
.page-template-template-base #first {
padding: 200px 8.4vw 6vw;
}
.error404 #content {
min-height: unset;
}
.error404 #first {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
min-height: 50vh;
flex-direction: column;
padding-top: 200px;
}
.error404 #first .title h1 {
font-size: 100px;
line-height: 110px;
}
.error404 #first .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.error404 #first .container a {
height: 50px;
padding: 0 40px;
background: #FDCA00;
transform: skewX(-11deg);
font-size: 18px;
line-height: 24px;
border: none;
font-weight: bold;
color: #0A2C68;
text-transform: uppercase;
transition: all 0.3s ease;
display: flex;
align-items: center;
}
.error404 #first .container a:hover {
background: #0A2C68;
color: #fff;
}
footer#colophon .content-inner {
padding: 0 5.2vw;
width: 100vw;
position: relative;
}
footer#colophon .content-inner .footer-inner {
background: #0A2C68;
clip-path: polygon(60px 0%, 100% 0%, calc(100% - 60px) 100%, 0% 100%);
width: 100%;
display: flex;
flex-wrap: wrap;
}
footer#colophon .content-inner .footer-inner .footer-col {
flex: unset;
width: calc(100% / 4);
padding: 50px 0;
padding-left: 6.25vw;
position: relative;
}
footer#colophon .content-inner .footer-inner .footer-col:nth-child(2n) {
padding-left: 4.7vw;
}
footer#colophon .content-inner .footer-inner .footer-col h2 {
color: #FDCA00;
text-transform: uppercase;
font-family: "eurostile", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
margin-bottom: 22px;
}
footer#colophon .content-inner .footer-inner .footer-col span {
color: #fff;
}
footer#colophon .content-inner .footer-inner .footer-col .footer-col-content {
display: flex;
flex-direction: column;
}
footer#colophon .content-inner .footer-inner .footer-col .footer-col-content span:not(:last-child) {
margin-bottom: 5px;
}
footer#colophon .content-inner .footer-inner .footer-col .footer-col-content span a {
color: #fff;
font-weight: 700;
}
footer#colophon .content-inner .footer-inner .footer-col:not(:last-child)::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: #d5d5d534;
transform: rotate(11deg);
}
footer#colophon .content-inner .footer-inner .footer-col:last-child img {
margin-top: 50px;
width: 70%;
height: auto;
object-fit: contain;
display: block;
}
footer#colophon .content-inner .footer-bottom .textwidget {
width: 100%;
}
footer#colophon .content-inner .footer-bottom .footer-bottom-content {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 30px;
}
footer#colophon .content-inner .footer-bottom .footer-bottom-content span, footer#colophon .content-inner .footer-bottom .footer-bottom-content a {
font-size: 14px;
line-height: 14px;
color: #777777;
}
#footer-top .container {
display: block;
width: 100%;
margin: 120px 0 150px;
}
#footer-top .container .nav-row {
justify-content: center;
}
#footer-top .container .nav-row .nav-item::before {
display: none !important;
}
#footer-top .container .nav-row .nav-item::after {
right: -15px;
}
@media only screen and (max-width: 1150px) {
footer#colophon .content-inner .footer-inner .footer-col a {
font-size: 13px !important;
}
footer#colophon .content-inner .footer-inner .footer-col h2 {
font-size: 22px !important;
}
#footer-top .container .nav-row .nav-item .title h3 {
font-size: 25px;
}
#footer-top .container .nav-row .nav-item .text p {
font-size: 15px;
}
footer#colophon .content-inner .footer-inner .footer-col span {
font-size: 13px;
}
}
@media only screen and (max-width: 1024px) {
footer#colophon .content-inner .footer-inner .footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: calc(100% / 2);
}
footer#colophon .content-inner .footer-inner .footer-col a {
font-size: 15px !important;
}
footer#colophon .content-inner .footer-inner .footer-col h2 {
font-size: 24px !important;
}
footer#colophon .content-inner .footer-inner .footer-col:first-child {
width: calc(100% / 2 + 34.47px);
}
footer#colophon .content-inner .footer-inner .footer-col:nth-child(2) {
width: calc(100% / 2 - 34.47px);
}
footer#colophon .content-inner .footer-inner .footer-col:nth-child(2n) {
align-items: flex-start;
padding-left: 8.7vw;
}
footer#colophon .content-inner .footer-inner .footer-col:not(:nth-child(2n))::before {
content: "";
position: absolute;
right: 12px;
bottom: 0;
width: 2px;
height: 100%;
background: #d5d5d534;
transform: rotate(6.5deg);
}
footer#colophon .content-inner .footer-inner .footer-col:nth-child(3)::before {
height: 295px;
}
#footer-top .container {
padding: 0 10vw;
}
#footer-top .container .nav-row {
justify-content: center;
}
#footer-top .container .nav-row .nav-item .title, #footer-top .container .nav-row .nav-item .text {
max-width: none;
}
footer#colophon .content-inner .footer-inner .footer-col span {
font-size: 15px;
}
}
@media only screen and (max-width: 800px) {
#footer-top .container {
padding: 0 5vw;
}
}
@media only screen and (max-width: 768px) {
footer#colophon .content-inner {
padding: 0 2.5vw;
}
footer#colophon .content-inner .footer-inner {
clip-path: unset;
align-items: flex-start;
}
footer#colophon .content-inner .footer-inner .footer-col {
padding-left: 0 !important;
width: 50% !important;
align-items: center !important;
}
footer#colophon .content-inner .footer-inner .footer-col a {
font-size: 15px !important;
}
footer#colophon .content-inner .footer-inner .footer-col h2 {
font-size: 24px !important;
}
footer#colophon .content-inner .footer-inner .footer-col::before {
content: none !important;
}
footer#colophon .content-inner .footer-inner .footer-col .footer-col-content {
align-items: center;
justify-content: center;
}
footer#colophon .content-inner .footer-inner .footer-col span {
text-align: center;
}
}
@media only screen and (max-width: 750px) {
footer#colophon .content-inner .footer-inner .footer-col a {
font-size: 13px !important;
}
footer#colophon .content-inner .footer-inner .footer-col h2 {
font-size: 22px !important;
}
}
@media only screen and (max-width: 600px) {
#footer-top .container .nav-row {
gap: 30px;
}
#footer-top .container .nav-row .nav-item {
width: calc(100%);
flex-basis: calc(100%);
}
#footer-top .container .nav-row .nav-item .title {
min-height: unset;
}
#footer-top .container .nav-row .nav-item .icon {
min-height: unset;
}
#footer-top .container .nav-row .nav-item::after {
content: none;
}
}
@media only screen and (max-width: 450px) {
footer#colophon .content-inner .footer-inner .footer-col {
width: 100% !important;
}
}
@media only screen and (max-width: 1680px) {
.blog #loop .news .single-news a .title h2 {
font-size: 16px;
line-height: 20px;
}
.blog #loop .news .single-news a .button {
width: 240px;
}
.home #heading .container h2 {
font-size: 70px !important;
line-height: 80px !important;
}
}
@media only screen and (max-width: 1500px) {
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia {
right: -45px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row:nth-child(2) .div-img .freccia {
left: -40px;
}
}
@media only screen and (max-width: 1440px) {
.home #heading .container .tax-navigation {
width: 90vw;
}
.page-template-template-azienda #first .img-sticky.right {
top: 0px;
}
.page-template-template-azienda #first .img-sticky.right img {
width: 280px;
height: auto;
}
.page-template-template-azienda #first .img-sticky.top {
left: 0;
top: 0;
}
.page-template-template-azienda #first .img-sticky.top img {
width: 180px;
height: auto;
}
.page-template-template-azienda #first .container .div-img img {
width: 350px;
}
.page-template-template-azienda #first .container .text {
padding-top: 40px;
}
.page-template-template-azienda #first .container .text p {
width: 100%;
}
.blog #loop .news {
justify-content: space-between;
}
.blog #loop .news .single-news {
margin-right: 0 !important;
width: calc(100% / 2 - (140px / 2));
flex-basis: calc(100% / 2 - (140px / 2));
}
.blog #loop .news .single-news a .title h2 {
font-size: 18px;
line-height: 24px;
}
.blog #loop .news .single-news a .button {
width: 290px;
}
.home #first .container.boxed.small {
padding: 0 10vw;
}
.tax-campo-di-applicazione #info .container .left, .tax-campo-di-applicazione #info .container .right, .tax-product_cat #info .container .left, .tax-product_cat #info .container .right, .search #info .container .left, .search #info .container .right, .woocommerce-shop #info .container .left, .woocommerce-shop #info .container .right {
width: 50%;
}
.tax-campo-di-applicazione #info .container .right, .tax-product_cat #info .container .right, .search #info .container .right, .woocommerce-shop #info .container .right {
padding-right: 0;
}
.page-template-template-contatti .site-content, .page-template-template-negozi .site-content, .page-template-template-ricerca-lubrificante .site-content {
padding-top: 30px;
}
body .breadcrumb {
top: 170px;
}
body .breadcrumb.foto {
top: 31vw;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .sconto {
right: 70px;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .price {
width: 100px;
}
.site-pop-up {
width: 75vw;
}
.filters-wrapper .filter-col:not(:last-child) {
margin-right: 20px;
}
.filters-wrapper .filter-col {
width: calc((100% / 4) - 70px);
flex-basis: calc((100% / 4) - 70px);
}
.products-loop .product-loop-item a .product-info span.price {
width: 120px;
}
.products-loop .product-loop-item a .product-info span.sconto {
right: 90px;
}
}
@media only screen and (max-width: 1400px) {
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .sconto, .tax-product_cat #loop .container .product-loop-item a .product-info .sconto, .search #loop .container .product-loop-item a .product-info .sconto, .woocommerce-shop #loop .container .product-loop-item a .product-info .sconto {
right: 70px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .price, .tax-product_cat #loop .container .product-loop-item a .product-info .price, .search #loop .container .product-loop-item a .product-info .price, .woocommerce-shop #loop .container .product-loop-item a .product-info .price {
width: 100px;
}
}
@media only screen and (max-width: 1350px) {
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .sconto {
right: 125px;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .price {
width: 155px;
}
}
@media only screen and (max-width: 1300px) {
.woocommerce-account #login-box {
flex-flow: nowrap;
}
.woocommerce-account #login-box .u-column1.col-1, .woocommerce-account #login-box .u-column2.col-2 {
width: 40vw;
}
.page-template-template-motorsport .heading .container {
flex-direction: column;
align-items: center !important;
}
.page-template-template-motorsport .heading .container .text {
width: 100% !important;
}
.page-template-template-motorsport .heading .container .div-img {
width: 70% !important;
}
.page-template-template-motorsport .formula-234 .container {
flex-direction: column;
align-items: center !important;
}
.page-template-template-motorsport .formula-234 .container .paragraph {
width: 100% !important;
}
.page-template-template-motorsport .formula-234 .container .images {
width: 70% !important;
}
.page-template-template-motorsport .gran-turismo .container {
flex-direction: column;
align-items: center !important;
}
.page-template-template-motorsport .gran-turismo .container .text {
width: 100% !important;
}
.page-template-template-motorsport .gran-turismo .container .div-img {
width: 70% !important;
}
.woocommerce-cart .cart-wrapper {
flex-direction: column;
align-items: center;
gap: 50px;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form {
width: 95vw;
}
.woocommerce-cart .cart-wrapper .cart-collaterals {
width: 80vw;
}
.woocommerce-cart .cart-wrapper .cart-collaterals .cart_totals {
padding-left: 0;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia {
right: -40px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia svg {
height: 70px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row:nth-child(2) .div-img .freccia {
left: -35px;
}
}
@media only screen and (max-width: 1250px) {
.page-template-template-ricerca-lubrificante #first .top-page {
gap: 10px;
margin-bottom: 50px;
flex-direction: column;
}
.page-template-template-ricerca-lubrificante #first .top-page .text {
width: 100vw;
margin: 0;
padding: 0 6.5vw;
}
.page-template-template-ricerca-lubrificante #first .top-page .div-img {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-ricerca-lubrificante #first .top-page .div-img img {
width: 40%;
}
.home #heading .container .tax-navigation {
width: 85vw;
}
.home #heading .container .tax-navigation .nav-item a .text span {
font-size: 14px;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .grid {
width: calc(100% / 4 - (150px / 4));
}
.tax-campo-di-applicazione #loop .container .product-loop-item, .tax-product_cat #loop .container .product-loop-item, .search #loop .container .product-loop-item, .woocommerce-shop #loop .container .product-loop-item {
width: calc(100% / 3 - (190px / 3));
flex-basis: calc(100% / 3 - (190px / 3));
}
.tax-campo-di-applicazione #loop .container .product-loop-item:not(:nth-child(4n)), .tax-product_cat #loop .container .product-loop-item:not(:nth-child(4n)), .search #loop .container .product-loop-item:not(:nth-child(4n)), .woocommerce-shop #loop .container .product-loop-item:not(:nth-child(4n)) {
margin-right: unset;
}
.tax-campo-di-applicazione #loop .container .product-loop-item:not(:nth-child(3n)), .tax-product_cat #loop .container .product-loop-item:not(:nth-child(3n)), .search #loop .container .product-loop-item:not(:nth-child(3n)), .woocommerce-shop #loop .container .product-loop-item:not(:nth-child(3n)) {
margin-right: 95px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .sconto, .tax-product_cat #loop .container .product-loop-item a .product-info .sconto, .search #loop .container .product-loop-item a .product-info .sconto, .woocommerce-shop #loop .container .product-loop-item a .product-info .sconto {
right: 125px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .price, .tax-product_cat #loop .container .product-loop-item a .product-info .price, .search #loop .container .product-loop-item a .product-info .price, .woocommerce-shop #loop .container .product-loop-item a .product-info .price {
width: 155px;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item {
width: calc(100% / 3 - (190px / 3));
flex-basis: calc(100% / 3 - (190px / 3));
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item:not(:nth-child(4n)) {
margin-right: unset;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item:not(:nth-child(3n)) {
margin-right: 95px;
}
.woocommerce-edit-address #account-section {
flex-direction: column;
align-items: center;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-navigation {
width: 85vw;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content {
width: 90vw;
padding-left: 0;
padding-right: 0;
}
.single-product #heading .container:has(.unlogged) {
flex-direction: column;
align-items: center;
}
.single-product #heading .container:has(.unlogged) .right {
padding-right: 0;
width: 100%;
}
.single-product #heading .container:has(.unlogged) .right p {
position: absolute;
right: 5.2vw;
width: 40vw;
top: 430px;
}
.single-product #heading .container:has(.unlogged) .right .action-wrapper {
margin-top: 400px;
}
.single-product #heading .container:has(.unlogged) .left {
position: absolute;
left: 5.2vw;
top: 400px;
}
.single-product #heading .container:has(.unlogged) .left .gallery {
width: 40vw;
}
.single-product #heading .container:has(.unlogged) .left .gallery .slick-prev {
left: 0;
}
.single-product #heading .container:has(.unlogged) .left .gallery .slick-next {
left: 83%;
}
.single-product #heading .container:has(.unlogged) .left .gallery .slick-list {
height: 300px;
}
.single-product #heading .container:has(.unlogged) .left .gallery .slick-list .slick-track .slick-slide {
height: 300px;
width: 40vw;
}
.single-product #first .container {
flex-direction: column;
}
.single-product #first .container .left, .single-product #first .container .right {
width: 100%;
padding-right: 0;
}
}
@media only screen and (max-width: 1200px) {
.blog #loop .news .single-news a .title h2 {
font-size: 16px;
line-height: 20px;
}
.blog #loop .news .single-news a .button {
width: 240px;
}
.page-template-template-negozi #first .map .loghi-categorie .div-img {
width: calc(100% / 2 - (20vw / 3));
}
}
@media only screen and (max-width: 1180px) {
.home #third .container .slick-dots {
width: 180px;
top: auto;
right: 50%;
transform: translateX(50%);
}
.site-content {
padding-top: 0px;
}
.home .site-content, .page-template-template-garanzia .site-content, .page-template-template-politica-ambientale .site-content, .page-template-template-tecnologia-usvo .site-content, .tax-campo-di-applicazione .site-content, .tax-product_cat .site-content, .search .site-content, .woocommerce-shop .site-content, .page-template-template-motorsport .site-content {
padding-top: 120px;
}
body .breadcrumb {
top: 140px;
}
body .breadcrumb.foto {
top: calc(31vw + 120px) !important;
}
.single-product #heading .container {
flex-direction: column;
align-items: center;
}
.single-product #heading .container .right {
padding-right: 0;
width: 100%;
}
.single-product #heading .container .right p {
position: absolute;
right: 5.2vw;
width: 40vw;
top: 430px;
}
.single-product #heading .container .right .action-wrapper {
margin-top: 400px;
}
.single-product #heading .container .right .action-wrapper:has(.simple-product) {
width: 100%;
display: flex;
justify-content: center;
transform: translateX(25px);
}
.single-product #heading .container .right .action-wrapper:has(.simple-product):has(.unlogged) {
transform: none;
}
.single-product #heading .container .left {
position: absolute;
left: 5.2vw;
top: 400px;
}
.single-product #heading .container .left .gallery {
width: 40vw;
}
.single-product #heading .container .left .gallery .slick-prev {
left: 0;
}
.single-product #heading .container .left .gallery .slick-next {
left: 83%;
}
.single-product #heading .container .left .gallery .slick-list {
height: 300px;
}
.single-product #heading .container .left .gallery .slick-list .slick-track .slick-slide {
height: 300px;
width: 40vw !important;
}
.single-product #first .container {
flex-direction: column;
}
.single-product #first .container .left, .single-product #first .container .right {
width: 100%;
padding-right: 0;
}
body.woocommerce-checkout .checkout-wrapper form.checkout {
flex-direction: column;
gap: 80px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details {
width: 90vw;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right {
width: 90vw;
padding-left: 0;
}
.woocommerce-view-order #account-section {
flex-direction: column;
gap: 80px;
align-items: center;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-navigation {
width: 85vw;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content {
width: 85vw;
padding-left: 0;
padding-right: 0;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col {
width: 50%;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:first-child::before {
content: "+";
right: 2.5vw;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3) {
margin-top: 5.2vw;
width: 100%;
justify-content: center;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3) .text {
display: none;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3) .div-img {
display: flex;
justify-content: center;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:nth-child(3)::before {
content: "=";
right: auto;
left: 7vw;
top: 25%;
}
.page-template-template-negozi #first .text {
padding-top: 120px;
margin-top: 0;
}
.page-template-template-base #first {
padding-top: 120px;
}
}
@media only screen and (max-width: 1100px) {
.page-template-template-tecnologia-usvo #first .blocco-centrale {
flex-direction: column;
}
.page-template-template-tecnologia-usvo #first .blocco-centrale .text, .page-template-template-tecnologia-usvo #first .blocco-centrale .div-img {
width: 100%;
}
.page-template-template-contatti #first .title, .page-template-template-contatti #first .form {
width: 100%;
}
.home #second .container {
padding: 0 10vw;
}
.home #second .container .nav-row {
justify-content: center;
}
.home #second .container .nav-row .nav-item a .title, .home #second .container .nav-row .nav-item a .text {
max-width: none;
}
.home #heading .container h2 {
font-size: 60px !important;
line-height: 70px !important;
}
}
@media only screen and (max-width: 1065px) {
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .sconto {
right: 70px;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .price {
width: 100px;
}
}
@media only screen and (max-width: 1050px) {
.home #heading .container .tax-navigation {
width: 90vw;
}
.home #heading .container .tax-navigation .nav-item a .text span {
font-size: 12px;
}
}
@media only screen and (max-width: 1024px) {
.page-template-template-garanzia #first .container .text, .page-template-template-garanzia #first .container2, .page-template-template-politica-ambientale #first .container .text, .page-template-template-politica-ambientale #first .container2 {
gap: 20px;
flex-direction: column;
}
.page-template-template-garanzia #first .container .text .par1, .page-template-template-garanzia #first .container .text .par2, .page-template-template-garanzia #first .container .text .text .par, .page-template-template-garanzia #first .container2 .par1, .page-template-template-garanzia #first .container2 .par2, .page-template-template-garanzia #first .container2 .text .par, .page-template-template-politica-ambientale #first .container .text .par1, .page-template-template-politica-ambientale #first .container .text .par2, .page-template-template-politica-ambientale #first .container .text .text .par, .page-template-template-politica-ambientale #first .container2 .par1, .page-template-template-politica-ambientale #first .container2 .par2, .page-template-template-politica-ambientale #first .container2 .text .par {
width: 100%;
}
.page-template-template-garanzia #first .container .text .div-img, .page-template-template-garanzia #first .container2 .div-img, .page-template-template-politica-ambientale #first .container .text .div-img, .page-template-template-politica-ambientale #first .container2 .div-img {
width: 100%;
}
.page-template-template-garanzia #first .container2, .page-template-template-politica-ambientale #first .container2 {
padding: 6vw 6.5vw;
gap: 80px;
}
.page-template-template-garanzia #first .container, .page-template-template-politica-ambientale #first .container {
margin-top: 40px;
}
.blog #loop .news {
justify-content: center;
}
.blog #loop .news .single-news {
width: calc(100% - 140px);
flex-basis: calc(100% - 140px);
}
.blog #loop .news .single-news a .title h2 {
font-size: 18px;
line-height: 24px;
}
.blog #loop .news .single-news a .thumbnail {
height: 200px;
}
.blog #loop .news .single-news a .button {
width: 290px;
}
.home #first .container {
flex-direction: column;
gap: 50px;
}
.home #first .container .left, .home #first .container .right {
width: 80vw;
}
.home #third .slick-slider .slick-list .slick-track .slick-slide a .product-main {
height: 325px;
}
.home #third .slick-slider .slick-list .slick-track .slick-slide a .product-main .image {
position: relative;
height: 225px;
max-height: none;
}
.home #third .slick-slider .slick-list .slick-track .slick-slide a .product-main .image img {
height: 100%;
}
.tax-campo-di-applicazione #info, .tax-product_cat #info, .search #info, .woocommerce-shop #info {
margin-bottom: -35px;
}
.tax-campo-di-applicazione #info .container, .tax-product_cat #info .container, .search #info .container, .woocommerce-shop #info .container {
flex-direction: column;
gap: 30px;
}
.tax-campo-di-applicazione #info .container .left, .tax-campo-di-applicazione #info .container .right, .tax-product_cat #info .container .left, .tax-product_cat #info .container .right, .search #info .container .left, .search #info .container .right, .woocommerce-shop #info .container .left, .woocommerce-shop #info .container .right {
padding-right: 0;
width: 80vw;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .sconto, .tax-product_cat #loop .container .product-loop-item a .product-info .sconto, .search #loop .container .product-loop-item a .product-info .sconto, .woocommerce-shop #loop .container .product-loop-item a .product-info .sconto {
right: 70px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .price, .tax-product_cat #loop .container .product-loop-item a .product-info .price, .search #loop .container .product-loop-item a .product-info .price, .woocommerce-shop #loop .container .product-loop-item a .product-info .price {
width: 100px;
}
.tax-campo-di-applicazione #filters .container .filters-wrapper, .tax-product_cat #filters .container .filters-wrapper, .search #filters .container .filters-wrapper, .woocommerce-shop #filters .container .filters-wrapper {
gap: 30px;
}
.tax-campo-di-applicazione #filters .container .filters-wrapper .filter-col, .tax-product_cat #filters .container .filters-wrapper .filter-col, .search #filters .container .filters-wrapper .filter-col, .woocommerce-shop #filters .container .filters-wrapper .filter-col {
width: calc(100% / 2 - (30px / 2));
flex-basis: calc(100% / 2 - (30px / 2));
}
.tax-campo-di-applicazione #filters .container .filters-wrapper .filter-col:not(:last-child), .tax-product_cat #filters .container .filters-wrapper .filter-col:not(:last-child), .search #filters .container .filters-wrapper .filter-col:not(:last-child), .woocommerce-shop #filters .container .filters-wrapper .filter-col:not(:last-child) {
margin-right: unset;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item a .product-info .price {
width: 100px;
}
.woocommerce-edit-address #account-section {
flex-direction: column;
align-items: center;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-navigation {
width: 85vw;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content {
width: 85vw;
padding-left: 0;
padding-right: 0;
}
.page-template-template-motorsport .formula-1 .container {
flex-direction: column;
align-items: center !important;
}
.page-template-template-motorsport .formula-1 .container .paragraph {
width: 100% !important;
}
.page-template-template-motorsport .formula-1 .container .images {
width: 70% !important;
}
.page-template-template-motorsport .formula-1 .container .images .loghi {
width: 100% !important;
margin: 0 !important;
justify-content: center !important;
}
.page-template-template-motorsport .formula-1 .container .images .div-img {
display: flex;
justify-content: center;
}
.page-template-template-motorsport .circuiti .all-circuiti {
flex-direction: column;
align-items: center !important;
}
.page-template-template-motorsport .circuiti .all-circuiti .single-circuito {
width: 93% !important;
}
.page-template-template-motorsport .circuiti .all-circuiti .single-circuito .div-img {
width: 185px !important;
}
.page-template-template-bag-in-box #first .heading {
flex-direction: column;
gap: 50px;
}
.page-template-template-bag-in-box #first .heading .left {
width: 100%;
}
.page-template-template-bag-in-box #first .heading .right {
width: 40%;
}
.page-template-template-bag-in-box #first .container .text .par p {
width: 100% !important;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col::before {
font-size: 60px;
}
.site-pop-up {
width: 95vw;
}
}
@media only screen and (max-width: 1000px) {
.woocommerce-order-received .woocommerce-order ul li {
width: 100%;
border-right: none;
margin-bottom: 10px;
}
.woocommerce-order-received .woocommerce-bacs-bank-details .wc-bacs-bank-details {
margin-top: 15px;
}
.page-template-template-packaging .heading .container {
flex-direction: column;
}
.page-template-template-packaging .heading .container .div-img {
width: 60% !important;
}
.page-template-template-packaging .heading .container .paragrafo {
width: 100% !important;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .sconto {
right: 125px;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .price {
width: 155px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container {
flex-direction: column;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col {
width: 100%;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images {
align-items: center;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row {
justify-content: center;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia svg {
height: 10vw;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col:first-child:before {
display: none;
}
}
@media only screen and (max-width: 900px) {
.page-template-template-azienda #first .text-wrapper {
flex-direction: column;
padding-top: 40px;
}
.page-template-template-azienda #first .text-wrapper .par {
width: 100%;
}
.page-template-template-negozi #first .map .loghi-categorie img {
width: 25vw;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .grid {
width: calc(100% / 3 - (100px / 3));
}
.tax-campo-di-applicazione #loop .container .product-loop-item, .tax-product_cat #loop .container .product-loop-item, .search #loop .container .product-loop-item, .woocommerce-shop #loop .container .product-loop-item {
width: calc(100% / 2 - (100px / 2));
flex-basis: calc(100% / 2 - (100px / 2));
}
.tax-campo-di-applicazione #loop .container .product-loop-item:not(:nth-child(3n)), .tax-product_cat #loop .container .product-loop-item:not(:nth-child(3n)), .search #loop .container .product-loop-item:not(:nth-child(3n)), .woocommerce-shop #loop .container .product-loop-item:not(:nth-child(3n)) {
margin-right: unset;
}
.tax-campo-di-applicazione #loop .container .product-loop-item:not(:nth-child(2n)), .tax-product_cat #loop .container .product-loop-item:not(:nth-child(2n)), .search #loop .container .product-loop-item:not(:nth-child(2n)), .woocommerce-shop #loop .container .product-loop-item:not(:nth-child(2n)) {
margin-right: 85px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-main .image, .tax-product_cat #loop .container .product-loop-item a .product-main .image, .search #loop .container .product-loop-item a .product-main .image, .woocommerce-shop #loop .container .product-loop-item a .product-main .image {
max-height: unset;
height: 200px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .price, .tax-product_cat #loop .container .product-loop-item a .product-info .price, .search #loop .container .product-loop-item a .product-info .price, .woocommerce-shop #loop .container .product-loop-item a .product-info .price {
width: 155px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .sconto, .tax-product_cat #loop .container .product-loop-item a .product-info .sconto, .search #loop .container .product-loop-item a .product-info .sconto, .woocommerce-shop #loop .container .product-loop-item a .product-info .sconto {
right: 125px;
}
}
@media only screen and (max-width: 850px) {
.home #heading .container .tax-navigation {
width: 95vw;
}
.home #heading .container .slider .title {
bottom: 35px !important;
}
.woocommerce-account #login-box {
flex-direction: column;
margin-top: 125px;
gap: 50px;
}
.woocommerce-account #login-box .u-column1.col-1, .woocommerce-account #login-box .u-column2.col-2 {
margin: 0;
width: 60vw;
}
.woocommerce-orders #account-section {
flex-direction: column;
align-items: center;
}
.woocommerce-orders #account-section .woocommerce-MyAccount-navigation {
width: 85vw;
}
.woocommerce-orders #account-section .woocommerce-MyAccount-content {
width: 85vw;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 800px) {
h1 {
font-size: 40px;
line-height: 45px;
}
h1::before {
height: 70px !important;
width: 65px !important;
}
h2 {
font-size: 30px;
line-height: 35px;
}
h2::before {
height: 70px !important;
width: 65px !important;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text {
flex-direction: column;
}
.page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo1, .page-template-template-tecnologia-usvo #first .blocco-pre-tabella .text .sottotitolo2 {
width: 100%;
}
.single-post .container.boxed {
padding: 0 50px;
}
.home #heading .container .tax-navigation {
height: 63px;
background: #FDCA00;
align-items: center;
}
.home #heading .container .tax-navigation::before {
content: none;
}
.home #heading .container .tax-navigation .nav-item {
width: calc(100% / 4);
flex-basis: calc(100% / 4);
background: #FDCA00;
border: 1px solid #DEA300;
}
.home #heading .container .tax-navigation .nav-item:nth-child(1), .home #heading .container .tax-navigation .nav-item:nth-child(2), .home #heading .container .tax-navigation .nav-item:nth-child(3), .home #heading .container .tax-navigation .nav-item:nth-child(4) {
border-top: none;
}
.home #heading .container .tax-navigation .nav-item:nth-child(5), .home #heading .container .tax-navigation .nav-item:nth-child(6), .home #heading .container .tax-navigation .nav-item:nth-child(7), .home #heading .container .tax-navigation .nav-item:nth-child(8) {
border-bottom: none;
}
.home #heading .container .tax-navigation .nav-item a {
transform: translateY(8px);
}
.home #heading .container .tax-navigation .nav-item a::before {
top: -8px;
}
.home #heading .container .tax-navigation .nav-item a::after {
content: none !important;
}
.home #heading .container .tax-navigation .nav-item a .text span {
font-size: 12px;
}
.home #heading .container .tax-navigation .nav-item a .icon img {
width: 40px;
}
.home #heading .container .tax-navigation .nav-item a:hover::before {
transform: skewX(0deg);
}
.home #heading .container .tax-navigation .nav-item a:hover .icon img:first-child {
display: none;
}
.home #heading .container .tax-navigation .nav-item a:hover .icon img:last-child {
display: block;
}
.home #heading .container .tax-navigation .nav-item a:hover .text span {
color: #fff;
}
.home #second .container {
padding: 0 5vw;
}
.home #heading .container h2 {
font-size: 50px !important;
line-height: 60px !important;
}
.single-product #first .container .right .scheda-tecnica .item .label {
width: 40%;
flex-basis: 40%;
}
.single-product #first .container .right .scheda-tecnica .item .values {
width: 60%;
flex-basis: 60%;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns .woocommerce-column .woocommerce-column__title {
min-height: none;
}
.page-template-template-tecnologia-cleansynto #first .fornisce .container .single-col {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.site-pop-up {
filter: unset;
box-shadow: 0 0 5px #0000002c;
}
.site-pop-up .container {
clip-path: unset;
}
.page-id-9 #account-section .woocommerce-MyAccount-content {
padding-left: 2.5vw;
padding-right: 2.5vw;
}
body .breadcrumb {
left: 2.3vw;
font-size: 13px;
}
.woocommerce-account #account-section {
padding: 180px 2.5vw 0 2.5vw;
}
.woocommerce-account #account-section nav.woocommerce-MyAccount-navigation::before {
transform: none;
}
.woocommerce-cart .cart-wrapper {
flex-direction: column;
align-items: center;
gap: 50px;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form {
width: 90vw;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr {
margin-bottom: 30px;
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr .product-remove {
left: -40px;
}
.woocommerce-cart .cart-wrapper .cart-collaterals {
width: 95vw;
}
body.woocommerce-checkout .boxed {
padding: 0 2.5vw;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details {
width: 95vw;
}
body.woocommerce-checkout .checkout-wrapper form.checkout .checkout-right {
width: 95vw;
}
.woocommerce-edit-address #account-section {
flex-direction: column;
align-items: center;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-navigation {
width: 95vw;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content {
width: 95vw;
padding-left: 0;
padding-right: 0;
}
.woocommerce-edit-account #account-section .woocommerce-MyAccount-content {
padding-left: 0;
padding-right: 0;
}
.woocommerce-edit-account #account-section .woocommerce-MyAccount-content form {
width: 95vw;
}
.woocommerce-edit-account #account-section .woocommerce-MyAccount-content form p:has(button) {
display: flex;
justify-content: center;
}
.woocommerce-orders #account-section .woocommerce-MyAccount-navigation {
width: 95vw;
}
.woocommerce-orders #account-section .woocommerce-MyAccount-content {
padding-left: 0;
padding-right: 0;
width: 95vw;
}
.woocommerce-orders #account-section .woocommerce-MyAccount-content table tr td {
border: 1px solid #0A2C68;
border-bottom: 0;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-navigation {
width: 95vw;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content {
width: 95vw;
padding-left: 0;
padding-right: 0;
}
.page-template-template-motorsport .heading {
padding: 0 2.5vw !important;
}
.page-template-template-motorsport .heading .container .div-img {
width: 100% !important;
}
.page-template-template-motorsport .formula-1 .title {
padding: 0 2.5vw !important;
}
.page-template-template-motorsport .formula-1 .container {
padding: 0 2.5vw;
}
.page-template-template-motorsport .formula-1 .container .images {
width: 100% !important;
}
.page-template-template-motorsport .formula-1 .container .images .loghi .div-img {
height: 30px !important;
}
.page-template-template-motorsport .formula-1 .container .images .loghi .div-img:nth-child(2) {
height: 45px !important;
}
.page-template-template-motorsport .formula-234 {
padding: 0 2.5vw !important;
}
.page-template-template-motorsport .formula-234 .container .images {
width: 100% !important;
}
.page-template-template-motorsport .circuiti {
padding: 103px 2.5vw !important;
}
.page-template-template-motorsport .circuiti .all-circuiti .single-circuito {
width: 100% !important;
}
.page-template-template-motorsport .circuiti .all-circuiti .single-circuito::before {
transform: none !important;
}
.page-template-template-motorsport .gran-turismo {
padding: 0 2.5vw !important;
}
.page-template-template-motorsport .gran-turismo .container .div-img {
width: 100% !important;
}
}
@media only screen and (max-width: 750px) {
.single-product #related .container .related-wrapper .products-loop .product-loop-item {
width: calc(100% / 2 - (100px / 2));
flex-basis: calc(100% / 2 - (100px / 2));
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item:not(:nth-child(3n)) {
margin-right: unset;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item:not(:nth-child(2n)) {
margin-right: 85px;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item a .product-main .image {
max-height: unset;
height: 200px;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item a .product-info .price {
width: 155px;
}
.page-template-template-packaging .table .single-item .item-container {
flex-direction: column;
gap: 30px !important;
align-items: center !important;
}
.page-template-template-packaging .table .single-item .item-container .div-img {
width: 60% !important;
}
.page-template-template-packaging .table .single-item .item-container .paragrafo {
width: 100% !important;
}
.page-template-template-base #first {
padding: 120px 5vw 6vw;
}
}
@media only screen and (max-width: 700px) {
p, table {
font-size: 17px !important;
line-height: 21px !important;
}
.blog #loop .news {
padding: 0;
}
.blog #loop .news .single-news {
width: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
.blog #loop .news .single-news a .thumbnail {
height: 160px;
}
.blog #loop .news .single-news a .button {
width: 240px;
}
.home #heading .container h2 {
font-size: 40px !important;
line-height: 50px !important;
}
.single-product #heading .container {
flex-direction: column !important;
align-items: center !important;
}
.single-product #heading .container .left {
position: absolute !important;
left: 11.2vw !important;
top: 340px !important;
}
.single-product #heading .container .left .gallery {
width: 80vw !important;
}
.single-product #heading .container .left .gallery .slick-prev {
left: 0;
}
.single-product #heading .container .left .gallery .slick-next {
left: 83%;
}
.single-product #heading .container .left .gallery .slick-list {
height: 300px !important;
}
.single-product #heading .container .left .gallery .slick-list .slick-track .slick-slide {
height: 300px !important;
width: 80vw !important;
}
.single-product #heading .container .right {
padding-right: 0;
width: 100%;
}
.single-product #heading .container .right p {
position: unset !important;
width: 100% !important;
margin-top: 340px !important;
}
.single-product #heading .container .right .action-wrapper {
margin-top: 50px !important;
}
.single-product #heading .container .right .action-wrapper:has(.unlogged) {
margin-top: 100px !important;
}
.single-product #heading .container .right .action-wrapper form {
width: calc(100vw - 10.4vw);
flex-direction: column;
gap: 50px;
}
.single-product #heading .container .right .action-wrapper form.simple {
align-items: center !important;
}
.single-product #heading .container .right .action-wrapper form .single_variation_wrap {
transform: translateX(25px);
}
.single-product #heading .container .right .action-wrapper form .single_variation_wrap:has(.unlogged) {
transform: none;
}
.single-product #heading .container .right .action-wrapper form .price {
width: 20vw !important;
font-size: 12px;
margin-left: 0 !important;
}
.single-product #heading .container .right .action-wrapper form .quantity {
width: 18vw;
}
.single-product #heading .container .right .action-wrapper form .button[type="submit"] {
width: 25vw;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.single-product #heading .container .right .action-wrapper form .sconto {
left: -50px;
}
.single-product #heading .container .right .action-wrapper form .iva {
left: -50px;
}
.single-product #heading .container .right .action-wrapper form .iva.unlogged {
left: 0;
}
.single-product #heading .container .right .action-wrapper form .cfvsw-swatches-container.cfvsw-product-container .variations-options {
display: flex;
flex-flow: row wrap;
position: absolute;
top: calc(100% - 1px);
transition: opacity 0.2s ease, transform 0.33s ease;
z-index: 999;
background: #fff;
border: 2px solid #E4E4E4;
max-width: 100vw;
width: auto;
}
.single-product #heading .container .right .action-wrapper form .cfvsw-swatches-container.cfvsw-product-container .variations-options:has(:nth-child(1)) {
left: 0;
}
.single-product #heading .container .right .action-wrapper form .cfvsw-swatches-container.cfvsw-product-container .variations-options:has(:nth-child(2)) {
left: calc(-110%);
transform: translateX(29%);
}
.single-product #heading .container .right .action-wrapper form .cfvsw-swatches-container.cfvsw-product-container .variations-options:has(:nth-child(3)) {
left: calc(-205%);
transform: translateX(34%);
}
.single-product #heading .container .right .woocommerce-variation-availability {
top: -30px !important;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .sconto, .tax-product_cat #loop .container .product-loop-item a .product-info .sconto, .search #loop .container .product-loop-item a .product-info .sconto, .woocommerce-shop #loop .container .product-loop-item a .product-info .sconto {
right: 70px;
}
.tax-campo-di-applicazione #loop .container .product-loop-item a .product-info .price, .tax-product_cat #loop .container .product-loop-item a .product-info .price, .search #loop .container .product-loop-item a .product-info .price, .woocommerce-shop #loop .container .product-loop-item a .product-info .price {
width: 100px;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .sconto {
right: 70px;
}
.home #third .container .products-loop .slick-list .slick-track .product-loop-item a .product-info .price {
width: 100px;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:last-child::before {
font-size: 50px;
top: 15%;
}
}
@media only screen and (max-width: 650px) {
.home #third .container .slick-slide {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
}
.home #third .container .slick-slide a {
width: 70%;
}
.home #third .container .slick-dots li {
width: 20px;
height: 15px;
}
.home #third .container .slick-dots li button {
width: 20px;
height: 15px;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .grid {
width: calc(100% / 2 - (50px / 2));
}
.woocommerce-cart .cart-wrapper .woocommerce-cart-form table tbody tr .product-remove {
left: -35px;
}
}
@media only screen and (max-width: 609px) {
.page-template-template-negozi #first .map .wpgmza-standalone-component .wpgmza-store-locator {
display: flex;
align-items: flex-end;
justify-content: center;
gap: 30px;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-billing-fields__field-wrapper {
flex-direction: column;
}
body.woocommerce-checkout .checkout-wrapper form.checkout #customer_details .woocommerce-billing-fields__field-wrapper p {
margin-left: 0 !important;
width: 95vw;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
flex-direction: column !important;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p {
margin-left: 0 !important;
width: 95vw !important;
}
.woocommerce-edit-address #account-section p:has(button) {
display: flex;
justify-content: center;
}
}
@media only screen and (max-width: 600px) {
p, table {
font-size: 15px !important;
line-height: 18px !important;
}
.page-template-template-azienda #first .img-sticky.right img {
width: 230px;
height: auto;
}
.page-template-template-azienda #first .img-sticky.top img {
width: 130px;
height: auto;
}
.page-template-template-azienda #first .container .div-img img {
width: 250px;
}
.home #second .container .nav-row {
gap: 20px;
}
.home #second .container .nav-row .nav-item {
width: 100%;
flex-basis: 100%;
}
.home #second .container .nav-row .nav-item::after {
content: none !important;
}
.home #heading .container h2 {
font-size: 30px !important;
line-height: 25px !important;
}
.woocommerce-account #login-box .u-column1.col-1, .woocommerce-account #login-box .u-column2.col-2 {
width: 80vw;
min-height: unset;
padding-bottom: 0;
}
.woocommerce-account #login-box .u-column1.col-1 {
padding-bottom: 20px;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item a .product-info .price {
width: 100px;
}
.single-product #heading .container .right .action-wrapper .simple-product .price * {
font-size: 16px;
}
.single-product #heading .container .right .action-wrapper .woocommerce-variation-price .price * {
font-size: 16px;
}
.tax-campo-di-applicazione #loop .container.boxed .products-loop, .tax-product_cat #loop .container.boxed .products-loop, .search #loop .container.boxed .products-loop, .woocommerce-shop #loop .container.boxed .products-loop {
justify-content: center;
}
.tax-campo-di-applicazione #loop .container.boxed .products-loop .product-loop-item, .tax-product_cat #loop .container.boxed .products-loop .product-loop-item, .search #loop .container.boxed .products-loop .product-loop-item, .woocommerce-shop #loop .container.boxed .products-loop .product-loop-item {
width: calc(80%);
flex-basis: calc(80%);
}
.tax-campo-di-applicazione #loop .container.boxed .products-loop .product-loop-item:not(:nth-child(2n)), .tax-product_cat #loop .container.boxed .products-loop .product-loop-item:not(:nth-child(2n)), .search #loop .container.boxed .products-loop .product-loop-item:not(:nth-child(2n)), .woocommerce-shop #loop .container.boxed .products-loop .product-loop-item:not(:nth-child(2n)) {
margin-right: unset;
}
.tax-campo-di-applicazione #loop .container.boxed .products-loop .product-loop-item a .product-info .price, .tax-product_cat #loop .container.boxed .products-loop .product-loop-item a .product-info .price, .search #loop .container.boxed .products-loop .product-loop-item a .product-info .price, .woocommerce-shop #loop .container.boxed .products-loop .product-loop-item a .product-info .price {
width: 100px;
}
.tax-campo-di-applicazione #loop .container.boxed .products-loop .product-loop-item a .product-info .sconto, .tax-product_cat #loop .container.boxed .products-loop .product-loop-item a .product-info .sconto, .search #loop .container.boxed .products-loop .product-loop-item a .product-info .sconto, .woocommerce-shop #loop .container.boxed .products-loop .product-loop-item a .product-info .sconto {
width: 70px;
}
.tax-campo-di-applicazione #filters .container .filters-wrapper, .tax-product_cat #filters .container .filters-wrapper, .search #filters .container .filters-wrapper, .woocommerce-shop #filters .container .filters-wrapper {
gap: 30px;
}
.tax-campo-di-applicazione #filters .container .filters-wrapper .filter-col, .tax-product_cat #filters .container .filters-wrapper .filter-col, .search #filters .container .filters-wrapper .filter-col, .woocommerce-shop #filters .container .filters-wrapper .filter-col {
width: calc(100%);
flex-basis: calc(100%);
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content {
width: 95vw;
padding-left: 0;
padding-right: 0;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses {
flex-direction: column;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses .woocommerce-Address {
width: 95vw;
min-height: unset;
padding-top: 20px;
}
.woocommerce-edit-address #account-section .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses .woocommerce-Address.col-1 address {
border-right: 1px solid #0A2C68 !important;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content .woocommerce-columns {
flex-direction: column;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content .woocommerce-columns .woocommerce-column {
width: 95vw;
min-height: unset;
padding-top: 20px;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content .woocommerce-columns .woocommerce-column address {
min-height: unset;
}
.woocommerce-view-order #account-section .woocommerce-MyAccount-content .woocommerce-columns .woocommerce-column.col-1 address {
border-right: 1px solid #0A2C68 !important;
}
.page-template-template-bag-in-box #first .heading .right {
width: 60%;
}
}
@media only screen and (max-width: 550px) {
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia {
right: -20px;
bottom: -65px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row:nth-child(2) .div-img .freccia {
left: -20px;
}
.page-template-template-negozi #first .map .loghi-categorie .div-img {
width: calc(100%);
}
.page-template-template-negozi #first .map .loghi-categorie .div-img img {
width: 60%;
}
.site-pop-up .container .text {
font-size: 28px;
}
}
@media only screen and (max-width: 500px) {
.blog #loop .news .single-news a .title h2 {
font-size: 16px;
line-height: 20px;
}
.blog #loop .news .single-news a .button {
width: 210px;
}
.single-post #post .container .back .button {
width: 230px;
}
.home #heading .container .tax-navigation .nav-item a .text span {
font-size: 11px;
}
.home #first .container {
margin-bottom: 20px;
}
.page-template-template-negozi #first .map .wpgmza-standalone-component .grid {
width: 100%;
}
.single-product #heading .container .left {
top: 410px !important;
}
.page-template-template-motorsport .circuiti .all-circuiti .single-circuito {
padding: 20px 30px !important;
}
.page-template-template-bag-in-box #first .container .all-scaffali {
flex-direction: column;
align-items: center;
gap: 50px;
}
.page-template-template-bag-in-box #first .container .all-scaffali .single-scaffale {
width: 80% !important;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:last-child::before {
font-size: 40px;
}
}
@media only screen and (max-width: 470px) {
.home #third .container .price {
width: 120px;
}
.home #third .container .sconto {
right: 90px;
}
.single-product #related .container .related-wrapper .products-loop {
justify-content: center;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item {
width: calc(80%);
flex-basis: calc(80%);
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item:not(:nth-child(2n)) {
margin-right: unset;
}
.single-product #related .container .related-wrapper .products-loop .product-loop-item a .product-info .price {
width: 155px;
}
}
@media only screen and (max-width: 450px) {
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia {
bottom: -55px;
}
}
@media only screen and (max-width: 400px) { .woocommerce-account #login-box .u-column1.col-1, .woocommerce-account #login-box .u-column2.col-2 {
width: 90vw;
}
.single-product #heading .container .right .action-wrapper form .price del span bdi {
font-size: 12px;
}
.single-product #heading .container .right .action-wrapper form .price del span bdi span {
font-size: 12px;
}
.single-product #heading .container .right .action-wrapper form .price ins span bdi {
font-size: 15px;
}
.single-product #heading .container .right .action-wrapper form .price ins span bdi span {
font-size: 15px;
}
.single-product #heading .container .right .action-wrapper form .sconto {
left: -50px;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:first-child::before {
font-size: 45px;
}
.page-template-template-tecnologia-cleansynto #first .heading .container .single-col:last-child::before {
font-size: 35px;
top: 0;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia {
right: -40px;
bottom: -60px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row .div-img .freccia svg {
height: 55px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col .images .single-row:nth-child(2) .div-img .freccia {
bottom: -70px;
left: -35px;
}
.page-template-template-tecnologia-cleansynto #first .bottom .container .single-col:nth-child(2) .images .single-row:nth-child(2) .div-img .freccia {
bottom: -80px;
left: -25px;
}
}
@media only screen and (max-width: 392px) {
.single-product #heading .container .left {
left: 5.2vw;
}
}