/* GARANZIE E COPERTURE NEW */
html {
font-size: 16px;
}
.garanzieul_coperture_fourth_section {
margin-bottom: 10px;
}
.col-12.fb_garanzie_coperture {
border-radius: 40px;
background-image: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/picturedog1.jpg);
background-size: cover;
background-position: center;
box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.4);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 112px 0 208px;
margin-top: 10px;
}
.box-first-copertura__ ul li {
list-style-image: none !important;
}
.container.section__3.section_2_garanzie_coperture.last_garanzieecoperture_sect {
margin-bottom: 160px;
}
.pt16_ {
padding-top: 16px;
}
.pt40_ {
padding-top: 80px !important;
}
.container.section__3.section_2_garanzie_coperture {
margin-top: 300px;
}
.section_2_garanzie_coperture {margin-top: 200px;}
.section_2_garanzie_coperture .conte-rectangle .conte-circle { z-index:3;}
.section_2_garanzie_coperture .conte-rectangle { padding: 100px 64px 64px 87px;}
.conte-plaster_garanzie {
display: flex;
justify-content: center;
align-items: center;
width: 151px;
height: 167px;
background-color: white;
position: absolute;
left: 367px;
z-index: 1;
top: -125px;
border-radius: 24px;
box-shadow: 0px 0px 16px 4px rgba(0,85,140,0.08);
}
.conte-plaster_garanzie.first_conte_plaster_garanzie {
background: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/cucciolo.jpg);
left: 83px;
top: -180px;
background-size: cover;
background-position: center;
width: 294px;
height: 245px;
z-index: 2;
}
.conte-plaster_garanzie.fourth_conte_plaster_garanzie {
background: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/cucciolo-gatto.jpg);
left: 83px;
top: -180px;
background-size: cover;
background-position: center;
width: 294px;
height: 245px;
z-index: 2;
}
.conte-plaster_garanzie .pet-cure-circle {
display: flex;
align-items: center;
justify-content: center;
width: 103px;
height: 103px;
background-color: #00558c;
border-radius: 50%;
}
ul.garanzieul_coperture {
padding-top: 24px;
padding-left: 1em;
}
.box-first-copertura__ ul {
list-style: none;
padding-top: 0px;
padding-left: 0;
}
.box-first-copertura__ {
background: rgba(0, 85, 140, 0.1);
border-radius: 8px;
margin-top: 24px;
padding: 24px 1em;
}
.box-first-copertura__ ul li {
color: black;
}
.title_copertura_garanzie h3 span {
display: inline !important;
background-color: transparent !important;
width: auto !important;
height: auto !important;
color: #c8102e;
}
ul.garanzieul_coperture li {
padding-bottom: 16px;
padding-left: 1em;
list-style-image: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/marker_1.svg);
}
ul.garanzieul_coperture li:last-child {
padding-bottom: 0;
}
.title_copertura_garanzie {
padding-top: 24px;
display: flex;
justify-content: end;
align-items: center;
}
.title_copertura_garanzie svg {
margin-right: 32px;
min-width: 66px;
}
.title_copertura_garanzie h3 {
font-size: 32px;
color: #00558C;
font-family: "Basier Circle Semi-Bold";
}
.container.main-internalpage.main_gecoperture_ {
padding-bottom: 0;
}
section#study_dog_section.study_garanzieecoperture {
background: none;
margin-top: -150px;
}
.col-12.fb_garanzie_coperture h1 , .col-12.fb_garanzie_coperture h2{
text-align: center;
color: white;
}
.col-12.fb_garanzie_coperture h1{
padding: 0px 186px;
margin-top: 0;
}
/* LOADER */
.novita2020 {
display: flex;
height: 100%;
margin-top: calc(.67em + 24px);
}
.conte_logo_svg_ {
position: absolute;
z-index: 4;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
top: -5px;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #144a82;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
position: fixed;
top: 50%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
z-index: 999999;
}
.overlay-loader {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.7);
z-index: 9999999;
cursor: pointer;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* END LOADER */
/* CSS FIX WYSWYG */
.conte-wyswyg.container-fluid {
padding-left: 0;
padding-right: 0;
}
.conte-wyswyg.flex_center_wysyg {
display:flex;
justify-content: center;
align-items: center;
}
.conte-coming-soon h1 a {
text-decoration: none;
color: white;
}
.conte-coming-soon .actions {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.conte-coming-soon .actions .conte-button-send {
width: 50%;
margin-top: 20px;
max-width: 300px
}
.conte-wyswyg > .row-fluid-wrapper {
padding-left: 0;
padding-right: 0;
}
.conte-wyswyg > .row-fluid-wrapper > .row-fluid {
margin-left: 0;
margin-right:0;
}
.conte-wyswyg > .row-fluid-wrapper > .row-fluid > [class*="span"] {
padding-left: 0;
padding-right: 0;
}
/* END FIX WYSWYG */
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;%20%20700&display=swap);@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* TODO CANE E GATTO SOTTO HEADER BOTTOM PORTA A INSTANDA */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/* animat */
/* .blinking{
animation:blinkingButton 0.8s ease infinite;
}
@keyframes blinkingButton{
0%{ box-shadow: none }
100%{ background-color: #61d286; box-shadow: 0 0 0 5px #d9f3db, 0 0 0 10px rgba(217,243,219,.5); }
} */
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*!
* Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm,
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px;
}
.mesi-mobile {
display: none;
}
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.swiper-pagination-bullets-dynamic {
display: none;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
/* Basier Circle */
@font-face {
font-family: "Basier Circle Regular";
font-style: normal;
font-weight: normal;
src: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/BasierCircle-Regular.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "Basier Circle Bold";
font-style: normal;
font-weight: normal;
src: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/basiercircle-bold-webfont.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "Basier Circle Semi-Bold";
font-style: normal;
font-weight: normal;
src: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/basiercircle-semibold-webfont.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "Basier Circle Medium";
font-style: normal;
font-weight: normal;
src: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/basiercircle-medium-webfont.woff") format("woff");
font-display: swap;
}
/* Montserrat */
@font-face {
font-family: 'Montserrat';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Montserrat';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Montserrat';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Montserrat';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Montserrat';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Montserrat';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/montserrat/Montserrat-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: fallback;
}
/* Gotham Rounded */
@font-face {
font-family: 'Gotham Rounded';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/gotham-rounded/GothamRounded-Bold.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/gotham-rounded/GothamRounded-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Gotham Rounded';
src: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/gotham-rounded/GothamRounded-Medium.woff2') format('woff2'),
url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/css/fonts/gotham-rounded/GothamRounded-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: fallback;
}
/* */
/* RESET */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* HEADER */
header .fa-arrow-left {
font-size: 24px;
margin-right: 8px;
}
header .header-bottom-mobile {
display: none;
transform: translateY(calc(100% + 40px));
position: fixed;
bottom: 0;
width: 100%;
z-index: 80;
background-color: #fff;
padding: 0px 12px 20px;
transition: transform 0.3s ease;
}
header .header-bottom-mobile.open {
transform: translateY(0);
}
header .header-bottom-mobile .preventivatore-step {
position: relative;
max-width: 320px;
margin: 0 auto;
}
header .header-bottom-mobile .header-mobile-trigger {
position: absolute;
width: 100%;
color: #fff;
background-color: #00558C;
bottom: 100%;
left: 0;
text-align: center;
height: 50px;
line-height: 50px;
text-transform: uppercase;
cursor: pointer;
padding-bottom: env(safe-area-inset-bottom);
}
.backgreentyf {
background-color: rgba(97,210,134,0.1);
}
.row-1-fr {
grid-template-rows: 1fr !important;
}
header .header-bottom-mobile .header-mobile-trigger .header-trigger-button {
display: inline-block;
position: relative;
padding-right: 20px;
}
header .header-bottom-mobile .header-mobile-trigger .header-trigger-button:after {
content: "";
position: absolute;
right: 0;
top: 17px;
height: 8px;
width: 8px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(50%) rotate(225deg);
transition: transform 0.3s ease;
}
header .menu-container ul a:hover {
background-color: rgba(16, 174, 255, 0.3);
}
header .header-bottom .logo-preventivatore {
display: none;
}
.padroni_internal p {
margin: 0px !important;
}
header a.a-personale, header a.padroni_internal_anchor {
text-transform: uppercase;
color: #00558C !important;
font-size: 13px;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
header a.padroni_internal_anchor {
display: none;
}
}
@media (min-width: 768px) and (max-width: 900px) {
#garanzie .row.conte-cuccioli-row > div, #garanzie .row.row-rectangle > div,
#cards_landingpage .row.conte-cuccioli-row > div, #cards_landingpage .row.row-rectangle > div {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
margin-left: 8.3333333333%;
}
}
header a.a-personale:after {
content: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5859 1C11.1382 1 11.5859 1.44772 11.5859 2L11.5859 12.7553C11.5859 12.7553 10.5859 11 6.58594 11C2.58594 11 1.58594 12.7554 1.58594 12.7554L1.58594 2C1.58594 1.44772 2.03365 1 2.58594 1L10.5859 1ZM2.58594 0C1.48137 0 0.585938 0.895431 0.585938 2L0.585938 14C0.585938 15.1046 1.48137 16 2.58594 16L10.5859 16C11.6905 16 12.5859 15.1046 12.5859 14L12.5859 2C12.5859 0.895431 11.6905 0 10.5859 0L2.58594 0Z' fill='%2300558C'/%3E%3Cpath d='M6.58594 10C8.24279 10 9.58594 8.65685 9.58594 7C9.58594 5.34315 8.24279 4 6.58594 4C4.92908 4 3.58594 5.34315 3.58594 7C3.58594 8.65685 4.92908 10 6.58594 10Z' fill='%2300558C'/%3E%3C/svg%3E%0A");
display: inline-block;
height: 15px;
vertical-align: sub;
padding-left: 10px;
padding-right: 10px;
}
#preventivo_al_telefono_landing_id .module-form-hubspot {
padding:0;
}
#study_dog_section p {
font-size: 24px;
line-height: normal;
}
.cod-sconto i.fas.fa-info-circle {
color: #404040;
cursor: pointer;
transition: all 0.3s ease-out;
}
#preventivo_al_telefono_landing_id .overlay {
position: absolute;
top: -51px;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
}
#preventivo_al_telefono_landing_id .overlay:target {
visibility: visible;
opacity: 1;
}
.cod-sconto-container {
position: relative;
}
#landing_page_header .h-preventivatore-main .conte-form {
height: 72px;
}
#popup1 .popup {
padding: 20px;
background: #fff;
border-radius: 5px;
margin-top: 80px;
width: 100%;
position: relative;
transition: all 5s ease-in-out;
border: 1px solid black;
z-index: 8; }
#popup1 .popup h2 {
margin-top: 0;
}
html.anchorsmooth {
scroll-behavior: smooth;
}
#popup1 .popup .close {
position: absolute;
top: 0px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
#popup1 .popup .close:hover {
color: #C8102E;
}
.preventivo_landing_bottom_pag button:focus {
outline: none;
}
#popup1 .popup .content {
overflow: visible;
margin-top: 8px;
}
@media screen and (max-width: 700px){
#popup1 .popup{
width: 70%;
}
}
#preventivo_al_telefono_landing_id div#hs_cos_wrapper_form {
padding: 24px 16px 24px 48px;
}
.procedi_cc_landing {
margin-left: 97px;
}
/* cookie */
.cookie-table-card {
display: flex;
flex-direction: column;
}
.cookie-table-card .title {
display: flex;
flex-direction: column;
}
.cookie-table-card .service {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 998px) {
.cookie-table-card .service {
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* .preventivo_landing_bottom_pag button{max-width: 156px !important;} */
#preventivo_al_telefono_landing_id .module-form-hubspot input[type='submit'] {
max-width: 156px;
}
}
#cta_landingpagemobile {
display: none;
}
header #conte-header-bottom .menu {
justify-content: flex-end;
}
header nav.main-menu {
position: fixed;
left: 100%;
top: 0;
bottom: 0;
width: 400px;
background-color: #0f4884;
color: #fff;
transition: transform 0.3s ease;
z-index: 101;
}
#pacchetti_landing {
overflow-x: hidden;
}
header .nav-menu-open {
transform: translateX(-400px);
}
header .menu-close {
padding-right: 50px;
height: 48px;
line-height: 48px;
text-align: right;
position: relative;
}
header .menu-close:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 2px;
transform: rotate(45deg);
top: 45%;
right: 20px;
background-color: #fff;
}
header .menu-close:after {
content: "";
display: block;
position: absolute;
width: 16px;
height: 2px;
transform: rotate(-45deg);
top: 45%;
right: 20px;
background-color: #fff;
}
.switch-light {
cursor: pointer;
}
select {
cursor: pointer;
}
header .menu-container {
position: absolute;
top: 48px;
left: 0;
width: 100%;
height: calc(100% - 48px);
overflow-y: auto;
}
header .menu-container ul {
list-style: none;
}
header .menu-container ul li a,
header .menu-container ul li a:visited {
transition: 150ms;
}
#preventivo_al_telefono_landing_id .module-form-hubspot .actions {justify-content: center;}
#preventivo_al_telefono_landing_id .hs_submit.hs-submit {
width: 100%;
}
header .menu-container ul a {
text-decoration: none;
display: block;
white-space: nowrap;
overflow: hidden;
height: 48px;
line-height: 48px;
font-family: 'Basier Circle Semi-Bold', sans-serif;
font-size: 20px;
font-size: 1rem;
text-transform: uppercase;
padding-left: 24px;
color: #fff;
}
header .menu-container ul.menu-extra {
margin-bottom: 24px;
}
header .menu-container ul.menu-extra a {
font-family: 'Basier Circle Regular', sans-serif;
}
header .menu-container ul a:hover,
header .menu-container ul a:visited {
color: #fff;
text-decoration: none;
}
header .header-preventivatore {
border-bottom: 1px solid #CACACA;
}
#landing_page_header .header-preventivatore {
border-bottom: none;
}
#landing_page_header .container .row nav {
width: 100%;
}
header .header-bottom-preventivatore {
border-bottom: 1px solid #CACACA;
display: none;
}
header .header-bottom_internalpage {
border-bottom: 1px solid #CACACA;
}
header .header {
width: 100%;
background-color: white;
position: fixed;
transition: transform 0.3s ease;
z-index: 99;
top: 0;
left: 0;
right: 0;
transform: translateY(-300%);
}
header .header .menu {
color: #24B0FC;
display: flex;
align-items: center;
padding: 10px 0;
}
header .header .menu a {
color: #24B0FC;
margin: 0px 15px;
text-decoration: none;
}
header .header .menu .bottom-menu {
display: flex;
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.menu-bottom {
cursor: pointer;
}
header .header .menu .bottom-menu:focus {
outline: none;
}
.mt125fixed {padding-top: 125px}
/*
header .header .menu svg {
height: 21px;
}
*/
section#landing_reasonswhy_landing {
background-color: #F5F8FB;
}
section#pacchetti_landing {
background-color: #F5F8FB;
}
div#hs_cos_wrapper_module_160387861790041 {
position: relative;
}
section#study_dog_section {
background-image: linear-gradient(#F5F8FB 50%, #ffffff 0%);
}
header .header .menu .line {
fill: none;
stroke: #24B0FC;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
header .header .menu .line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
header .header .menu .line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
header .header .menu .line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
header .header .conte-form svg.svg-dog,
header .header .conte-form svg.svg-cat {
margin-right: 0;
}
header .header .conte-form {
justify-content: center;
margin-top: 0;
}
header .header .conte-form label.switch-light.switch-candy {
width: 148px;
}
header .header .w-100 {
align-items: center;
width: auto;
}
header .logo-preventivatore {
height: 100%;
}
header .logo-preventivatore img {
height: 100%;
}
header .container .row nav {
height: 100px;
display: flex;
align-items: center;
}
header .container .row nav .conte-nav {
width: 100%;
height: 21px;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 13px;
}
header .container .row nav .conte-nav a {
text-transform: uppercase;
text-decoration: none;
margin-left: 12px;
color: #00558C;
}
header .container .row nav .conte-nav .menu {
color: #24B0FC;
display: flex;
align-items: center;
}
header .container .row nav .conte-nav .menu a {
color: #24B0FC;
}
header .container .row nav .conte-nav .menu .bottom-menu {
display: flex;
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
}
header .container .row nav .conte-nav .menu .bottom-menu:focus {
outline: none;
}
header .container .row nav .conte-nav .menu .bottom-menu .line {
fill: none;
stroke: #24B0FC;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
header .container .row nav .conte-nav .menu .bottom-menu .line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
header .container .row nav .conte-nav .menu .bottom-menu .line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
header .container .row nav .conte-nav .menu .bottom-menu .line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
header .container .row nav .conte-nav .menu .bottom-menu .opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
header .container .row nav .conte-nav .menu .bottom-menu .opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
header .container .row nav .conte-nav .menu .bottom-menu .opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
header .active {
transform: translateY(0);
}
header .internalpage_header {
transform: translateY(0);
position: fixed;
}
/* MAIN */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: #144a82;
-webkit-box-shadow: 0 0 0px 1000px whiteinset;
transition: background-color 5000s ease-in-out 0s;
}
main {
color: #303030;
}
.nav-main .conte-nav .menu {
cursor: pointer;
}
/* Landing page */
#landing_page_header .nav-main .logo_conte_image {
max-height: 100px;
}
.button_landing {
margin-top: 42px;
}
button.conte-button-send a {
text-decoration: none;
color: white;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
main .landing_bottom .conte-package-rectangle h2 {
padding-bottom: 0 !important;
}
main .landing_promozione {
display: flex;
justify-content: center;
align-items: center;
}
#landing_reasonswhy_landing .conte-package-rectangle .conte-section-dx {
width: 50%;
height: 471px;
border-radius: 0 40px 40px 0;
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/lovelydog.jpeg");
background-size: cover;
background-position: center;
z-index: 2;
}
main .landing_promozione .conte-package-rectangle {
width: 50%;
width: 70%;
padding: 100px 116px;
background-color: #C8102E;
justify-content: center;
align-items: center;
flex-direction: column;
color: white;
max-height: fit-content;
max-height: -moz-fit-content;
height: auto;
position: relative;
}
.svg-logo_landing_promozione {
position: absolute;
top: -30px;
}
main .landing_promozione .conte-package-rectangle h2{
color: white;
text-align: center;
padding-bottom: 24px;
}
main .landing_promozione .conte-package-rectangle p{
text-align: center;
color: white;
margin: 0;
}
#promozione_background_landing {
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent 10%, #00558C 0%);
position: relative;
}
#promozione_background_landing .conte-plaster {
display: flex;
justify-content: center;
align-items: center;
width: 98px;
height: 110px;
background-color: white;
position: absolute;
left: 28px;
top: -83px;
z-index: 1;
border-radius: 24px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
#promozione_background_landing .faq-inside {
background-color: transparent;
padding-top: 110px;
}
#promozione_background_landing .faq-inside h2{
padding-bottom: 54px;
}
#promozione_background_landing .conte-plaster .pet-cure-circle {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
background-color: #00558C;
border-radius: 50%;
}
.col-white {
color: white;
}
#promozione_background_landing .cards-flex_landing {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
width: 100%;
margin-top: 146px;
height: 324px;
}
#promozione_background_landing .conte-rectangle-container {
display: flex;
justify-content: flex-end;
height: 100%;
position: relative;
}
/* #promozione_background_landing .conte-rectangle-container:nth-child(2n) {
margin: 0 16px;
}
#promozione_background_landing .conte-rectangle-container:last-child {
margin-left: 16px;
}
#promozione_background_landing .conte-rectangle-container:first-child {
margin-right: 16px;
} */
#promozione_background_landing .conte-rectangle-container .conte-rectangle{
max-height: none;
height: 100%;
padding: 48px 30px 32px;
}
#promozione_background_landing .conte-rectangle-container .conte-rectangle h2{
font-size: 20px;
}
.shape-top{
position:absolute;
top:-1px;
left:0;
width: 100%;
height: 100%;
background-color: white;
background-repeat: no-repeat;
background-size: cover;
-webkit-clip-path: polygon(0 0, 100% 0, 50% 50%, 0 0%);
clip-path: polygon(0 0, 100% 0, 50% 50%, 0 0%);
}
.scopripacchetti_landing {
display: flex;
align-items: center;
justify-content: center;
border: 3px solid white;
border-radius: 34px;
height: 68px;
padding: 1rem 2rem;
margin: 0;
text-decoration: none;
background: transparent;
color: #ffffff;
font-size: 1rem;
cursor: pointer;
text-align: center;
transition: background 250ms ease-in-out,
transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}
.scopripacchetti_landing.max_width_wyswyg {
max-width: 250px;
}
.scopripacchetti_landing:hover,
.scopripacchetti_landing:focus {
background: transparent;
}
.scopripacchetti_landing:focus {
outline: none;
outline-offset: none;
}
main .landing_promozione .conte-package-rectangle h3{
color: white;
text-align: center;
font-size: 32px;
font-family: 'Basier Circle Regular';
padding-bottom: 24px;
}
main .landing_promozione .conte-package-rectangle .offertalancio{
font-family: 'Basier Circle Regular';
text-align: center;
padding-bottom: 0;
color: #c8102e;
font-size: 32px;
}
main .landing_promozione .conte-package-rectangle .offerta_promo_landing{
font-family: 'Basier Circle Regular';
text-align: center;
padding-bottom: 0 ;
color: #c8102e;
font-size: 16px;
}
.preventivo_call , .preventivo_call_online {
padding: 24px 16px 24px 48px;
background-color: #f5f8fb;
border-radius: 8px;
padding-bottom: 12px;
display: grid;
grid-template-columns: repeat(10, 1fr);
}
.grid-template {
padding: 24px 16px 24px 48px;
}
.grid-preventivo-sx .actions .conte-button-send {width: 100% !important;}
.grid-preventivo-sx {
grid-column: 8/10;
align-self: center;
}
.grid-preventivo {
grid-column: 1/7;
}
.preventivo_call img {
margin-right: 32px;
max-width: 65px;
max-height: 65px;
min-width: 65px;
min-height: 65px;
border-radius: 50%;
}
.preventivo_h3_online {
display: flex;
}
.preventivo_h3_online h3{
margin-right: 16px;
}
.preventivo_call_online img {
margin-right: 32px;
max-width: 65px;
max-height: 65px;
min-width: 65px;
border-radius: 50%;
min-height: 65px;
}
.disp-flex {
display: flex;
}
.codice_promozionale_landing {
background-color: white;
margin-bottom: 32px;
padding: 0 8px;
}
main .landing_promozione .conte-package-rectangle h4{
color: white;
text-align: center;
font-size: 24px;
font-family: 'Basier Circle Regular'
}
main .landing_promozione .conte-package-rectangle .polygon-cat-dog{
padding-bottom: 32px;
}
.input {
position: relative;
}
.error-age {
display: none;
position: absolute;
width: 100%;
background-color: #C8102E;
top: 23px;
color: white;
padding: 0px 4px !important;
}
b, strong {
font-family: 'Basier Circle Bold';
}
.flex-center-button {
display: flex;
justify-content: center;
align-items: center;
}
.preventivo-button {
width: 50% !important;
}
.flex-center-button a {
text-decoration: none;
color: white;
}
/* fix problem home animation */
section#garanzie {
}
/* .preventivo_landing_bottom_pag {
display: flex;
justify-content: flex-end;
width: 42%;
} */
.preventivo_landing_bottom_pag button {
height: 68px;
max-width: 220px;
width: 100%;
color: #86d78b;
border-radius: 34px;
padding: 0;
border: 4px solid #86d78b;
text-transform: uppercase;
font-family: "Basier Circle Regular";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.176px;
background: #fff;
cursor: pointer;
}
.home-overlay {
display: none;
background-color: white;
width: 100%;
position: absolute;
height: 100%;
opacity: 0.5;
border-radius: 34px;
}
.conte-select .error-age p {
color: white;
padding: 0 !important;
font-size: 12px;
line-height: normal;
}
.cani-pericolosi {
text-decoration: underline;
font-family: 'Basier Circle Bold';
cursor: pointer;
}
.actions a { text-decoration: none;}
#hero_landing-page h1 {
font-size: 48px;
line-height: normal;
}
#overlay {
background-color: rgba(0,0,0,0.7); /* Black background with opacity */
display: none;
/*cursor: pointer;*/ /* Add a pointer on hover */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
z-index: 11; /* Specify a stack order in case you're using a different order for other elements */
position: fixed;
top:0;
left: 0;
right: 0;
}
#overlay-landing {
background-color: rgba(0,0,0,0.7); /* Black background with opacity */
display: none;
cursor: pointer; /* Add a pointer on hover */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
position: fixed;
top:0;
left: 0;
right: 0;
}
.display_none {
display: none;
}
.display_block {
display: block;
}
#overlay_preventivo {
position: fixed; /* Sit on top of the page content */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.7); /* Black background with opacity */
z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
#overlay .close {
justify-content: flex-start;
align-content: center;
display: flex;
margin: auto;
width: 90%;
}
.#textoverlay .header-overlay {
position: relative;
}
#textoverlay .header-overlay h2 {
font-family: 'Basier Circle Regular' !important;
margin-bottom: auto;
font-style: normal;
line-height: 38px;
margin-top: auto;
font-weight: 600;
font-size: 32px;
color: #032A43;
}
#textoverlay .header-overlay .fa-times {
transform: translate: (-50%, -50%);
position: absolute;
font-size: 16px;
right: 4%;
top: 37%;
cursor: pointer;
}
#overlay-landing-promo .overlay-internal-promo .fa-times {
transform: translate: (-50%, -50%);
position: absolute;
font-size: 16px;
right: 0%;
top: 0%;
}
#overlay-landing-promo .overlay-internal-promo span {
margin-top: 20px;
}
#overlay-landing-promo .overlay-internal-promo small {
font-style: italic;
}
#overlay .close .fa-window-close {
font-size: 20px;
color: #000;
}
#overlay .logo-overlay img,
#overlay_preventivo .logo-overlay img{
width: 80px;
object-fit: contain;
}
#overlay .logo-overlay,
#overlay_preventivo .logo-overlay{
padding-top: 8px;
}
#overlay_preventivo .close {
justify-content: space-between;
align-items: center;
display: flex;
height: 100%;
}
#overlay_preventivo .close .fa-window-close {
color:#00558C;
font-size: 20px;
}
#textoverlay {
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff;
border-radius: 10px;
position: absolute;
color: black;
width: 80%;
left: 50%;
top: 50%;
}
#overlay-landing-promo {
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff;
padding: 20px 30px;
position: absolute;
color: black;
width: 45%;
left: 50%;
top: 50%;
}
#textoverlay_preventivo {
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff;
position: absolute;
color: black;
width: 80%;
left: 50%;
top: 50%;
}
.header-overlay {
background-color: #F5F8FB;
border-radius: 10px;
}
.header-overlay_preventivo{
background-color: #F5F8FB;
}
#textoverlay .overlay-container {
padding: 16px;
margin: auto;
width: 90%;
}
#textoverlay_preventivo .overlay-container {
justify-content: space-between;
padding: 8px;
display: flex;
}
#textoverlay_preventivo .header-overlay h2 {
font-size: 18px;
margin: 0;
padding: 0;
}
#textoverlay .overlay-container ul li{
list-style-position: inside;
min-width: 110px;
font-size: 14px;
line-height: 18px;
}
#textoverlay .overlay-container ul{
width: 100%;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
@media screen and (min-width: 767px) and (max-width:991px) {
#textoverlay .overlay-container ul{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
width: 100%;
}
}
.titolo_razze_speciali h3 {
font-family: 'Basier Circle Regular' !important;
margin-bottom: 20px;
font-style: normal;
line-height: 29px;
font-weight: 600;
font-size: 24px;
color: #00558C;
}
/* 18px titolo
li 16px sennò 14px
interlinea 18px */
#button_scopridipiu_landing {
background-color: transparent;
border: 4px solid white;
margin-left: 32px;
}
main #cards_landingpage .conte-sect-cards {
background: linear-gradient(180deg,#f5f8fb 95%,white 10%);
}
#cards_landingpage .conte-cuccioli-row .conte-assistance,
#cards_landingpage .conte-cuccioli-row .conte-cuccioli {
top: 80px;
}
#cards_landingpage .container-fluid.p0.pos-relative, .p0.pos-relative.container-sm, .p0.pos-relative.container-md, .p0.pos-relative.container-lg, .p0.pos-relative.container-xl {
margin-bottom: 320px;
}
#cards_landingpage .conte-rectangle-container {
height: auto;
}
#cards_landingpage .section-span {
display: flex;
align-items: center;
}
.no-active {
font-family: 'Basier Circle Regular' !important;
}
#cards_landingpage span {
margin-right: 24px;
}
main #cards_landingpage .swiper-slide {
width: 100% !important;
padding: 0;
}
main #cards_landingpage .swiper-container {
padding: 0;
margin: 24px -3% 0;
border: 1px solid #00558c;
border-radius: 8px;
width: 106%;
}
main #cards_landingpage .conte-rectangle {
max-height: none;
}
main #cards_landingpage .swiper-container .main-test {
padding: 16px 24px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
height: auto;
}
main #cards_landingpage .swiper-container .testimonianza p{
line-height: normal;
font-size: 14px;
margin-bottom: 24px;
}
#cards_landingpage .section-span p {
color: #00558C;
font-family: "Basier Circle Semi-bold"
}
#cards_landingpage .conte-rectangle {
margin: 0;
}
.button_landing .actions .conte-button-send{
width: auto;
margin-bottom: 8px;
}
.button_landing button {
text-transform: uppercase;
}
.button_landing .actions {
display: flex;
flex-direction: column;
}
#hero_landing-page h2 {
font-size: 30px;
}
#proteggilo_mobile {
display: none;
}
.conte_proteggi_ora_mobile {
display: flex;
justify-content: center;
align-items: center;
}
.backg_red {
background-color: #C8102E;
}
#proteggilo, #proteggilo_ora, #proteggilo_mobile {
width: 216px;
height: 58px;
text-align: center;
margin-left: 24px;
}
header #proteggilo_ora {
padding: 0;
}
.container_landing_page_red {
display: flex;
justify-content: center;
align-items: center;
}
.couponcontainer p {
color: white !important;
}
.thankyoutelephoneform a {
color: #00558C;
}
.thankyoutelephoneform {
background-color: rgba(97, 210, 134, 0.1);
}
.success_landing {
background-color: rgba(97, 210, 134, 0.1);
}
.couponcontainer {
background-color: #FC4A4B;
padding: 8px 0;
display: flex;
justify-content: center;
align-items: center;
width: 70%;
color: white;
border-radius: 8px;
margin-top: 16px;
padding: 16px;
}
.container_landing_page_red p{
color: white;
text-align: center;
}
.preventivo_al_telefono_container {
position: relative;
border: 1px solid #00558C;
border-radius: 8px;
margin: 44px 0 ;
}
.preventivo_online_container {
position: relative;
border: 1px solid #00558c;
border-radius: 8px;
margin: 44px 0;
padding-bottom: 16px;
background-color: #f5f8fb;
}
#preventivo_al_telefono_landing_id .module-form-hubspot form > div {
min-width: 30%;
}
/* contattaci */
.margin-top-60px {
margin-top: 60px;
}
.mobile-only_internal {
display: none;
}
.fs32px {
font-size: 32px;
}
.fs24px {
font-size: 24px;
}
.colorblueconte {
color: #00558C;
}
.form_internal-container {
width: 100%;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
border-radius: 8px;
}
.scrivici_internal {
padding: 24px 48px;
background-color: #f5f8fb;
transform: scale(0.98) translate(0px, 9px);
border-radius: 8px;
width: 100%;
display: flex;
justify-content: center;
}
.module-form-hubspot {
padding-top: 30px;
margin: auto;
width: 85%;
}
.module-form-hubspot .hs-form-required {
display: none;
}
.module-form-hubspot ul li {
list-style: none;
}
.module-form-hubspot input {
width: 100%;
text-overflow: ellipsis;
-moz-appearance: none;
-webkit-appearance: none;
padding: 16px;
font-size: 16PX;
border-radius: 10px;
border: 1px solid #C4C4C4;
margin: 20px 0px;
}
.module-form-hubspot select {
width: 100%;
padding: 16px;
font-size: 16PX;
border-radius: 10px;
border: 1px solid #C4C4C4;
margin-top: 8px;
text-overflow: ellipsis;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/chevron-down.svg");
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.9em auto, 100%;
}
#label-email-284c70f9-c7a3-4faf-b055-6618770ca97a_1993 span {
text-align: center;
}
textarea {
-moz-appearance: none;
-webkit-appearance: none;
font-family: 'Basier Circle Regular'
}
.module-form-hubspot .form-columns-2 ,
.module-form-hubspot .form-columns-1{
padding-bottom: 32px;
max-width: none;
}
.module-form-hubspot input:hover,
.module-form-hubspot select:hover {
border: 1px solid #303030;
}
.module-form-hubspot .legal-consent-container .hs-form-booleancheckbox-display p,
.module-form-hubspot .legal-consent-container .hs-form-booleancheckbox-display > span{
font-size: 12px !important;
display: block;
}
.module-form-hubspot input:active,
.module-form-hubspot select:active {
border: 1px solid #00558C;
}
.hs_reclamo.hs-reclamo.hs-fieldtype-textarea.field.hs-form-field {
min-width: 100%;
}
.module-form-hubspot input:focus-within,
.module-form-hubspot select:focus-within {
border: 1px solid #00558C;
}
.module-form-hubspot input:focus,
.module-form-hubspot select:focus {
border: 1px solid #00558C;
}
.module-form-hubspot input:valid,
.module-form-hubspot select:valid {
border: 1px solid #86D78B;
}
.module-form-hubspot textarea {
margin-top: 8px;
font-size: 16px;
border-radius: 10px;
width: 100% !important;
margin-bottom: 20px;
resize: none;
height: 126px;
padding: 16px;
border: 1px solid #303030;
}
.module-form-hubspot li.hs-form-booleancheckbox label {
display: flex;
align-items: center;
}
.module-form-hubspot input[type='checkbox'] { padding: 0; appearance: checkbox;
-moz-appearance: checkbox;
-webkit-appearance: checkbox;
border: 0;
cursor: pointer;
height: auto;
line-height: normal;
margin-right: .35rem;
padding: 0;
width: auto;
min-width: 20px;
}
.module-form-hubspot .actions {
justify-content: center;
align-items: center;
display: flex;
height: 100%;
}
.module-form-hubspot input[type='submit'] {
height: 68px;
margin-top: 30px;
max-width: 220px;
background: #86d78b;
color: white;
border-radius: 34px;
padding: 0;
border: 4px solid #DAF3DC;
text-transform: uppercase;
font-family: "Basier Circle Regular";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.176px;
-webkit-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
cursor: pointer;
}
#email-284c70f9-c7a3-4faf-b055-6618770ca97a_1450 {
margin: 20px 0px;
}
.module-form-hubspot input[type='submit']:hover {
box-shadow: 0 0 0 5px #d9f3db, 0 0 0 10px rgba(217,243,219,.5);
background-color: #61d286;
}
.module-form-hubspot fieldset {
max-width: none !important;
}
.module-form-hubspot ul.no-list.hs-error-msgs.inputs-list {
background-color: none;
color: white;
width: 100%;
position: relative;
top: -3px;
margin-right: 8px;
padding: 0px 0px 0px 20px;
}
.module-form-hubspot label.hs-main-font-element {
color: white;
}
.module-form-hubspot .hs_error_rollup {
position: absolute;
bottom: -24px;
max-width: 280px; }
.module-form-hubspot input[type='submit']:focus {
outline: none;
}
.module-form-hubspot form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
}
.module-form-hubspot .legal-consent-container .hs-error-msgs label {
color: white;
}
.module-form-hubspot form > div {
/* border: 1px solid red ; */
flex-grow: .5;
padding-bottom: 32px;
padding-bottom: 32px;
border-radius: 50px;
padding-right: 32px;
width: 100%;
padding: 0 ;
margin: 0 ;
}
.hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field {
min-width: 100%;
}
.module-form-hubspot .invalid,
.module-form-hubspot .error {
border: 1px solid #FF0000;
}
.module-form-hubspot .hs-error-msg {
color: red;
font-size: 12px;
}
.contactus_phone_sect {
background-color: rgba(0, 85, 140, 0.08);
width: 100%;
height: 213px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
color: #00558C;
}
.contactus_phone_sect .number {
background: #FFFFFF;
border: 1px solid #00558C;
border-radius: 8px;
}
.contactus_phone_sect .number h2{
margin: 0;
font-size: 24px;
padding: 10px 18px;
color: #00558C;
}
.contactus_phone_sect .number h2 a{
text-decoration: none;
}
.module-form-hubspot p, .module-form-hubspot span, .conte-cta-form-footer p, .module-form-hubspot input[type=email], .conte-cta-form-footer input[type=email], .module-form-hubspot form label, .conte-cta-form-footer form label {
font-family: 'Basier Circle Regular';
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: -0.176px;
color: #303030;
}
/* MAIN INTERNAL PAGE */
.background_red {
background-color: #C8102E !important;
}
div.anchor:before { content: ''; display: block; position: relative; width: 0; height: 165px; margin-top: -165px }
.can_gat_internal {
color: #00558c;
text-decoration: underline;
font-family: 'Basier Circle Bold';
}
.tab-pane {
word-wrap: break-word;
}
.tab-pane ul {
margin-left: 15px;
}
.tab-content h1 {
margin-bottom: 8px;
}
.internalpage_garanzieheader {
padding-bottom: 32px;
}
#int_pa_header.active {
transform: translateY(-100%);
}
#int_pa_header.activefx {
position: fixed;
transform: translateY(0);
}
h2.internalh2 {
font-size: 20px;
color: #00558C;
}
.main-internalpage {
padding-top: 48px;
padding-bottom: 136px;
}
.padroni_internal {
flex:auto;
}
.main-internalpage a{
color: #00558c;
}
.tab-pane h2 {
color: #00558C;
font-family: 'Basier Circle Semi-Bold';
}
.control .internalh2 {
margin-bottom: 16px;
}
.control {
position: sticky;
position: -webkit-sticky;
top: 200px;
}
.container.main-internalpage {
margin-top: 80PX;
}
.tabs>div.active {
font-family: 'Basier Circle Semi-Bold';
}
.tab-content {
position: relative;
width: 100%;
height: 100%;
}
.tab-pane {
margin-bottom: 32px;
}
.tabs>div {
margin-bottom: 16px;
font-size: 14px;
}
.tab-pane {
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.faq-control {
width: 100%;
}
.control a {
text-decoration: none;
color: #303030;
}
/* END MAIN INTERNAL PAGE */
.mt16 {
margin-top: 16px;
}
.fa-angle-down:before {
color: #303030;
}
html.home {
scroll-behavior: smooth;
}
html {
scroll-behavior: none;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
.main-overlay {
display: none;
visibility: hidden;
opacity: 0;
background-color: rgba(15, 72, 132, 0.7);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
}
/* ULTIME MODIFICHE PREVENTIVATORE JS */
.h-preventivatore-main form.flex.w-100 {
background-color: white;
border-radius: 32px;
padding: 8px 8px 8px 24px;
box-shadow: 0px 0px 16px 4px rgba(0,85,140,0.08);
}
header .h-preventivatore-main .conte-form label.switch-light.switch-candy {
width: 128px;
}
header .h-preventivatore-main .conte-form {
height: 94px;
}
.conte-form .input input[type=text]:focus {
border-bottom: 1px solid #24b0fc;
}
.conte-form .input select:focus {
border-bottom: 1px solid #24b0fc;
}
.h-preventivatore-main .conte-form label.switch-light.switch-candy span {
height: 50px;
}
.h-preventivatore-main input.conte-button-send {
height: 50px;
}
/* STOP */
.community_cont_ptpb {
padding: 136px 0 104px;
}
.mesi-mesi {
font-size: 14px;
}
main section.community .community-container .visit-community {
padding-top: 16px;
}
.menu-bottom {
display: flex;
justify-content: center;
align-items: center;
}
.main-overlay.active-overlay {
display: block;
opacity: 1;
visibility: inherit;
}
.conte-cta-container {
width: 100%;
display: flex;
justify-content: center;
}
.dettagli a {
display: inline-flex;
text-decoration: none;
align-items: center;
}
.reasonswhy-img-mobile {
display: none;
}
/* Swiper */
.swiper-pagination.swiper-pagination-bullets-dynamic {
overflow: unset;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0 !important;
}
main .swiper-container .main-test {
height: 240px;
padding: 46px 23px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
.test-image {
display: flex;
padding-right: 10px;
}
.test-image .ellipse {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
border-radius: 50%;
}
.test-image .ellipse img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.credenziali {
padding-left: 10px;
}
.conte-form {
/* padding: 0 12px; */
padding: 0 8px;
display: flex;
align-items: center;
width: 100%;
height: 88px;
background-color: white;
margin-top: 16px;
border-radius: 44px;
/* Support for rtl text, explicit support for Arabic and Hebrew */
}
.conte-form .conte-cucciolo {
justify-content: center;
align-items: center;
}
.conte-form .conte-select {
justify-content: center;
align-items: center;
margin-left: 10px;
}
.conte-form .input {
display: flex;
-webkit-appearance: none;
flex-direction: column;
}
.conte-form .input input[type=text] {
background-color: transparent;
width: 186px;
border: none;
-webkit-appearance: none;
border-radius: 0;
border-bottom: 1px solid #144A82;
font-size: 20px;
color: #144A82;
}
.conte-form .input ::-moz-placeholder {
color: #A1BACB;
opacity: 1;
}
.conte-form .input :-ms-input-placeholder {
color: #A1BACB;
opacity: 1;
}
.conte-form .input ::placeholder {
color: #A1BACB;
opacity: 1;
}
.conte-form .input input[type=text]:focus {
outline: none;
}
.conte-form .input input:focus {
outline: none !important;
}
.conte-form .input input[type=checkbox i]:focus {
outline: none !important;
}
.conte-form .input label {
-webkit-appearance: none;
font-size: 12px;
color: #144A82;
}
.conte-form .conte-buttons {
position: relative;
margin-left: 10px;
}
.conte-form label:focus {
outline: none;
}
.conte-form .switch-toggle.switch-candy,
.conte-form .switch-light.switch-candy > span {
background-color: #F0F9FF;
border-radius: 3px;
box-shadow: none;
}
.conte-form .switch-light.switch-candy input ~ span span:first-child,
.conte-form .switch-light.switch-candy input:checked ~ span span:nth-child(2),
.conte-form .switch-candy input:checked + label {
color: white;
text-shadow: none;
}
.conte-form .switch-light.switch-candy span span,
.conte-form .switch-light.switch-candy input:checked ~ span span:first-child,
.conte-form .switch-toggle.switch-candy label {
color: #144A82;
font-weight: inherit;
text-align: center;
text-shadow: none;
}
.conte-form .switch-light.switch-candy svg svg,
.conte-form .switch-light.switch-candy input:checked ~ span .svg-dog,
.conte-form .switch-toggle.switch-candy label {
fill: #144A82;
}
.conte-form .switch-light.switch-candy svg svg,
.conte-form .switch-light.switch-candy input:checked ~ span .svg-cat,
.conte-form .switch-toggle.switch-candy label {
fill: white;
}
.conte-form svg.svg-dog,
.conte-form svg.svg-cat {
margin-right: 10px;
}
.conte-form label.switch-light.switch-candy {
width: 248px;
}
.conte-form label.switch-light.switch-candy span {
height: 60px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 34px;
}
.conte-form label.switch-light.switch-candy a {
border-radius: 34px;
box-shadow: none;
background-color: #00558C;
background-image: none;
border: none;
}
.conte-form label.switch-light.switch-candy a:focus {
outline: none;
}
.conte-form label.switch-light.switch-candy span:focus {
outline: none;
}
.conte-form label.switch-light.switch-candy input:focus {
outline: none;
}
.conte-form .input select {
width: 278px;
height: 24px;
border: none;
border-bottom: 1px solid;
border-radius: 0;
font-size: 20px;
color: #144A82;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/chevron-down.svg");
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.9em auto, 100%;
/* Hide arrow icon in IE browsers */
}
.conte-form .input select:focus {
outline: none;
}
.conte-form .input select::-ms-expand {
display: none;
}
.conte-form .input select option {
font-weight: normal;
}
.conte-form *[dir=rtl] .input,
.conte-form :root:lang(ar) .input,
.conte-form :root:lang(iw) .input {
background-position: left 0.7em top 50%, 0 0;
padding: 0.6em 0.8em 0.5em 1.4em;
}
:root {
--swiper-theme-color: #144A82 !important;
}
.conte-form .actions {
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.conte-form .dog-svg {
z-index: 1;
position: absolute;
top: 13px;
left: 19px;
pointer-events: none;
}
.conte-form .cat-svg {
position: absolute;
top: 13px;
left: 140px;
pointer-events: none;
}
.conte-form svg.cane-gatto-active {
fill: white;
pointer-events: none;
}
.conte-form input#slide_cane_button {
width: 127px;
height: 60px;
border-radius: 43px;
border: none;
color: #144A82;
font-size: 16px;
position: relative;
z-index: 1;
background: #F0F9FF;
padding-left: 40px;
}
.conte-form input#slide_cane_button:focus {
outline: none;
}
.conte-form input#slide_gatto_button {
width: 248px;
position: absolute;
padding-right: 15px;
border-radius: 43px;
height: 60px;
border: none;
display: flex;
color: #144A82;
font-size: 16px;
background: #F0F9FF;
justify-content: flex-end;
box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.conte-form input#slide_gatto_button:focus {
outline: none;
}
.conte-form .cane-gatto-active {
background: #00558C !important;
color: white !important;
}
.actions {
position: relative;
display: flex;
}
.actions .conte-button-send {
height: 68px;
-webkit-appearance: none;
background: #86d78b;
border-radius: 34px;
padding: 10px 20px;
border: 4px solid #daf3dc;
text-transform: uppercase;
font-family: "Basier Circle Regular";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.176px;
color: #fff;
-webkit-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
cursor: pointer;
}
.actions .conte-button-send:hover {
box-shadow: 0 0 0 5px #d9f3db, 0 0 0 10px rgba(217,243,219,.5);
background-color: #61d286;
}
.actions .conte-button-send:focus {
outline: none;
-webkit-appearance: none;
}
main .first-table {
/* height: 116px; */
/* height: 112px; */
height: 152px;
}
main .conte-sect-cards,
main .conte-sect-cucciolo,
main .assicurazioni-cta {
background-color: #F5F8FB;
}
main .assicurazioni-cta {
padding-top: 56px;
}
main .assicurazioni-cta .row {
row-gap: 24px;
}
main .insurance-cta {
display: flex;
align-items: center;
gap: 16px;
padding: 24px 32px;
border-radius: 30px;
background: #fff;
box-shadow: 4px 4px 34px 0px rgba(0, 0, 0, 0.15);
text-decoration: none;
transition: all 0.15s ease-in-out;
}
main .insurance-cta:hover {
transform: scale(1.05);
}
main .insurance-cta svg {
flex-shrink: 0;
}
main .insurance-cta p {
flex: 1;
font-family: "Basier Circle Semi-Bold", sans-serif;
font-size: 24px;
line-height: normal;
color: var(--blue);
text-align: center;
}
main .conte-sect-cards {
background: linear-gradient(180deg, #F5F8FB 90%, white 10%);
}
main .conte-hero {
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/Group237.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.4);
padding-bottom: 56px;
}
main .conte-coming-soon {
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/Group237.jpg");
background-size: cover;
background-position: center;
box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.4);
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
main .conte-coming-soon .button-coming-soon {
background-color: rgba(73,74,82,1.0);
border: 1px solid #494a52;
border-radius: 6px;
color: #fff;
padding: 15px 53px;
cursor: pointer;
display: inline-block;
font-size: .92rem;
font-weight: normal;
height: auto;
line-height: 1.1;
margin: 0;
position: relative;
text-align: center;
text-decoration: none;
transition: all .15s linear;
white-space: normal;
width: auto;
word-break: break-word;
}
main .conte-hero .conte-first-section {
padding-top: 24px;
}
main .conte-hero .conte-second-section {
padding-top: 45px;
}
main .conte-cuccioli-row {
width: 100%;
margin: 0;
}
main .conte-cuccioli-row .conte-cuccioli {
position: relative;
width: 100%;
display: flex;
justify-content: flex-end;
}
main .conte-cuccioli-row .conte-cuccioli .conte-plaster {
display: flex;
justify-content: center;
align-items: center;
width: 151px;
height: 167px;
background-color: white;
position: absolute;
right: 83px;
bottom: -75px;
border-radius: 24px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
main .conte-cuccioli-row .conte-cuccioli .conte-plaster .pet-cure-circle {
display: flex;
align-items: center;
justify-content: center;
width: 103px;
height: 103px;
background-color: #00558C;
border-radius: 50%;
}
main .conte-cuccioli-row .conte-cuccioli img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 600px;
margin-top: 50px;
border-radius: 40px 0px 0px 40px;
}
main .conte-cuccioli-row .conte-assistance {
position: relative;
width: 100%;
display: flex;
justify-content: flex-end;
}
main .conte-cuccioli-row .conte-assistance .conte-plaster {
display: flex;
justify-content: center;
align-items: center;
width: 151px;
height: 167px;
background-color: white;
position: absolute;
left: 83px;
bottom: -75px;
border-radius: 24px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
z-index: 1;
}
main .conte-cuccioli-row .conte-assistance .conte-plaster .pet-cure-circle {
display: flex;
align-items: center;
justify-content: center;
width: 103px;
height: 103px;
background-color: #00558C;
border-radius: 50%;
}
main .conte-cuccioli-row .conte-assistance img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 600px;
margin-top: 50px;
border-radius: 0px 40px 40px 0px;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
main .conte-rectangle-container {
width: 100%;
display: flex;
justify-content: flex-end;
}
main .row-rectangle {
margin-top: 50px;
height: 100%;
}
h4 {
font-size: 14px;
margin-bottom: 8PX;
}
h5 {
font-size: 12px;
color: #C4C4C4;
}
main .conte-rectangle {
position: relative;
width: 100%;
background-color: white;
border-radius: 40px;
padding: 90px 64px 64px 64px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
main .conte-rectangle .polygon-cat-dog svg {
width: 32px;
height: 32px;
}
main .conte-rectangle .conte-square-transform {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
opacity: .5;
top: -50px;
transform: rotate(
45deg
);
left: 10px;
}
main .conte-rectangle .polygon-cat-dog {
position: absolute;
right: 63px;
top: 32px;
}
main .conte-rectangle .conte-star svg {
position: absolute;
fill: #FF0000;
top: -50px;
left: 10px;
}
main .conte-rectangle .conte-circle {
position: absolute;
width: 100px;
height: 100px;
background-color: #FF0000;
opacity: 0.5;
border-radius: 50%;
top: -50px;
left: 10px;
}
main .conte-rectangle .conte-polygon {
position: absolute;
width: 100px;
height: 100px;
background-color: #FF0000;
opacity: 0.5;
transform: scale(0.71) rotate(45deg);
top: -50px;
left: 10px;
}
main .conte-rectangle h2 {
padding-bottom: 16px;
}
main .conte-rectangle .polygon-cat-dog-mob {
display: none;
}
main .conte-paragraph-main {
font-weight: bolder;
font-size: 1.2rem;
line-height: 24px;
color: #000;
}
main .conte-package-rectangle {
display: flex;
padding: 0;
width: 100%;
max-height: 600px;
background-color: white;
border-radius: 40px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
#study_dog_section .conte-package-rectangle {
display: flex;
padding: 0;
width: 100%;
background-color: #00558C;;
border-radius: 40px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
main .conte-package-rectangle .conte-section-sx {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 48px;
background: white;
border-radius: 40px;
z-index: 2;
}
#study_dog_section .conte-section-sx {
width: 75%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 48px;
background-color: #00558C;
border-radius: 40px;
}
main .conte-package-rectangle .conte-section-sx .reasonswhy {
display: flex;
width: 100%;
align-items: center;
padding-bottom: 53px;
}
main .conte-package-rectangle .conte-section-sx .reasonswhy:last-child {
padding-bottom: 0;
}
main .conte-package-rectangle .conte-section-sx .reasonswhy svg {
flex-shrink: 0;
}
main .conte-package-rectangle .conte-section-sx .reasonswhy p {
color: #303030;
padding-left: 33px;
font-size: 24px;
}
#study_dog_section .conte-section-dx {
width: 25%;
height: 176px;
border-radius: 40px 40px 40px 40px;
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/dogstudy.jpeg");
background-size: cover;
background-position: center;
}
.landing_promozione a {
text-decoration: none;
}
main .testimonianze {
justify-content: center;
align-items: center;
padding-bottom: 30px;
}
main .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: calc(100% /3 );
padding: 10px;
}
main .swiper-container {
width: 100%;
padding: 10px;
}
main .swiper-container .main-test {
padding: 46px 23px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
main .swiper-container .container-name {
display: flex;
justify-content: space-between;
}
main .swiper-container .container-name svg {
width: 32px;
height: 32px;
}
main .swiper-container .testimonianza {
padding-top: 23px;
color: #4c4c4c;
}
main .swiper-container .swiper-wrapper {
flex-wrap: wrap;
}
main .conte-switch {
-webkit-appearance: none;
justify-content: center;
padding-bottom: 33px;
}
main .conte-switch label:focus {
-webkit-appearance: none;
outline: none;
}
main .conte-switch .switch-toggle.switch-candy,
main .conte-switch .switch-light.switch-candy > span {
background-color: #F0F9FF;
border-radius: 8px;
box-shadow: none;
}
main .conte-switch .switch-light.switch-candy input ~ span span:first-child,
main .conte-switch .switch-light.switch-candy input:checked ~ span span:nth-child(2),
main .conte-switch .switch-candy input:checked + label {
color: white;
text-shadow: none;
}
main .conte-switch .switch-light.switch-candy span span,
main .conte-switch .switch-light.switch-candy input:checked ~ span span:first-child,
main .conte-switch .switch-toggle.switch-candy label {
color: #303030;
font-weight: inherit;
text-align: center;
text-shadow: none;
}
main .conte-switch .switch-light.switch-candy svg svg,
main .conte-switch .switch-light.switch-candy input:checked ~ span .svg-dog,
main .conte-switch .switch-toggle.switch-candy label {
fill: #144A82;
}
main .conte-switch .switch-light.switch-candy svg svg,
main .conte-switch .switch-light.switch-candy input:checked ~ span .svg-cat,
main .conte-switch .switch-toggle.switch-candy label {
fill: white;
}
main .conte-switch svg.svg-dog,
main .conte-switch svg.svg-cat {
margin-right: 10px;
}
main .conte-switch label.switch-light.switch-candy {
width: 328px;
border: 1px solid #C4C4C4;
border-radius: 8px;
}
main .conte-switch label.switch-light.switch-candy span {
height: 46px;
display: flex;
justify-content: center;
align-items: center;
}
main .conte-switch label.switch-light.switch-candy a {
box-shadow: none;
background-color: #00558C;
background-image: none;
border: none;
}
main .conte-switch label.switch-light.switch-candy a:focus {
outline: none;
}
main .conte-switch label.switch-light.switch-candy span:focus {
outline: none;
}
main .conte-switch label.switch-light.switch-candy input:focus {
outline: none;
}
main .conte-insurance {
align-items: center;
}
main .conte-insurance h2 {
font-size: 24px;
}
.paragraph p {
font-size: 14px;
}
.fixed-menu_landing {
height: 100%;
display: flex;
align-items: center;
}
.conte-nav_landing {
width: 100%;
height: 21px;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 13px;
}
.conte-nav_landing a{
text-transform: uppercase;
text-decoration: none;
color: #00558c;
margin-left: 24px;
}
main .conte-insurance .insurance-card {
position: relative;
background-color: white;
width: calc(100% / 3);
height: 920px;
margin-top: 40px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
margin-bottom: 30px;
border-radius: 4px;
border: 1px solid #C4C4C4;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
main .conte-insurance .insurance-card {
height: 1000px;
}
}
@media screen and (min-width: 811px) and (max-width: 991px) {
main .conte-insurance .insurance-card {
height: 1100px;
}
}
.offerta-lancio {
pointer-events: none;
position: absolute;
top: -38px;
right: -22px;
}
main .conte-insurance .insurance-card .dettagli-inside {
justify-content: space-between;
flex-direction: column;
padding: 36px 26px;
min-height: 550px;
display: flex;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
main .conte-insurance .insurance-card .dettagli-inside {
min-height: 630px;
}
}
@media screen and (min-width: 811px) and (max-width: 991px) {
main .conte-insurance .insurance-card .dettagli-inside {
min-height: 750px;
}
}
main .conte-cta {
width: 100% ; /* importante */
}
main .conte-insurance .insurance-card .dettagli-inside ul {
list-style-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/V.svg");
/* list-style-position: inside;
text-indent: -23px;
padding-left: 23px; */
}
main .conte-insurance .insurance-card .dettagli-inside li {
font-size: 12px;
margin-bottom: 16px;
line-height: 19px;
color: #4c4c4c;
margin-left: 24px;
}
.mesi-mobile {
display: none;
}
main .conte-insurance .insurance-card .dettagli-inside li::marker {
margin: 44px;
}
main .conte-insurance .insurance-card .dettagli-inside li span {
position: relative;
left: 15px;
}
main .conte-insurance .insurance-card .package {
padding-top: 36px;
align-items: center;
justify-content: center;
}
main .conte-insurance .insurance-card .package p {
color: #4C4C4C;
}
main .conte-insurance .insurance-card .package .dettagli {
display: none;
align-items: center;
}
main .conte-insurance .insurance-card .package .dettagli i {
padding-left: 10px;
cursor: pointer;
}
main .conte-insurance .insurance-card .paragraph {
display: flex;
justify-content: center;
align-items: center;
}
main .conte-insurance .costo .mensile {
margin-bottom: 0px;
}
main .conte-insurance .active {
z-index: 2;
margin-top: 0;
height: 960px;
border: 3px solid #00558C;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
main .conte-insurance .active {
height: 1040px;
}
}
@media screen and (min-width: 811px) and (max-width: 991px) {
main .conte-insurance .active {
height: 1140px;
}
}
main .conte-insurance .active .venduto {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #00558C;
}
main .conte-insurance .active .p-venduto {
color: white;
}
main .conte-insurance .polizza {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
}
.sconto_del_ p {
padding: 0px 6px;
}
main .conte-insurance .polizza .actions {
padding: 0px 43px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
main .conte-insurance .polizza .actions .conte-button-send {
width: 100%;
cursor: pointer;
}
.first-table p.mesi-mesi.text-center,
tr p.mesi-mesi.text-center {
font-family: 'Basier Circle Regular';
font-size: 14px;
color: #6C6C6C;
margin: 0;
}
main .conte-insurance .polizza .costo .disp-none {
display: none;
}
.disp-none {
display: none;
}
main .conte-insurance .polizza .costo h2 {
font-size: 46px;
color: #303030;
}
main .conte-insurance .polizza .costo h2 .number {
color: #303030;
}
main .conte-insurance .polizza .costo h2 .number-0 {
font-size: 32px;
}
main .conte-insurance .polizza .costo h2 .choice-pkg {
font-size: 18px;
color: #6D6D6D;
}
.blu-conte-blu {
color: #00558c !important;
}
main section.faq {
padding-top: 182px;
background-color: #F5F8FB;
border-radius: 50% 50% 0 0;
margin-top: 60px;
}
main .faq-inside {
background-color: #F5F8FB;
padding-top: 50px;
padding-bottom: 125px;
}
main .faq-inside p {
display: none;
}
main .faq-inside .question {
padding: 32px;
border: 1px solid #C4C4C4;
border-radius: 8px;
margin-bottom: 10px;
background: white;
cursor: pointer;
}
main .faq-inside .question h3 {
color: #303030;
position: relative;
padding-right: 24px;
}
main .faq-inside .question .active {
color: #00558C;
}
main .faq-inside .question.active {
border: 1px solid #00558C;
}
main .faq-inside .question p {
padding: 10px 0;
color: grey;
}
main .faq-inside .question h3::after {
content: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.13317 0.695498C2.00517 -0.196502 3.21917 -0.266502 4.28517 0.695498L12.1012 8.1895L19.9172 0.695498C20.9832 -0.266502 22.1992 -0.196502 23.0652 0.695498C23.9372 1.5855 23.8812 3.0895 23.0652 3.9255C22.2532 4.7615 13.6752 12.9295 13.6752 12.9295C13.2412 13.3755 12.6712 13.5995 12.1012 13.5995C11.5312 13.5995 10.9612 13.3755 10.5232 12.9295C10.5232 12.9295 1.94917 4.7615 1.13317 3.9255C0.317174 3.0895 0.261174 1.5855 1.13317 0.695498Z' fill='%237D7D7D'/%3E%3C/svg%3E%0A");
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: transform 0.5s;
}
main .faq-inside .question h3.ruota::after {
transform: translateY(-50%) rotate(180deg);
}
.new-promo-border-radius {
border-radius: 10pc 10pc 0 0;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.new-promo-border-radius {
border-radius: 5pc 5pc 0 0;
}
#overlay-landing-promo {
width: 100%;
}
}
main section.community .community-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
height: 100%;
}
main section.community .community-container .logo {
width: 100%;
height: 100%;
order: -1;
padding-right: 33px;
}
main section.community .community-container .logo img {
max-width: 100%;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
border-radius: 40px;
}
main section.community .community-container .join-community {
width: 100%;
/* height: 44%; */
}
main section.community .community-container .visit-community {
width: 100%;
}
main section.community .community-container .visit-community a.button {
text-decoration: none;
color: #00558C;
text-transform: uppercase;
}
main section.community .community-container .visit-community .actions {
width: 260px;
height: 68px;
border: 3px solid #00558C;
display: flex;
justify-content: center;
align-items: center;
border-radius: 34px;
}
article .pet-gold.pet-gold-lc.medium {
padding: 20px 8px;
}
article .first-table h3.mensile,
article .first-table h3.annuale
{
padding: 0px 0 4px;
}
article .choice-pet-disp-no-mob {
padding-bottom: 16px;
}
article .conte-button-send {
height: 68px;
max-width: 160px;
color: #86d78b;
border-radius: 34px;
padding: 0;
border: 4px solid #86d78b;
text-transform: uppercase;
font-family: "Basier Circle Regular";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.176px;
background: #fff;
cursor: pointer;
}
article .conte-button-send:focus {
outline: none;
}
article .button-active-send {
color: #fff;
border: 4px solid #daf3dc;
background: #86d78b;
cursor: pointer;
}
article .button-active-send:hover {
box-shadow: 0 0 0 5px #d9f3db, 0 0 0 10px rgba(217,243,219,.5);
background-color: #61d286;
}
article ul {
display: flex;
top: 0px;
z-index: 2;
justify-content: flex-end;
}
article li {
list-style: none;
}
article li:last-child {
border-right: 1px solid #DDD;
}
article button {
width: 100%;
border: 1px solid #DDD;
border-bottom: 0;
padding: 10px;
border-radius: 8px 8px 0 0;
background: #FFF;
font-size: 14px;
height: 50px;
color: #303030;
}
article button:focus {
outline: none;
}
article .medium {
font-family: "Basier Circle Regular";
font-size: 14px;
}
article li.active button {
background: #00558C;
color: white;
border: none;
}
article table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
article th {
background: #F5F5F5;
display: none;
}
article td {
font-size: 14px;
height: 53px;
}
article th {
height: 40px;
}
article td,
article th {
border: 1px solid #DDD;
padding: 20px 0;
empty-cells: show;
}
article td,
article th {
text-align: left;
}
article .p0 {
padding: 0;
}
article td + td,
article th + th {
text-align: center;
display: none;
}
article td.default {
display: table-cell;
position: relative;
}
article .border-none {
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
}
article .bg-table {
background-color: #F5F8FB;
}
article .border-none-top {
border-left: none;
border-right: none;
border-bottom: none;
}
article .bg-blue {
border-radius: 8px 8px 0 0;
border: 0;
background-color: #00558C;
color: white;
}
article .border-important {
border: none;
}
article .layer {
background-color: rgba(0, 85, 140, 0.05);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
article .pet-btn-gold button {
border: 1px solid #00558C;
border-bottom: none;
width: 100px;
}
article .flex-table {
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0px 10px;
border-radius: 8px 0 0 0;
background-color: #F5F8FB;
}
article .flex-table-r {
border-radius: 0 8px 0 0;
}
article .flex-table.active {
background-color: #00558C;
color: white;
}
article .sep {
font-family: "Basier Circle Regular";
}
article .txt-l {
font-size: 28px;
font-weight: bold;
}
article .txt-top {
position: relative;
top: -9px;
left: -2px;
}
article .hide {
border: 0;
background: none;
}
article small {
font-size: 12px;
padding-top: 12px;
}
article h3 {
font-size: 32px;
color: #ABABAB;
}
article h3 .number {
color: #303030;
}
article h3 .number-0 {
font-size: 20px;
color: #303030;
}
article h3 .choice-pkg {
font-size: 13px;
color: #6D6D6D;
}
article .pet-last .layer {
background: transparent;
}
article ul.conte-pricing-table {
position: relative;
right: 10px;
}
table h3 {
color: #303030;
}
@media (min-width: 992px) {
article .pet-last .layer {
background: rgba(0, 85, 140, 0.1);
}
article small {
font-size: 14px;
}
article td {
font-size: 18px;
}
article .price-table {
display: inline;
}
article .conte-button-send span {
display: none;
}
article .flex-table {
border-radius: 0;
background-color: white;
}
article .flex-table.active {
background-color: white;
color: #303030;
}
article .medium {
font-family: "Basier Circle Regular";
font-size: 24px;
}
article .pet-gold {
justify-content: center;
flex-direction: column;
display: flex;
width: 100%;
height: 100%;
align-items: center;
border-left: 1px solid #00558C;
border-right: 1px solid #00558C;
position: absolute;
top: 0;
}
article .pet-gold-lc {
border-radius: 0 0 8px 8px;
border-bottom: 1px solid #00558C;
}
article .border-important {
border-left: 1px solid #00558C;
border-right: 1px solid #00558C;
}
article ul {
display: none;
}
article td,
article th {
display: table-cell !important;
}
article td,
article th {
width: 330px;
}
article td + td,
article th + th {
width: auto;
}
}
header .nav-main {
padding-block: 8px;
}
/* COMMON */
.clearfix::after {
content: "";
display: table;
clear: both;
}
.overflow-hidden {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
body {
font-family: "Basier Circle Regular";
}
.color-white {
color: white;
}
.semi-bold {
font-family: "Basier Circle Semi-Bold";
}
.pt-85 {
padding-top: 88px;
}
.pb-75 {
padding-bottom: 72px;
}
small {
color: #4C4C4C;
}
h1 {
font-size: 68px;
font-family: "Basier Circle Bold";
line-height: 76px;
margin-bottom: 40px;
}
h2 {
font-size: 40px;
color: #303030;
margin-bottom: 8px;
}
p,
li {
color: #303030;
}
article,
.swiper-container {
color: #303030;
}
.mb125 {
margin-bottom: 125px !important;
}
.mt46 {
margin-top: 46px;
}
.pos-relative {
position: relative;
}
.text-center {
text-align: center;
}
.p0 {
padding: 0;
}
.container-fluid.p0.pos-relative,
.p0.pos-relative.container-sm,
.p0.pos-relative.container-md,
.p0.pos-relative.container-lg,
.p0.pos-relative.container-xl {
margin-bottom: 185px;
}
.color-blue {
color: #00558C;
}
p {
font-size: 16px;
line-height: 24px;
}
.lh-32 {
line-height: 32px;
}
.pl33 {
padding-left: 33px;
}
.ps-absolute {
width: 100%;
margin-top: -54px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pl20 {
padding-left: 20px;
padding-right: 20px;
}
.pr33 {
padding-right: 33px;
}
.pt23 {
padding-top: 24px;
}
.flex {
display: flex;
}
input[type=checkbox i]:focus {
outline-offset: 0px;
}
.w-186 {
width: 186px !important;
}
.w-100 {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
margin-left: 20px;
}
.column {
flex-direction: column;
}
.center {
justify-content: center;
align-items: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
.switch-light input:focus ~ span a,
.switch-light input:focus + label {
outline: none !important;
}
}
/* FOOTER */
footer {
overflow-x: hidden;
padding-bottom: 24px;
background-color: #F7F7F7;
font-family: "Lato", sans-serif;
}
footer a {
text-decoration: none;
color: #10aeff;
}
footer a:visited {
color: #10aeff;
}
footer section.end-footer {
background-color: #F7F7F7;
}
footer section.end-footer .footer-bottom {
padding-top: 10px;
margin: 0 auto;
}
footer section.end-footer .footer-bottom p {
font-size: 0.875rem;
line-height: 1.42857;
text-align: left;
}
footer section.end-footer .footer-bottom ul {
padding: 10px 0 24px 0;
list-style: none;
}
footer section.end-footer .footer-bottom ul li:first-child {
margin: 0;
}
footer section.end-footer .footer-bottom ul li {
font-size: 0.75rem;
line-height: 1.16667;
display: inline-block;
margin-left: 18px;
}
footer section.end-footer .footer-bottom .legal {
clear: both;
font-size: 0.75rem;
line-height: 1.5;
text-align: justify;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-weight: 300;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
footer section.main-footer {
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
padding-top: 30px;
padding-bottom: 10px;
background-color: #F7F7F7;
}
footer section.main-footer .inner-content {
display: flex;
padding-bottom: 30px;
justify-content: space-between;
}
footer section.main-footer .inner-content ul {
list-style: none;
margin-right: 24px;
}
footer section.main-footer .inner-content ul #menu-footer-e {
margin: 0;
}
footer section.main-footer .inner-content ul li {
padding: 3px 0;
font-size: 0.75rem;
line-height: 1.16667;
}
footer section.main-footer .inner-content ul li a {
text-decoration: none;
color: #10aeff;
}
footer section.main-footer .inner-content ul li a:visited {
color: #10aeff;
}
footer section.main-footer .inner-content ul li .title {
display: block;
color: #0f4884;
padding: 0;
font-size: 0.875rem;
}
footer section.main-footer .inner-content ul li .subtitle {
display: block;
font-size: 0.75rem;
padding: 12px 0 6px 0;
}
footer section.first-footer {
background-color: #F7F7F7;
padding: 24px 0;
}
footer section.first-footer .row {
align-items: center;
}
footer section.first-footer .footer-container {
display: flex;
justify-content: space-between;
max-width: 460px;
}
footer section.first-footer .page-footer-admiral {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/admiral_group_plc_logo.svg");
background-size: 116px;
width: 50%;
height: 45px;
}
footer section.first-footer .block-social {
width: 50%;
}
footer section.first-footer .block-pay {
justify-content: flex-end;
width: 100%;
}
footer section.first-footer .block-social,
footer section.first-footer .block-pay {
align-items: center;
}
footer section.first-footer .block-social p,
footer section.first-footer .block-pay p {
font-size: 0.75rem;
line-height: 1.16667;
color: #626072;
padding: 0;
text-align: left;
}
footer section.first-footer .block-social .social-list,
footer section.first-footer .block-social .pay-list,
footer section.first-footer .block-pay .social-list,
footer section.first-footer .block-pay .pay-list {
display: flex;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
list-style: none;
}
footer section.first-footer .block-social .social-list ul,
footer section.first-footer .block-social .pay-list ul,
footer section.first-footer .block-pay .social-list ul,
footer section.first-footer .block-pay .pay-list ul {
display: flex;
}
footer section.first-footer .block-social .social-list .social-item,
footer section.first-footer .block-social .social-list .pay-item,
footer section.first-footer .block-social .pay-list .social-item,
footer section.first-footer .block-social .pay-list .pay-item,
footer section.first-footer .block-pay .social-list .social-item,
footer section.first-footer .block-pay .social-list .pay-item,
footer section.first-footer .block-pay .pay-list .social-item,
footer section.first-footer .block-pay .pay-list .pay-item {
margin: 0 0 0 12px;
}
/* Safari 10.1+ (alternate method) */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.container-fluid.p0.pos-relative,
.p0.pos-relative.container-sm,
.p0.pos-relative.container-md,
.p0.pos-relative.container-lg,
.p0.pos-relative.container-xl {
margin-bottom: 185px !important;
}
#cards_landingpage .container-fluid.p0.pos-relative, #cards_landingpage .p0.pos-relative.container-sm, #cards_landingpage .p0.pos-relative.container-md, #cards_landingpage .p0.pos-relative.container-lg, #cards_landingpage .p0.pos-relative.container-xl {
margin-bottom: 300px !important;
}
/* main .conte-rectangle {
position: absolute;
} */
@media only screen and (max-width: 992px) {
#cards_landingpage #media_div_nnd {
margin-bottom: 370px !important;
}
}
@media only screen and (max-width: 767px) {
#cards_landingpage .container-fluid.p0.pos-relative, #cards_landingpage .p0.pos-relative.container-sm, #cards_landingpage .p0.pos-relative.container-md, #cards_landingpage .p0.pos-relative.container-lg, #cards_landingpage .p0.pos-relative.container-xl {
margin-bottom: 70px !important;
}
#cards_landingpage #media_div_nnd {
margin-bottom: 70px !important;
}
}
}
}
@media only screen and (min-width: 1200px) {
p.cod-sconto {
margin-top: 3px;
}
}
@media only screen and (max-width: 1200px) {
.col-12.fb_garanzie_coperture h1 {
padding: 0 100px;
}
main .conte-form .input select,
main .conte-form .input input[type=text] {
max-width: 150px;
text-overflow: ellipsis;
}
#promozione_background_landing .cards-flex_landing {
height:372px;
}
.preventivo_online_container {
padding-bottom: 24px;
}
.procedi_cc_landing {
margin-top: 0px;
}
/* .preventivo_landing_bottom_pag {
width: 56%;} */
.preventivo_h3_online {
flex-direction: column;
}
#preventivo_al_telefono_landing_id .module-form-hubspot form > div {
min-width: 50%;
}
.padroni_internal {
flex:initial;
}
main .conte-form .input select {
max-width: 150px;
padding-right: 30px;
text-overflow: ellipsis;
}
.pl33 {
padding-left: 15px;
}
main section.community .community-container .join-community {
width: 100%;
}
main section.community .community-container .logo {
width: 100%;
height: 100%;
}
.swiper-slide {
width: calc(100% / 2 ) !important;
}
header .h-preventivatore-main .conte-select {
display: none;
}
header .header-bottom-mobile .conte-form {
width: 328px;
height: 300px;
box-shadow: none;
background-color: transparent;
}
header .header-bottom-mobile.open .header-trigger-button:after {
transform: rotate(45deg);
}
header .header-bottom-mobile .conte-form .input input[type=text] {
width: 100%;
}
header .header-bottom-mobile .conte-form .input {
width: 100%;
}
header .header-bottom-mobile .conte-hero .input select {
width: 100% !important;
text-overflow: ellipsis;
}
header .header-bottom-mobile .conte-select {
width: 100%;
}
header .header-bottom-mobile .conte-form .conte-cucciolo {
width: 100%;
}
header .header-bottom-mobile .conte-form .input {
width: 100%;
}
header .header-bottom-mobile .conte-hero .input select {
width: 100%;
}
header .header-bottom-mobile .conte-cta {
width: 100%;
justify-content: center;
display: flex;
}
header .header-bottom-mobile .conte-form {
border-radius: 8px;
}
header .header-bottom-mobile .conte-select {
margin-left: 0;
}
header .header-bottom-mobile .conte-form .input select {
width: 100% !important;
}
header .header-bottom-mobile .w-100 {
flex-direction: column;
align-items: center;
justify-content: space-around;
height: 100%;
margin-left: 0;
padding: 0px 20px 0;
}
header .header-bottom-mobile .conte-form .conte-buttons {
order: -1;
margin: 0;
}
header .header-bo .conte-form .conte-select {
margin-left: 0;
}
header .header-bottom-mobile .conte-form label.switch-light.switch-candy a {
box-shadow: none;
background-color: #00558C;
background-image: none;
border: none;
}
header .header-bottom-mobile .conte-form .switch-light.switch-candy input ~ span span:first-child,
header .header-bottom-mobile .conte-form .switch-light.switch-candy input:checked ~ span span:nth-child(2),
header .header-bottom-mobile .conte-form .switch-candy input:checked + label {
color: #fff;
font-weight: inherit;
text-align: center;
}
header .header-bottom-mobile .conte-form .switch-light.switch-candy span span,
header .header-bottom-mobile .conte-form .switch-light.switch-candy input:checked ~ span span:first-child,
header .header-bottom-mobile .conte-form .switch-toggle.switch-candy label {
color: #144A82;
text-shadow: none;
}
header .header-bottom-mobile .conte-form .switch-toggle.switch-candy,
header main .conte-hero .conte-second-section .conte-form .switch-light.switch-candy > span {
background-color: transparent !important;
}
header header .header-bottom-mobile .conte-form label.switch-light.switch-candy span {
background-color: transparent;
}
header .header-bottom-mobile .conte-buttons .switch-light a {
position: absolute;
top: 0;
z-index: 1;
display: block;
width: 50%;
height: 100%;
}
}
@media only screen and (max-width: 1020px) {
.txt-cnt-mobile {
text-align: center;
}
}
@media only screen and (max-width: 991px) {
.col-12.fb_garanzie_coperture h1 {
padding: 0px 100px;
}
main .flex.conte-select {
display: none;
}
.pet-last {
background-color: rgba(0, 85, 140, 0.1) !important;
border-radius: 0 0 8px 8px;
}
.contactus_phone_sect {
display: none;
}
.conte-nav > :not(:nth-last-child(-n+2)) {
display: none;
}
}
@media only screen and (max-width: 992px) {
.conte_logo_svg_ {
display: none;
}
.offerta-lancio svg {
width: 100px;
pointer-events: none;
}
.novita2020 {display: none}
#promozione_background_landing .cards-flex_landing {
height: 515px;
}
.offerta-lancio {
pointer-events: none;
top: -38px;
right: -37px;
}
/* .preventivo_landing_bottom_pag {
display: flex;
justify-content: flex-end;
width: 39%;
} */
.choice-pet-disp-no-mob {
display: none;
}
.first-table p.mesi-mesi.text-center {
color: #303030;
}
.pl20 {
padding-left: 12px;
padding-right: 12px;
}
#cards_landingpage .container-fluid.p0.pos-relative, .p0.pos-relative.container-sm, .p0.pos-relative.container-md, .p0.pos-relative.container-lg, .p0.pos-relative.container-xl {
margin-bottom: 444px;
}
main #cards_landingpage {
background: #f5f8fb !important;
}
#media_div_nnd {
margin-bottom: 544px !important;
}
#proteggilo, #proteggilo_ora, #proteggilo_mobile {
width: 184px;
height: 60px;
text-align: center;
margin-left: 24px;
}
main .first-table {
height: 128px;
}
/* Internal page */
.mobile-only_internal {
display: block;
}
/* Da togliere */
main .wyswyg-conte-pet-internal .question p {
display: block !important;
}
/* togliere ^ */
main section.community .community-container .logo {
padding: 0;
}
main section.community .community-container .visit-community {
padding-top: 0;
}
.community_cont_ptpb {
padding: 52px 0 44px;
}
.contactus_internal_mobile svg {
margin-left: 8px;
}
.contactus_internal_mobile p {
color: #00558C;
}
.contactus_internal_mobile a {
text-decoration: none;
display: flex;
}
.contactus_internal_mobile {
display: flex;
justify-content: center;
width: 100%;
border: 1px solid #00558C;
border-radius: 8px;
padding: 16px 0;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
margin-bottom: 32px;
}
.oppure_internal {
margin-bottom: 32px;
}
.mobile-only_internal h2 {
margin-bottom: 16px;
}
.tab-content {
overflow: visible;
height: 100%;
}
.control {
display: none;
}
.tab-pane {
position: initial;
margin-bottom: 16px;
}
/* end internal page */
main .conte-hero {
background-image: url("https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/Group237.jpg");
background-size: cover;
background-position: center;
box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.4);
padding-bottom: 40px;
}
main .conte-form .input select, main .conte-form .input input[type=text] {
max-width: none;
width: 100%;
}
.paragraph p {
font-size: 12px;
}
.w-100 {
justify-content: space-between;
}
main .conte-rectangle {
padding: 96px 56px 56px;
}
main .conte-rectangle .polygon-cat-dog {
RIGHT:56PX;
}
main .conte-rectangle h2 {
PADDING-BOTTOM: 16PX;
}
.pt23 {
PADDING-TOP: 24PX;
}
.active-s-p {
background-color: #F5F8FB;
}
.pet-gold.flex-table.flex-table-r.active h3 {
color: white;
}
.pet-gold.flex-table.flex-table-r.active p {
color: white;
}
.pet-gold.flex-table.flex-table-r.active h3 span {
color: white;
}
header .container .row nav .conte-nav {
justify-content: flex-end;
}
main .conte-package-rectangle .conte-section-sx .reasonswhy p {
font-size: 16px;
}
main .conte-insurance .insurance-card .costo h2 {
font-size: 30px;
color: #303030;
}
main .conte-insurance .insurance-card .costo h2 .number {
color: #303030;
}
main .conte-insurance .insurance-card .costo h2 .number-0 {
font-size: 16px;
}
main .conte-insurance .insurance-card .costo h2 .choice-pkg {
font-size: 12px;
color: #6D6D6D;
}
h1 {
font-size: 46px;
line-height: 60px;
margin-bottom: 16px;
}
h2 {
font-size: 32px;
}
p {
font-size: 16px;
}
footer section.main-footer {
display: none;
}
footer section.end-footer {
border-top: 1px solid #fff;
padding-top: 20px;
}
main section.community .community-container {
justify-content: center;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
}
main section.community .community-container .logo {
JUSTIFY-CONTENT: CENTER;
ALIGN-ITEMS: CENTER;
DISPLAY: FLEX;
width: 100%;
min-height: 60%;
order: 0;
}
main section.community .community-container .logo img {
margin-bottom: 24px;
}
main section.community .community-container .join-community {
width: 100%;
min-height: 20%;
}
main section.community .community-container .visit-community {
width: 100%;
min-height: 20%;
text-align: center;
display: flex;
justify-content: center;
}
main section.community .community-container h2.color-blue.semi-bold {
text-align: center;
padding-bottom: 24px;
}
.mgb-300 {
margin-bottom: 250px !important;
}
.container-fluid.p0.pos-relative,
.p0.pos-relative.container-sm,
.p0.pos-relative.container-md,
.p0.pos-relative.container-lg,
.p0.pos-relative.container-xl {
margin-bottom: 250px;
}
}
@media only screen and (max-width: 900px) {
.container.section__3.section_2_garanzie_coperture {
margin-top: 0;
}
.section_2_garanzie_coperture .conte-rectangle {
padding: 32px 38px;
}
.conte-plaster_garanzie.first_conte_plaster_garanzie {
display: none;
}
.conte-plaster_garanzie {
display: none;
}
.section_2_garanzie_coperture {
margin-top: 0;
margin-bottom: 80px;
}
section#study_dog_section.study_garanzieecoperture {
background: 0;
margin-top: -208px;
}
.col-12.fb_garanzie_coperture h1 {
padding: 0;
margin-right: 0;
}
.mt125fixed {padding-top: 75px}
.offerta-lancio {
}
.preventivo_call , .preventivo_call_online{
grid-template-rows: 1fr 0.5fr;
}
.grid-preventivo-sx {
grid-row: 2;
grid-column: 1/10;
}
.grid-preventivo {
grid-column: 1/10;
}
.conte-nav_landing a {
margin-left: 16px;
}
#study_dog_section p {
font-size: 18px;
}
#promozione_background_landing .cards-flex_landing {
height:auto;
}
/* .preventivo_landing_bottom_pag button {
margin: 8px 0 24px;
width: 60% !important;
max-width: none !important;
} */
#preventivo_al_telefono_landing_id .module-form-hubspot input[type='submit'] {
max-width: none;
margin-bottom: 24px;
}
#promozione_background_landing .faq-inside h2 {
padding-bottom: 24px;
}
.wrap-mobile {
flex-wrap: wrap;
}
/* .preventivo_landing_bottom_pag {
display: flex;
justify-content: center;
width: 100%;
} */
main .landing_promozione .conte-package-rectangle {
width:100%;
}
.scopripacchetti_landing {
height: auto;
}
#promozione_background_landing {
background: linear-gradient(180deg,transparent 5%,#00558c 0%);
}
#cards_landingpage {
margin-top: -48px;
}
main #cards_landingpage {
background: linear-gradient(180deg,#f5f8fb 90%,white 10%) !important;
}
#apartiredalanding_page {
line-height: normal;
}
#hero_landing-page {
padding-bottom: 48px;
}
#preventivo_al_telefono_landing_id .hs_submit.hs-submit {
position: relative;
}
#preventivo_al_telefono_landing_id .legal-consent-container {
order: 1;
}
.legal-consent-container {
padding-bottom: 0 !important;
}
/* LANDING */
#study_dog_section .conte-section-sx {
width: 100%;
justify-content: flex-start;
}
#study_dog_section .conte-package-rectangle {
height: auto;
padding-bottom: 32px;
}
#promozione_background_landing .cards-flex_landing {
display: flex;
justify-content: center;
align-items: center;
margin-top: 54px;
height: auto;
}
#promozione_background_landing .cards-flex_landing {
flex-direction: column;
}
#promozione_background_landing .conte-rectangle-container {
width: 100%;
}
#promozione_background_landing .conte-plaster {
display: none;
}
#promozione_background_landing .conte-rectangle-container:nth-child(2n) {
margin: 16px 0px;
}
#promozione_background_landing .conte-rectangle-container:last-child {
margin-top: 16px;
margin-left: 0 !important;
}
#promozione_background_landing .conte-rectangle-container:first-child {
margin-bottom: 16px;
margin-right: 0;
}
#cards_landingpage .polygon-cat-dog-mob {
display: none
}
#cards_landingpage .section-span {
justify-content: flex-start;
}
#media_div_nnd {
margin-bottom: 70px !important;
}
div#afterheromainh2_landing {
padding-top: 46px;
padding-bottom: 0;
}
#promozione_background_landing .faq-inside {
padding-top: 46px;
}
#apartiredalanding_page {
font-size: 12px;
}
#hero_landing-page h1 {
font-size: 24px;
}
#hero_landing-page h2 {
font-size: 16px;
padding-top: 8px;
}
/* landing end */
.voglio-polizza {
display: none !important;
}
.padroni_internal {
display: none;
}
main .conte-insurance .insurance-card .paragraph {
padding-bottom: 16px;
}
main .conte-insurance .polizza {
justify-content: center;
}
.mesi-mobile {
margin-top: 0;
}
.container_landing_page_red p{
color: white;
text-align: center;
}
.container_landing_page_red p span{
display: none;
}
.module-form-hubspot input {
border-radius: 20px;
width: 100%;
}
.module-form-hubspot textarea {
border-radius: 20px;
width: 100%;
}
.module-form-hubspot {
padding: 24px 8px;
}
.question_interal h3{
font-size: 14px;
}
.nav-main a.a-personale {
display: block;
}
.nav-main a.a-personale span {
display: none;
}
main .conte-insurance .insurance-card .costo h2 .choice-pkg {
font-size: 8px;
color: #6D6D6D;
}
.pt110 {
padding-top: 110px;
}
.conte-cta-container .actions .conte-button-send {
width: 100%;
}
.conte-cta-container .conte-form .actions {
margin-left: 0;
}
main .conte-cta {
position: absolute;
left: 0px;
right: 0px;
top: 40px;
}
main .conte-rectangle h2 {
padding-bottom: 8px;
}
.pt23 {
padding-top: 16px;
}
h2 {
font-size: 24px;
}
main .conte-hero .conte-first-section {
padding-top: 28px;
}
main .conte-insurance {
flex-direction: column;
}
main .conte-insurance .insurance-card {
margin-top: 0;
width: 100%;
height: 100%;
}
main .conte-insurance .active {
height: 100%;
border: 1px solid #00558C;
}
main .conte-insurance .insurance-card .dettagli-inside {
display: none;
}
main .conte-insurance .insurance-card .costo .disp-none {
display: none;
}
main .conte-insurance .insurance-card .costo h2 {
font-size: 32px;
color: #303030;
}
main .conte-insurance .insurance-card .costo h2 .number {
color: black;
}
main .conte-insurance .insurance-card .costo h2 .choice-pkg {
font-size: 16px;
color: #6D6D6D;
}
main .conte-insurance .insurance-card .paragraph {
display: block;
border-bottom: 1px solid #C4C4C4;
}
main .conte-insurance .insurance-card .package,
main .conte-insurance .insurance-card .paragraph,
main .conte-insurance .insurance-card .polizza {
padding-left: 16px;
padding-right: 16px;
}
main .conte-insurance .insurance-card .polizza {
padding-top: 16px;
flex-direction: row;
}
main .conte-insurance .insurance-card .polizza .actions {
padding: 0;
}
main .conte-insurance .insurance-card .polizza .actions .conte-button-send {
width: 162px;
}
main .conte-insurance .insurance-card .package {
padding-right: 16px;
justify-content: space-between;
}
main .conte-insurance .insurance-card .package .dettagli {
display: flex;
margin-bottom: 8px;
}
/* .mesi-mesi {
display: none;
} */
.mesi-mobile {
font-size: 12px;
display: inline-block;
margin-top: 8px;
}
.pb40px {
padding-bottom: 40px;
}
main .conte-form .input select,
main .conte-form .input input[type=text] {
max-width: none;
}
main .conte-form .input select {
max-width: none;
text-overflow: ellipsis;
}
.container-mobile {
padding-top: 320px;
}
main .conte-hero {
padding-bottom: 80px;
}
main .conte-cta {
position: absolute;
left: 0;
right: 0;
top: 60px;
z-index: 1;
}
main .conte-hero .conte-second-section .conte-form {
width: 328px;
height: 368px;
margin-top: 0; /* 33px */
box-shadow: -4px 4px 19px 0px rgba(50, 50, 50, 0.3);
}
main .conte-hero .conte-second-section .conte-form .input input[type=text] {
width: 100%;
}
main .conte-hero .conte-second-section .conte-form .input {
width: 100%;
}
main .conte-hero .input select {
width: 100% !important;
text-overflow: ellipsis;
}
main .flex.conte-select {
width: 100%;
}
main .conte-hero .conte-second-section .conte-form .conte-cucciolo {
width: 100%;
}
main .conte-hero .conte-second-section .conte-form .input {
width: 100%;
}
main .conte-hero .input select {
width: 100%;
}
main .conte-cta {
width: 100%;
justify-content: center;
display: flex;
}
main .conte-hero .conte-second-section .conte-form {
border-radius: 24px;
}
main .w-100 {
flex-direction: column;
align-items: center;
height: 100%;
margin-left: 0;
padding: 24px 20px;
}
main .conte-hero .conte-second-section .conte-form .conte-buttons {
margin: 0;
order: -1;
}
main .conte-hero .conte-second-section .conte-form .conte-select {
margin-left: 0;
}
main .conte-hero .conte-second-section .conte-form label.switch-light.switch-candy a {
box-shadow: none;
background-color: #00558C;
background-image: none;
border: none;
}
main .conte-hero .conte-second-section .conte-form .switch-light.switch-candy input ~ span span:first-child,
main .conte-hero .conte-second-section .conte-form .switch-light.switch-candy input:checked ~ span span:nth-child(2),
main .conte-hero .conte-second-section .conte-form .switch-candy input:checked + label {
color: #fff;
font-weight: inherit;
text-align: center;
/*font-family: "Basier Circle Bold";*/
}
main .conte-hero .conte-second-section .conte-form .switch-light.switch-candy span span,
main .conte-hero .conte-second-section .conte-form .switch-light.switch-candy input:checked ~ span span:first-child,
main .conte-hero .conte-second-section .conte-form .switch-toggle.switch-candy label {
color: var(--blue);
text-shadow: none;
font-family: "Basier Circle Regular";
}
main .conte-buttons .switch-light a {
position: absolute;
top: 0;
z-index: 1;
display: block;
width: 50%;
height: 100%;
}
main .flex.conte-select {
display: block;
}
main .conte-package-rectangle {
height: 600px;
}
.mb35 {
margin-bottom: 35px;
}
.reasonswhy-img-mobile {
display: flex;
justify-content: center;
width: 100%;
height: 50%;
border-radius: 40px;
position: relative;
top: -30px;
}
.reasonswhy-img-mobile img {
width: 80%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 40px;
box-shadow: 0px 0px 16px 4px rgba(0, 85, 140, 0.08);
}
main .conte-package-rectangle .conte-section-sx {
width: 100%;
height: 50%;
padding-top: 0;
justify-content: space-between;
}
main .conte-package-rectangle .conte-section-sx .reasonswhy {
padding-bottom: 0;
margin-top: 0;
width: 300px;
}
main .conte-package-rectangle {
flex-direction: column;
}
main .conte-package-rectangle .conte-section-sx {
padding: 0 20px;
}
main .conte-package-rectangle .conte-section-sx {
width: 100%;
}
main .conte-package-rectangle .conte-section-dx {
display: none;
}
.reasonswhy.last {
margin-bottom: 33px;
}
.reasonswhy.first {
margin-top: 33px;
}
main .conte-insurance {
flex-direction: column;
}
main .conte-insurance .insurance-card {
margin-top: 0;
width: 100%;
height: 100%;
}
main .conte-insurance .active {
height: 100%;
border: 1px solid #00558C;
}
h1 {
font-size: 52px;
line-height: 36px;
}
main .conte-rectangle {
position: relative !important;
}
main section.faq {
padding-top: 75px;
}
main .faq-inside {
padding-bottom: 23px;
}
ul#menu-footer-bottom {
width: 100%;
padding: 0 0 12px 0;
float: left;
}
ul#menu-footer-bottom li {
width: 50%;
float: left;
margin: 0;
display: block;
padding: 5px 0;
}
footer section.first-footer .block-social {
justify-content: flex-end;
}
footer section.first-footer .footer-container.footer-container {
max-width: 920px;
}
footer section.first-footer .block-pay p {
display: none;
}
ul.pay-list {
width: 100%;
display: flex;
justify-content: space-between;
}
h2 {
font-size: 24px;
line-height: 1.2;
}
.swiper-slide {
width: 100% !important;
padding: 0;
}
#hs_cos_wrapper_module_160380958888225 .swiper-wrapper {
flex-wrap: wrap !important;
}
.swiper-wrapper {
flex-wrap: nowrap !important;
}
.ps-absolute {
position: relative;
}
main .conte-rectangle {
margin: 0;
}
main .conte-rectangle .conte-polygon {
display: none;
}
main .conte-cuccioli-row .conte-assistance .conte-plaster {
display: none;
}
main .conte-rectangle .conte-star svg {
display: none;
}
.mb125 {
margin-bottom: 75px !important;
}
.container-fluid.p0.pos-relative.conte-mq-flex,
.container-fluid.p0.pos-relative,
.p0.pos-relative.container-sm,
.p0.pos-relative.container-md,
.p0.pos-relative.container-lg,
.p0.pos-relative.container-xl {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-content: center;
align-items: center;
}
p {
font-size: 16px;
}
main .conte-paragraph-main {
font-size: 16px;
padding-right: 0;
}
main .conte-cuccioli-row .conte-cuccioli {
justify-content: center;
}
main .conte-cuccioli-row .conte-cuccioli img,
main .conte-cuccioli-row .conte-assistance img {
width: 70%;
border-radius: 40px 40px 0 0;
height: 35vw;
}
main .row-rectangle {
height: 100%;
}
.mgb-300 {
margin-bottom: 70px !important;
}
.container-fluid.p0.pos-relative,
.p0.pos-relative.container-sm,
.p0.pos-relative.container-md,
.p0.pos-relative.container-lg,
.p0.pos-relative.container-xl {
margin-bottom: 70px !important;
}
main .conte-cuccioli-row .conte-cuccioli .conte-plaster {
display: none;
}
main .conte-rectangle .conte-circle {
display: none;
}
.container-fluid.p0.pos-relative.conte-mq-flex,
.p0.pos-relative.conte-mq-flex.container-sm,
.p0.pos-relative.conte-mq-flex.container-md,
.p0.pos-relative.conte-mq-flex.container-lg,
.p0.pos-relative.conte-mq-flex.container-xl {
margin-bottom: 70px;
}
main .conte-cuccioli-row .conte-assistance {
justify-content: center;
}
main .conte-rectangle-container {
justify-content: center;
}
main .conte-rectangle {
padding: 32px 38px;
}
main .conte-rectangle h2 {
font-size: 20px;
line-height: 1.2;
}
main .conte-rectangle .polygon-cat-dog {
display: none;
}
.conte-mq-flex {
display: flex;
justify-content: center;
align-items: center;
}
main .conte-cuccioli-row {
width: 80%;
margin: 0;
}
main .conte-rectangle .polygon-cat-dog-mob svg {
width: 32px;
height: 32px;
}
.section-span {
display: flex;
justify-content: space-between;
align-items: center;
}
main .conte-rectangle .polygon-cat-dog-mob {
display: block;
}
}
@media only screen and (max-width: 662px) {
#proteggilo, #proteggilo_ora , #proteggilo_mobile {
display: block;
width: 160px;
height: 52px;
text-align: center;
margin-left: 24px;
font-size: 12px;
}
#cta_landingpagemobile.blocklnd {
display: block;
}
#cta_landingpagemobile {
position: fixed;
bottom: 0;
width: 100%;
z-index: 80;
background-color: #00558c;
border-top: 1px solid rgb(202, 202, 202);
}
a.fill-div {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
position: absolute;
}
.preventivo_landing_bottom {
height: 70px;
}
.preventivo-telefonico_landing,
.preventivo-online_landing {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.preventivo-telefonico_landing.fix_preventivo-telefonico > div {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.preventivo-telefonico_landing p,
.preventivo-online_landing p {
color: white;
font-size: 10px;
}
.preventivo-telefonico_landing a,
.preventivo-online_landing a {
color: white;
text-decoration: none;
}
.preventivo-telefonico_landing i,
.preventivo-online_landing i{
margin-left: 16px;
}
.preventivo_landing_bottom:first-child {
border-right: 1px solid rgb(202, 202, 202);
}
.conte_proteggi_ora_mobile {
display: flex;
justify-content: flex-end;
width: 100%;
align-items: center;
}
footer section.end-footer .footer-bottom .legal {
padding-bottom: 50px;
}
.container.main-internalpage {
MARGIN-TOP: CALC(120PX - 42PX);
}
.blu-conte-blu {
display: none;
}
header .header-bottom-fb-active {
display: block;
transform: translateY(100%);
}
header .header-bottom-preventivatore {
background-color: #F5F8FB;
}
header .header-bottom-preventivatore .header-bottom .inner-content {
display: flex;
justify-content: space-between;
height: 80px;
}
header .header-bottom-preventivatore .header-bottom .logo-preventivatore {
display: block;
}
header .header-bottom_internalpage {
background-color: #F5F8FB;
}
header .header-bottom_internalpage .header-bottom .inner-content {
display: flex;
justify-content: space-between;
height: 80px;
}
header .header-bottom_internalpage .header-bottom .logo-preventivatore {
display: block;
}
.h-preventivatore-main {
display: none;
}
}
@media only screen and (max-width: 576px) {
.container.main-internalpage.main_gecoperture_ {
MARGIN-TOP: calc(120PX - 111PX);
}
.col-12.fb_garanzie_coperture {
border-radius: 0;}
.container.section__3.section_2_garanzie_coperture.last_garanzieecoperture_sect {
margin-bottom: 80px;
}
.title_copertura_garanzie svg {
min-width: 40px;
}
.pt40_ {
padding-top: 40px !important;
}
ul.garanzieul_coperture li {
padding-left: 0;
}
.title_copertura_garanzie h3 {
font-size: 16px;
}
.section_2_garanzie_coperture .conte-rectangle {
padding: 32px 38px;
}
.box-first-copertura__ {
margin: 24px -24px;
}
header .container .row nav {
height: 84px;
}
/* .preventivo_landing_bottom_pag button {
max-width: 220px !important;
width: 100% !important;
} */
header .fa-arrow-left {
font-size: 16px;
}
#promozione_background_landing .cards-flex_landing {
height:auto;
}
#cards_landingpage .container-fluid.p0.pos-relative, .p0.pos-relative.container-sm, .p0.pos-relative.container-md, .p0.pos-relative.container-lg, .p0.pos-relative.container-xl,
#cards_landingpage #media_div_nnd {
margin-bottom: 0 !important;
}
#study_dog_section .conte-section-sx {
padding: 0 16px;
}
#cards_landingpage {
margin-bottom: 56px;
}
main .landing_promozione .conte-package-rectangle h3,
main .landing_promozione .conte-package-rectangle h4 ,
main .landing_promozione .conte-package-rectangle .offertalancio {
font-size: 24px;
}
main .landing_promozione .conte-package-rectangle .offerta_promo_landing {
font-size: 16px;
}
#hero_landing-page {
padding-bottom: 24px;
}
.scopripacchetti_landing {
height: auto;
}
.offerta-lancio {
right: 0px;
}
/* LANDING */
main .landing_promozione .conte-package-rectangle h2 {
font-size: 24px;
}
main .landing_promozione .conte-package-rectangle h3, main .landing_promozione .conte-package-rectangle h4, main .landing_promozione .conte-package-rectangle .offertalancio {
font-size: 18px;
}
main .landing_promozione .conte-package-rectangle h3, main .landing_promozione .conte-package-rectangle h4, main .landing_promozione .conte-package-rectangle .offerta_promo_landing {
font-size: 18px;
}
main .landing_promozione .conte-package-rectangle {
width: 100%;
padding: 55px 16px;
}
#scopridipiu_landing {
display: none;
}
main #cards_landingpage .conte-cuccioli img, main #cards_landingpage .conte-assistance img {
height: 60vw !important;
}
/* LANDING END*/
#textoverlay .overlay-container {
padding: 16px;
display: flex;
flex-direction: column;
}
#textoverlay .logo-overlay {
display: none;
}
#textoverlay .close {
padding: 16px 0;
}
#textoverlay .overlay-container ul {
/* padding-right: 8px; */
padding-bottom: 8px;
padding-top: 8px;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.container_landing_page_red p {
font-size: 10px;
}
.container_landing_page_red p{
color: white;
text-align: center;
}
.pt110 {
padding-top: 110px;
}
h3 {
font-size: 16px;
}
main .faq-inside .question {
padding: 32px 16px 32px 8px;
}
.actions .conte-button-send {
width: 100%;
}
.conte-form .actions {
margin-left: 0;
}
main .conte-cta {
position: absolute;
left: 0px;
right: 0px;
top: 40px;
}
main .conte-rectangle h2 {
padding-bottom: 8px;
}
.pt23 {
padding-top: 16px;
}
h2 {
font-size: 24px;
}
main .conte-hero .conte-first-section {
padding-top: 28px;
}
.pdg-mobile {
padding: 0;
padding-top: 0px !important;
}
header .nav-main img {
height: 80px;
}
.a-personale span {
display: none;
}
.mesi-mesi {
font-size: 12px;
}
h1 {
font-size: 28px;
margin-bottom: 8px;
}
.conte-hero h2 {
font-size: 18px;
}
.conte-first-section, {
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
.conte-second-section {
justify-content: center;
display: flex;
flex-direction: column;
}
.conte-first-section p,
.conte-second-section p {
padding-left: 0;
}
main .conte-hero .conte-second-section p {
padding-top: 10px;
}
header .nav-menu-open {
transform: translateX(-320px);
}
header nav.main-menu {
width: 320px;
}
article h3 {
font-size: 24px;
color: #303030;
}
article h3 .number {
color: #303030;
}
article h3 .number-0 {
font-size: 16px;
color: #303030;
}
article h3 .choice-pkg {
font-size: 9px;
color: #6D6D6D;
}
main .conte-insurance .insurance-card {
width: 100%;
height: 100%;
padding-bottom: 8px;
}
main .conte-cuccioli-row .conte-cuccioli img,
main .conte-cuccioli-row .conte-assistance img {
width: 90%;
border-radius: 40px 40px 0 0;
height: 35vw;
}
.info_copertura_garanzie img {
margin-top: 20px;
height: 55px;
width: 95px;
}
.tipologie_cani_razza {
width: 100%;
}
}
@media only screen and (max-width: 450px) {
main .conte-package-rectangle .conte-section-sx .reasonswhy {
width: 100%;
}
#proteggilo, #proteggilo_ora, #proteggilo_mobile {
width: 120px;
}
}
@media only screen and (max-width: 380px) {
main .conte-hero .conte-second-section .conte-form {
width: 100%;
}
}
@media only screen and (max-width: 350px) {
#proteggilo, #proteggilo_ora, #proteggilo_mobile {
width: 120px;
}
main .swiper-container .main-test {
height: 300px;
}
#textoverlay .overlay-container {
padding: 8px;
display: flex;
height: 300px;
overflow-y: scroll;
flex-direction: column;
}
}
@-moz-document url-prefix() {
.default.medium.border-none.p0 {
height: 100%;
}
select {
-webkit-appearance: none !important;
font-family: Roboto, sans-serif;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
main .conte-insurance {
flex-direction: column;
}
main .conte-insurance .insurance-card {
margin-top: 0;
width: 100%;
height: 100%;
}
main .conte-insurance .active {
height: 100%;
border: 1px solid #00558C;
}
main .conte-insurance .insurance-card .dettagli-inside {
display: none;
}
.number-0 {
font-size: 24px !important;
}
main .conte-insurance .insurance-card .costo .disp-none {
display: none;
}
main .conte-insurance .insurance-card .costo h2 {
font-size: 24px !important;
color: #303030;
}
main .conte-insurance .insurance-card .costo h2 .number {
color: black;
}
main .conte-insurance .insurance-card .costo h2 .choice-pkg {
font-size: 16px !important;
color: #6D6D6D;
}
main .conte-insurance .insurance-card .paragraph {
display: block;
border-bottom: 1px solid #C4C4C4;
}
main .conte-insurance .insurance-card .package,
main .conte-insurance .insurance-card .paragraph,
main .conte-insurance .insurance-card .polizza {
padding-left: 16px;
padding-right: 16px;
}
main .conte-insurance .insurance-card .polizza {
padding-top: 16px;
flex-direction: row;
}
main .conte-insurance .insurance-card .polizza .actions {
padding: 0;
}
main .conte-insurance .insurance-card .polizza .actions .conte-button-send {
width: 162px;
}
main .conte-insurance .insurance-card .package {
padding-right: 16px;
justify-content: space-between;
}
main .conte-insurance .insurance-card .package .dettagli {
display: flex;
}
main .conte-insurance .insurance-card .costo h2 .choice-pkg {
font-size: 8px;
color: #6D6D6D;
}
}
@media only screen and (max-width: 442px) {
/* .preventivo_landing_bottom_pag {
display: flex;
justify-content: flex-start;
width: 100%;
} */
.procedi_cc_landing {
margin: 0;
}
/* .preventivo_landing_bottom_pag button {
margin: 24px 0;
} */
.preventivo_h3_online {
margin-top: 16px;
}
}
@media only screen and (max-width:340px ) {
.container_landing_page_red p {
font-size: 8px;
}
.preventivo-telefonico_landing p, .preventivo-online_landing p {
color: white;
font-size: 8px;
}
}
/* landing_test_exelab */
.dc_div_vignette {
margin-top: calc(.67em + 24px);
position: relative;
/*height: 100px;*/
width: 100px;
}
.dc_star_vignette {
max-width: 100%;
height: auto;
}
.dc_div_vignette > h3 {
transform: translate(-50%, -50%);
position: absolute;
text-align:center;
color: #fff;
left: 50%;
top: 50%;
}
.dc_span_fix > span {
color: #fff;
}
/* Bottoni blu */
div#cta_landingpagemobile {
display: none !important;
}
/* stile ul specifici */
.tipologie_cani_razza {
justify-content: space-between;
align-content: center;
flex-wrap: wrap;
display: flex;
margin-left: -20px;
width: 80%;
}
.tipologie_cani_razza_item {
margin: 10px;
}
.ul_dots li::before {
content: "•";
margin: 10px;
color: #000;
}
.ul_dots li {
width: 100%;
}
.info_copertura_garanzie {
justify-content: flex-start;
align-content: center;
margin: 20px 10px;
display: flex;
}
.info_copertura_garanzie img {
margin-right: 32px;
height: 55px;
width: 95px;
}
.info_copertura_garanzie h3 {
font-family: "Basier Circle Semi-Bold";
margin-top: 10px;
font-size: 32px;
color: #00558C;
}
@media screen and (min-width: 0px) and (max-width:576px) {
.info_copertura_garanzie h3 {
margin-top: 40px;
font-size: 16px;
}
}
.ul_dots_cross img {
margin-right: 10px;
}
.info_responsabilita_civile_item {
justify-content: flex-start;
align-content: center;
margin-bottom: 10px;
display: flex;
}
.info_responsabilita_civile_item span {
margin-left: 10px;
}
.fa-info-circle {
z-index: 1000000000000000000;
background-color: #fff;
margin-left: 1px;
cursor: pointer;
color: #00558c;
}
.open_dogs_modal {
z-index: 999999999;
cursor: pointer;
}
.section-span span {
background-color: #00558C;
height: 3.99px;
width: 32px;
}
#hs_cos_wrapper_mio_assicuratore_1 {
position: absolute;
}
span#hs_cos_wrapper_mio_assicuratore_1_ img {
border-radius: 0 0 5px 5px;
background-color: #fff;
padding-bottom: 5px;
padding-right: 3px;
padding-left: 2px;
margin-left: 20px;
}
span#hs_cos_wrapper_mio_assicuratore_2_ img {
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 0%;
}
span#hs_cos_wrapper_mio_assicuratore_3_ img {
transform: translate(-50%, -50%);
position: absolute;
z-index: 10;
left: 50%;
top: 10%;
}
span#hs_cos_wrapper_mio_assicuratore_4_ img {
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 0%;
}
.first_section_area_sinistri {
background-color: #fff;
padding-bottom: 100px;
padding-top: 150px;
width: 100%;
height: 100%;
}
.first_section_area_sinistri h1, .first_section_area_sinistri h3 {
margin: 10px 0px;
}
.first_section_area_sinistri p {
margin: 5px 0px;
}
.open_banner_cookie {
cursor: pointer;
}
.padding_top {
padding-top: 32px;
}
.new_button_cookie_preferences {
height: 68px;
-webkit-appearance: none;
background: #86d78b;
border-radius: 34px;
padding: 10px 20px;
border: 4px solid #daf3dc;
text-transform: uppercase;
font-family: "Basier Circle Regular";
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.176px;
color: #fff;
-webkit-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
cursor: pointer;
color: #fff !important;
}
.new_button_cookie_preferences:hover {
box-shadow: 0 0 0 5px #d9f3db, 0 0 0 10px rgba(217,243,219,.5);
background-color: #61d286;
}
.thnk-pag {
background: #C8102E;
padding: 16px;
border-radius: 16px;
max-width: 600px;
}
#preventivo_al_telefono_landing_id div#hs_cos_wrapper_form {
padding: 32px;
}
.submitted-message {
overflow: auto;
background: #00558c;
padding: 32px;
border-radius: 8px;
}
.submitted-message p {
color: white;
}
.submitted-message a {
color: white;
}
.submitted-message h2 {
color: white;
}
.preventivo_call_online img {
margin-right: 0;
max-width: fit-content;
max-height: fit-content;
min-width: auto;
border-radius: 0;
min-height: auto;
}
.prev_online__xmas {
background: white;
margin-right: 32px;
max-width: 65px;
max-height: 65px;
min-width: 65px;
border-radius: 50%;
min-height: 65px;
display: flex;
justify-content: center;
align-items: center;
}
.snow_ {
position: absolute;
top: 500px;
right: 100px;
z-index: 1;
pointer-events: none; }
@media only screen and (max-width: 992px) {
.submitted-message {
background-image: none;
}
.snow_ {display:none;}
}
.blog_breadcrumb {
justify-content: flex-start;
align-content: center;
font-weight: normal;
font-style: normal;
line-height: 50px;
font-size: 14px;
display: flex;
color: #fff;
}
.blog_breadcrumb a {
color: #fff;
}
.blog_breadcrumb i {
margin: 0px 10px;
color: #fff;
}
@media screen and(min-width: 0px) and (max-width: 662px) {
.blog_breadcrumb {
font-size: 11px !important;
}
}
@media only screen and (max-width: 767px) {
#hs_cos_wrapper_module_160380958888225 .swiper-wrapper {
flex-wrap: nowrap !important;
}
footer section.first-footer .block-pay {
padding-top: 30px;
}
}
label.switch-light.switch-candy {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
:root {
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
/* Color */
--blue : #00558C;
--red : #C8102E;
--black : #303030;
--yellow: #ffd603;
--grey: #5c5c5c;
--black-2: #222;
--light-blue: #e0ecfd;
--white: #fff;
/* Font size */
--fs-large : 32px;
--fs-medium : 24px;
/* Line Height */
--lh-large : 38px;
--lh-medium : 24px;
/* Aria */
--aria-medium : 50px;
/* ALIGN */
--center : center;
}
.pt-medium {
padding-top: var(--aria-medium);
}
.colorblue {
color: var(--blue);
}
.fs-large {
font-size: var(--fs-large);
}
.lh-large {
line-height: var(--lh-large);
}
.fs-medium {
font-size: var(--fs-medium);
}
.lh-medium {
line-height: var(--lh-medium);
}
.txt-center {
text-align: var(--center);
}
.welcome-page_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
div#forms > div:last-of-type {
border-bottom: 0 !important;
}
.delete-invoice {
width: 25px;
height: 25px;
grid-column: 2;
justify-self: flex-end;
border: none;
color: white;
line-height: normal;
appearance: none;
background-color: #00558c;
position: relative;
display: flex;
border-radius: 50%;
padding: 0;
cursor: pointer;
margin: 0;
align-items: center;
justify-content: center;
}
#hs_cos_wrapper_inserisci_fatture {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 8px;
position: relative;
margin: 0 30px;
text-align: center;
}
.form-file-msg {
padding: 4px 0px;
overflow-wrap: break-word;
}
.form-file-msg span{
display: inline-block;
}
.sinistri_form_wrapper button#submit-conte {
margin-top: 24px;
}
#hs_cos_wrapper_form_sinistri input[type="file"] {
margin-bottom: 4px;
}
.sinistri_form_assistance .welcome-page_card_text {
flex-direction: column;
height: 60%;
}
.sinistri_form_assistance .welcome-page_card {
height: 512px;
}
.sinistri_form_assistance .welcome-page_card_image.welcome-page_card_image_2.spese-assistenza {
height: 40%;
background-position-y: center;
}
.sinistri_form_assistance .contactus_phone_sect {width: 80%; display: flex; margin-top: 32px;}
.sinistri_form_assistance {
max-width: 480px;
margin: 0 auto;
}
.sinistri_form_wrapper textarea {
width: 100%;
}
.conte_title-sinistro {
display: flex;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
padding-bottom: 30px;
}
div#hs_cos_wrapper_inserisci_fatture h2 , .conte_title-sinistro h4 {
font-size: 20px;
line-height: 32px;
color: #00558C;
background: white;
padding: 0 16px;
z-index: 2;
position: relative;
}
#hs_cos_wrapper_inserisci_fatture:after , .conte_title-sinistro:after {
height: 1px;
background: #ABB3BD;
width: 100%;
content: '';
position: absolute;
}
.info_responsabilita_civile_item {
justify-content: flex-start;
align-content: center;
margin-bottom: 10px;
display: flex;
}
.ul_dots li::before {
content: "•";
margin: 10px;
color: #000;
}
.thank-u-sinistri ul li:before {
content: "•";
margin: 10px;
color: #000;
}
.thank-u-sinistri h2 {
font-size: 24px;
line-height: 32px;
color: #00558C;
margin-bottom: 42px;
}
.thank-u-sinistri ul li {
margin-bottom: 8px;
}
.thank-u-sinistri {
padding: 30px;
}
.ul_dots li {
width: 100%;
}
.info_copertura_garanzie {
justify-content: flex-start;
align-content: center;
margin: 20px 10px;
display: flex;
}
.info_copertura_garanzie img {
margin-right: 32px;
height: 55px;
width: 95px;
}
.info_copertura_garanzie h3 {
font-family: "Basier Circle Semi-Bold";
margin-top: 10px;
font-size: 32px;
color: #00558C;
}
@media screen and (min-width: 0px) and (max-width:576px) {
.info_copertura_garanzie h3 {
margin-top: 40px;
font-size: 16px;
}
}
.ul_dots_cross img {
margin-right: 10px;
}
#hs_cos_wrapper_inserisci_fatture {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 8px;
position: relative;
margin: 0 30px;
text-align: center;
}
.sinistri_form_wrapper .hs_email>label {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.sinistri_form_wrapper textarea {
width: 100%;
}
.apertura-sinistro .hs-fieldtype-text.field.hs-form-field {
align-self: unset;
}
.apertura-sinistro #forms > div > div:last-of-type {
align-self: self-end;
}
.apertura-sinistro .hs_microchip_choice {
display: none;
}
.apertura-sinistro .hs_microchip_choice label {
display: flex;
align-items: center;
gap: 10px;
width: fit-content;
}
.apertura-sinistro input[name="microchip_choice"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #f1f9ff;
border: 1px solid #2699fb47;
border-radius: 4px;
height: 24px;
width: 24px !important;
margin: 0;
}
.apertura-sinistro input[name="microchip_choice"]:focus {
outline: none;
}
.apertura-sinistro input[name="microchip_choice"]:checked::after {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230072cc' stroke='%23fff' viewBox='0 0 256 256'%3E%3Cpath stroke='%230072cc' stroke-linecap='round' stroke-linejoin='round' stroke-width='25.6' d='M104 188a3.989 3.989 0 0 1-2.829-1.171l-56-55.996a4 4 0 0 1 5.657-5.657L104 178.343 213.17 69.176a4 4 0 0 1 5.657 5.657l-112 111.996A3.989 3.989 0 0 1 104 188'/%3E%3Cpath d='M104 188a3.989 3.989 0 0 1-2.829-1.171l-56-55.996a4 4 0 0 1 5.657-5.657L104 178.343 213.17 69.176a4 4 0 0 1 5.657 5.657l-112 111.996A3.989 3.989 0 0 1 104 188Z'/%3E%3C/svg%3E");
display: inline-block;
height: 20px;
width: 22px;
}
.apertura-sinistro input[name="microchip_choice"] + span {
order: -1;
}
#hs_cos_wrapper_form_sinistri_ao_ .hs_microchip_choice {
margin-bottom: 25px;
}
.conte_title-sinistro {
display: flex;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
padding-bottom: 30px;
}
.info_responsabilita_civile_item span {
margin-left: 10px;
}
.fa-info-circle {
z-index: 1000000000000000000;
background-color: #fff;
margin-left: 1px;
cursor: pointer;
color: #00558c;
}
div#forms > div {
border-bottom: 1px solid #abb3bd;
padding: 24px 0;
}
.sinistri_form_wrapper .hs_submit.hs-submit {
display: flex;
justify-content: flex-end;
}
.h-area-sinistri img.logo_conte_image {
height: 92px !important;
}
.apertura-sinistro .container.main-internalpage {
MARGIN-TOP: 60PX;
}
.sinistri_form_wrapper ul.hs-error-msgs , .sinistri_form_wrapper .form-error-message{
padding-bottom: 24px;
}
#forms button.hs-button.primary.large {
margin-bottom: 16px;
}
h1.error_message-conte {
margin-bottom: 0;
}
.body-error_msg {
display: flex;
justify-content: center;
flex-direction: column;
}
.conte_mail-field {
margin-top: 30px;
}
.body-error_msg h1 {
font-size: 40px;
text-align: center;
}
.body-error_msg .conte_mail-field {
padding: 32px;
text-align: center;
background: #FFFFFF;
border: 1px solid #00558C;
box-sizing: border-box;
box-shadow: 0px 0px 16px rgb(0 85 140 / 8%);
border-radius: 8px;
}
.conte_mail-field a {
word-break: break-all;
}
.body-error_msg .conte_mail-field .body_field {
background: #EBF1F6;
border-radius: 8px;
padding: 40px;
font-size: 32px;
line-height: 38px;
}
.form-error-message {
color: #f2545b !important;
font-size: 16px;
}
#forms .hs-form-field label:after {
content: '*';
color: red;
}
.conte-sinistri_title h1 {
font-size: 40px;
line-height: 48px;
font-weight: 600;
text-align: center;
}
a.conte-sinistri_back {
font-size: 13px;
text-decoration: underline;
font-weight: bold;
}
.sinistri_form_header h2 {
color: var(--blue);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.sinistri_form_wrapper form,
.sinistri_form_wrapper #forms {
padding: 30px;
}
.sinistri_form_header {
background: #f5f8fb;
padding: 23px;
text-align: center;
border-radius: 8px 8px 0px 0px;
}
.sinistri_form_wrapper {
background: #ffffff;
border: 1px solid #00558c;
box-sizing: border-box;
box-shadow: 0px 0px 16px 4px rgb(0 85 140 / 8%);
border-radius: 8px;
width: 80%;
margin: 0 auto;
margin-top: 30px;
}
.welcome-page_card {
width: auto;
height: 286px;
box-shadow: 0px 0px 16px 4px rgb(0 85 140 / 8%);
border-radius: 40px;
}
.welcome-page_card .welcome-page_card_image {
background: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/cucciolo.jpg);
height: 60%;
width: 100%;
background-size: cover;
background-position: center;
border-radius: 40px 40px 0px 0px;
}
.welcome-page_card .welcome-page_card_image.welcome-page_card_image_2 {
background: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/callcenter.jpg);
background-size: cover;
background-position: center;
}
.welcome-page_card .welcome-page_card_image.welcome-page_card_image_3 {
background: url(https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/raw_assets/public/conte-pet-website/images/tutelalegale.jpg);
background-size: cover;
background-position: center;
}
.welcome-page_card .welcome-page_card_image.welcome-page_card_image_4 {
background: url('https://8088662.fs1.hubspotusercontent-na1.net/hubfs/8088662/AdobeStock_307206181.jpg');
background-size: cover;
background-position: top;
}
.welcome-page_card_text {
display: flex;
justify-content: center;
align-items: center;
height: 40%;
}
@media (max-width: 992px) {
.sinistri_form_wrapper {
width: 100%;
}
.welcome-page_grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.body-error_msg .conte_mail-field .body_field {
font-size: 20px;
}
.welcome-page_grid {
grid-template-columns: 1fr;
}
}
legend.hs-field-desc {
font-size: 10px;
}
.sinistri_form_wrapper span.hs-form-required {
display: inline;
color: #ff0000;
}
div#forms {
display: flex;
flex-direction: column;
}
#forms button.hs-button.primary.large {
margin-right: 0;
}
@media (max-width: 768px) {
#forms button.hs-button.primary.large {
margin-right: auto;
}
}
.h-grid-conte {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
align-items: center;
}
.back-a-p {
text-align: right;
}
@media only screen and (max-width: 662px) {}
.h-preventivatore-main.h-area-sinistri {
display: block;
}
}
/*SINISTRI */
.first_section_area_sinistri {
background-color: #fff;
padding-bottom: 100px;
padding-top: 150px;
width: 100%;
height: 100%;
}
.first_section_area_sinistri h1, .first_section_area_sinistri h3 {
margin: 10px 0px;
}
.sinistri_form_wrapper button.add-invoice {
width: 100%;
padding: 8px 0;
background: #F5F8FB;
border: 1px dashed #ABB3BD;
box-sizing: border-box;
box-shadow: 0px 1px 2px rgb(0 0 0 / 4%);
border-radius: 2px;
-webkit-appearance: unset;
overflow: unset;
cursor: pointer;
}
.conte-sinistri_title h1 {
margin-bottom: 23px;
}
.conte-sinistri_title {
padding-bottom: 60px;
}
.conte-sinistri_title p {
margin: 0;
text-align: center;
font-size: 24px;
line-height: 32px;
}
.first_section_area_sinistri p {
margin: 5px 0px;
}
.open_banner_cookie {
cursor: pointer;
}
.padding_top {
padding-top: 32px;
}
.sinistri_form_wrapper #forms>div {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 4px 42px;
}
#hs_form_target_form_sinistri_ao fieldset .hs-input, #hs_form_target_form_sinistri fieldset .hs-input { width:100%;}
#hs_form_target_form_sinistri h4 , #hs_form_target_form_sinistri_ao h4{
padding-top: 16px;
padding-bottom: 8px;
}
#hs_form_target_form_sinistri fieldset , #hs_form_target_form_sinistri_ao fieldset {
max-width: unset;
}
.hs_descrizione_sinistro textarea {
height: 150px !important;
width : 100% !important;
}
.sinistri_form_wrapper legend.hs-field-desc {
font-size: 13px;
}
.sinistri_form_wrapper input[type=file] {
border: none !important;
padding-left: 0 !important;
border-radius: 0 !important;
}
.sinistri_form_wrapper .hs_descrizione_sinistro {
grid-column: 1/3;
}
.sinistri_form_wrapper .hs-dateinput input {
border: 1px solid #e5e5e5;
border-radius: 8px;
padding-left: 10px;
margin: 25px 0px;
outline: 0;
height: 46px;
width: 100%;
}
.sinistri_form_wrapper button.add-invoice {
grid-column: 1/3;
}
@media (max-width: 767px) {
.delete-invoice { grid-column: auto; }
.sinistri_form_wrapper button.add-invoice , .sinistri_form_wrapper .hs_descrizione_sinistro {
grid-column: 1;
}
.sinistri_form_wrapper form, .sinistri_form_wrapper #forms>div {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 576px) {
.assistance-247 .conte-sinistri_title {
padding-bottom: 30px;
}
.conte-sinistri_title h1 {
font-size: 28px !important;
line-height: 30px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
text-align: center !important;
}
.conte-sinistri_title p {
margin: 0 !important;
text-align: center !important;
font-size: 16px !important;
line-height: 32px !important;
}
.conte-sinistri_title {
padding-bottom: 0;
}
}
.input.error-react:after {
content: 'Compila il campo richiesto';
margin-bottom: 24px;
display: block;
color: #f2545b;
position: relative;
}
.input.error-cap:after {
content: 'Inserisci un CAP di 5 cifre';
margin-bottom: 24px;
display: block;
color: #f2545b;
position: relative;
}
.input.error-react_date:after {
content: 'La data di fattura deve essere uguale o successiva alla data in cui è avvenuto il sinistro';
margin-bottom: 24px;
display: block;
color: #f2545b;
position: relative;
}
.input.error-react_name:after {
content: 'Il campo contiene dei caratteri non ammessi.';
margin-bottom: 24px;
display: block;
color: #f2545b;
position: relative;
}