html,
body {
    width: 100%;
    height: 100%;
    background-color:var(--cstm-color-dr_white);
    padding-bottom: 20px;
}

body {
    font-family: 'Barlow', sans-serif;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1680px;
	padding: 0;
}

.padding-left-115
{
    padding-left: 115px;
}

a,
a:hover,
a:focus,
a:active {
    color: var(--cstm-color-haute_red);
    -webkit-transition: all .35s;
    transition: all .35s;
    text-decoration: none !important;
    outline: none !important;
}

button:focus{
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: var(--cstm-color-white);
}

h1,
h2,
h3,
h6 {
    font-family: 'Unna', serif;
    letter-spacing: 1px;
    color: var(--cstm-color-carbon);
}


h2 {
    width: 100%;
    padding-left: 100px;
    font-size: 56px;
    line-height: 56px;
    color: var(--cstm-color-carbon);
}

h4 {
    font-size: 32px;
    line-height: 36px;
    color: var(--cstm-color-carbon);
    font-weight: bold;
    padding-bottom: 30px;
}

h5 {
    font-size: 18px;
    line-height: 36px;
    color: var(--cstm-color-haute_red) !important;
    text-transform: uppercase;
}

/*** header ***/
#top_navbar {}

#top_navbar .nav-link {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--cstm-color-white);
    margin: 0 10px 0 0;
}

#top_navbar-search-ul,
#top_navbar-search-ul li
{
    width: 270px !important;
}

#sub_navbar {}

#sub_navbar-logo
{
    width:265px;
}

#sub_navbar .nav-link {
    padding:30px 28px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

#sub_navbar .nav-item {
    border-left: 1px solid #CCC;
}

#sub_navbar .nav-link.active {
    position: relative;
}

#sub_navbar .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color:var(--cstm-color-haute_red);
    box-sizing: border-box;
}


#sub_navbar li:hover .dropdown-menu {
    display: block;
}

#sub_navbar .dropdown-item {
    text-transform: uppercase;
}


/*** page ***/
.page {
    padding-top:40px;
    background-image: url('/images/website/page-bkg.jpg');
    background-repeat:repeat-x;
}

.page.page-no_bg {
    padding-top:0;
    background: none;
}

.page .container > .row > .col > h2 {
    padding: 0 0 20px 200px;
    font-size: 48px;
    color: var(--cstm-color-white);
}

.page-main {
    background-color: var(--cstm-color-white);
    height: auto;
    margin-left: 200px;
    padding: 50px 40px;
    position: relative;
}

.page-main > p {
    line-height: 32px;
    font-size:18px;
}

.page-bottom_image
{
    background-color: var(--cstm-color-doctor2);
    position: relative;
    left: -10%;
    width: 110%;
    font-size: 24px;
    color: var(--cstm-color-haute_red);
    margin-top:90px;
    margin-bottom:50px;
}

.page-info {
    background-color: var(--cstm-color-carbon);
    height: 100px;
    margin-top: 54px;
    color: var(--cstm-color-white);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    padding: 20px 0 0 30px;
    position: relative;
}

.page-info::after {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    right: 0;
    height: 6px;
    width:40px;
    background-color:var(--cstm-color-white);
    box-sizing: border-box;
}

.page-menu {
    background-color:var(--cstm-color-cold_morning);
    height:auto;
    width: 50%;
}

.page-menu > ul {
    color: var(--cstm-color-haute_red);
    font-weight: 600;
    list-style-image: url('/images/website/arrow-menu.png');
    margin-left: 10px !important;
}

.page-menu > ul > li {
    padding: 20px 0;

}

.page-menu > ul > li a {
    text-transform: uppercase;
    color: var(--cstm-color-haute_red);

}

.map-link
{
    display: block;
    padding: 0.5rem 1rem;
}

ul > li > ul > li .map-link:hover
{
    background-color: var(--cstm-color-doctor);
}

.accordion-group-head {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 3px solid var(--cstm-color-white);
    background-image: url(/images/website/croce.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.btn-link {
    color: var(--cstm-color-washed_black);
    background-image: url(/images/website/arrow-menu-hover.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    text-decoration:none !important;
}

.btn-link:hover {
    color: var(--cstm-color-washed_black);
    text-decoration:none !important;
}

.bf_accordion-item
{
    margin-bottom: 0;
    border: 0;
    border-bottom: 3px solid var(--cstm-color-white) !important;
    border-radius: 0 !important;
    background-position: right center;
    background-repeat: no-repeat;
}

.bf_accordion-item .accordion-button
{
    padding-left: 50px;
    text-decoration:none !important;
    background-image: url(/images/website/arrow-menu-hover.png), url(/images/website/croce.png);
    background-color: var(--cstm-color-lynx_white) !important;
    background-position: 20px center, right center;
    background-repeat: no-repeat, no-repeat;
    box-shadow:none !important;
    border: 0 !important;
    color: var(--cstm-color-washed_black);
}

.bf_accordion-item .accordion-button::after {
    display: none !important;
}

.btn-custom {
    background-color: var(--cstm-color-haute_red);
    color: var(--cstm-color-white);
    border: none;
}

.btn-custom:hover {
    background-color: var(--cstm-color-sweet_cherry_red);
    color: var(--cstm-color-white);
}

.btn-haute_red
{
    padding: 10px 25px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
}

.page-link {
    color: var(--cstm-color-haute_red) !important;
}

.page-item.active .page-link {
    color: #fff !important;
    background-color:  var(--cstm-color-haute_red) !important;
    border-color:  var(--cstm-color-haute_red) !important;
}

.page-title-red_line
{
    background-color: var(--cstm-color-haute_red);
    width: 87px;
    height: 9px;
}

.section-title-red_line
{
    background-color: var(--cstm-color-haute_red);
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 8px;
    z-index: 6;
}

/*** altri servizi ***/
.altri_servizi {
    background-image: url('/images/website/altri_servizi-bkg.jpg');
    background-repeat:repeat-x;
}


#altri_servizi-box {
    margin: 0 auto;
    padding: 50px 10% 0 10%;
    width: 78%
}

.altri_servizi-card {
    background-image: url('/images/website/altri_servizi-card-bkg.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
    position: relative;
}

.altri_servizi-card:hover {
    background-image: url('/images/website/altri_servizi-card-hover-bkg.jpg');
}

.altri_servizi-card .card-body {
    margin-bottom:20px;
}

.altri_servizi-card .card-body > h3 {
    color:var(--cstm-color-haute_red);
    font-size: 32px;
    font-family: 'Barlow', sans-serif;
    font-weight:bolder;
}

.altri_servizi-card:hover .card-body > h3,
.altri_servizi-card:hover .card-body > p {
    color:var(--cstm-color-white);
}

.altri_servizi-card img  {
    width: 70px;
    margin: 48px 0 48px 24px;
}

.altri_servizi-card .icon  {
    width: 74px;
    height: 74px;
    margin: 48px 0 48px 24px;
    background-size: 100% auto;
    background-position: top;
}

.altri_servizi-card:hover .icon {
    background-position: bottom;
}

.icon-advisory {
    background-image: url('/images/website/altri_servizi-icon-advisory.png');
}

.icon-attivita_fiduciaria {
    background-image: url('/images/website/altri_servizi-icon-attivita_fiduciaria.png');
}

.icon-private_banking {
    background-image: url('/images/website/altri_servizi-icon-private_banking.png');
}

.icon-real_estate {
    background-image: url('/images/website/altri_servizi-icon-real_estate.png');
}

.icon-servizi_investitori {
    background-image: url('/images/website/altri_servizi-icon-servizi_investitori.png');
}

.icon-uffici_e_studi {
    background-image: url('/images/website/altri_servizi-icon-uffici_e_studi.png');
}

/*** footer ***/
.footer1 {
    margin: 80px 0 0 0;
    padding:50px 0;
    background-image: url('/images/website/home--app-rectangle-24.png');
}

.footer2 {
    padding:50px 10%;
    background-color: var(--cstm-color-briquette_grey);

}

.footer3 {
    padding:30px 0;
    background-color: var(--cstm-color-carbon);
    color: var(--cstm-color-white);
}

.social {
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 15px;
}


/*** media query ***/

@media (max-width: 991px) {
	.nav-item {
		height: auto;
		border-left:0px;
		padding:10px 0;
	}

	#sub_navbar .nav-link {
		padding: 0;
		text-transform: uppercase;
	}

	#sub_navbar .nav-item {
		border-left: 0px;
	}

	#sub_navbar {
		height: auto;
		padding: 10px !important;
	}	
	
	.navbar-brand {
		height: auto;
	}

	
	h2 {
		padding-left: 24px;
		font-size: 42px;
		line-height: 42px;	
	}
	
	.footer1 {
		padding-left: 5%;
		padding-right: 5%;
	}	
	
	.social {
		margin:30px auto;
		position: relative;
		text-align: center;
	}

	.page .container > .row > .col > h2 {
		padding: 0 0 20px 25px;
		font-size: 36px;
	}	

	.page-main {
		margin-left: 0;
		padding: 50px 25px;
	}

	.page-bottom_image {
		left: 0;
		width: auto;
		font-size: 18px;
	}

	.page-menu {
		width: 100%;
	}

	#altri_servizi-box {
		padding: 50px 5% 0 5%;
		width: 90%;
	}	
	
}


@media (max-width: 400px) {
	#sub_navbar-logo {
		width: 230px;
	}
}