/*-------------------------------
----------VARIABILI CSS----------
-------------------------------*/
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Regular.eot');
    src: url('fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
        url('fonts/Poppins/Poppins-Regular.svg#Poppins') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*-------------------------------
----------VARIABILI CSS----------
-------------------------------*/

:root {
    --primary-color:                #BD2C18;
	--primary-color-rgb:            189,44,24;
    --primary-color-light:          #F3F3F3;
    --light-color:                  #F8F8F8;
    --dark-color:                   #545454;
	--black-color:                  #333333;
    --white-color:                  #fff;
    --border-solid-color:           #F3F3F3;

    --font-family:                  'Poppins', Fallback, sans-serif; 
	--font-family-title:            'Poppins', Fallback, sans-serif; 
}

::selection {
    color: black;
    background: var(--primary-color-light);
}
body {
    font-family: var(--font-family);
    color: var(--black-color);
    line-height: 28px;
    font-size: 16px;
	overflow-x: hidden
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    font-weight: normal;
	line-height: 1.5;
}
h1,.h1 {
    font-size: 36px;
}
a {
    color: var(--black-color);
    text-decoration: underline;
	transition: all 1s ease;
}
a:hover {
    color: var(--primary-color);
	text-decoration: none;
}

a i {
	margin-left: 10px
}
a:hover i {
	transform: translateX(10px);
}

.Poppins {
    font-family: var(--font-family-title);
}

/*-------------------------------
-------------BACKGROUND----------
-------------------------------*/
.primary-bg {
    background-color: var(--primary-color);
}
.primary-light-bg {
    background-color: var(--primary-color-light);
}
.secondary-bg {
    background-color: var(--second-color);
}
.light-bg {
    background-color: var(--light-color);
}
.dark-bg {
    background-color: var(--dark-color);
}
.black-bg {
    background-color: var(--black-color);
}
.white-bg {
    background-color: var(--white-color);
}
.custom-shadow {
    box-shadow: 0 0 20px 0px rgba(33,49,89,0.08);
}
.border-radius-20 {
    border-radius: 20px!important;
}
/*-------------------------------
-------------TESTO----------
-------------------------------*/
.primary-text {
    color: var(--primary-color);
}
.titoletto {
    text-transform: uppercase;
    font-size: 1rem;
    color: var(--primary-color);
}
.white {
    color: var(--white-color);
}
/*-------------------------------
-------------BOTTONI-------------
-------------------------------*/
.primary-button, #gform_submit_button_1, #gform_submit_button_3 {
    font-family: var(--font-family);
    color: var(--primary-color);
    background-color: #fff;
    padding: 14px 32px;
    transition: 0.2s ease-in-out;
    line-height: 1.5;
    display: inline-block!important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 2.5px solid var(--primary-color);
    border-radius: 0px;
    font-weight: bold;
}
.primary-button:hover, #gform_submit_button_1:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.bottone-cerchio {
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 1.5rem;
}
.mt-70 {
    margin-top: 70px;
}
#breadcrumbs   {
    opacity: 0.5;
}
#breadcrumbs, #breadcrumbs a   {
    color: var(--black-color);
    font-size: 14px;
    margin-bottom: 0;
}

/*---------------------------------
CONTAINER BOOTSTRAP 5 PIù GRANDE
-----------------------------------*/
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}


main ul, main ol {
    padding-left: 2rem !important;
}