/*
Theme Name: PDC&Partner
Author: Coo'ee Italia
Description: PDC&Partner custom theme
Version: 1.0
*/
/******************/
/*** VARIABLES ****/
/******************/
/****************************  General  ***************************************/
body { background: white; background: #fff; font-family: "Karla", sans-serif; font-size: 16px; line-height: 1.4; min-height: 100vh; color: #141D29; }

.boxed { margin-left: auto; margin-right: auto; max-width: 1680px; width: 100%; }

.boxed-xl { margin-left: auto; margin-right: auto; max-width: 1440px; width: 100%; }

.boxed-lg { margin-left: auto; margin-right: auto; max-width: 1240px; width: 100%; }

.boxed-md { margin-left: auto; margin-right: auto; max-width: 840px; width: 100%; }

.boxed-sm { margin-left: auto; margin-right: auto; max-width: 740px; width: 100%; }

.max-w-md { max-width: 700px; margin-left: auto; margin-right: auto; }

/****************************  Typography  ************************************/
h1, h2, h3, h4, h5, h6 { font-family: "Gentium Book Basic", serif; font-weight: 400; }

h1 { font-size: 50px; font-weight: 500; color: #141D29; }

h1.titolo-persona { font-size: 42px; }

h1.titolo-persona strong { font-weight: normal; color: #074DBE; }

h2 { font-size: 32px; }

h2.smaller { font-size: 24px; }

h2.bigger { font-size: 42px; }

h4 { font-size: 20px; }

.from-bold-to-blue strong { font-weight: normal; color: #074DBE; }

p { line-height: 1.5; color: rgba(20, 29, 41, 0.6); }

p.dark { color: #141d29; }

p.negative { color: rgba(255, 255, 255, 0.6); }

p.bigger { font-size: 20px; }

ul.elenco { padding: 0; list-style: none; }

ul.elenco li { padding: 6px 0 6px 30px; position: relative; color: rgba(20, 29, 41, 0.6); }

ul.elenco li::before { content: ""; background-color: #074DBE; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 18px; left: 0; }

ul.elenco.list-negative li { padding: 10px 0 10px 30px; color: rgba(255, 255, 255, 0.6); }

ul.elenco.small li { padding: 6px 0 6px 25px; }

ul.elenco.small li::before { top: 14px; }

a { text-decoration: none; color: inherit; }

a.line-link { display: inline-block; min-width: 200px; padding-right: 40px; padding-bottom: 10px; position: relative; }

a.line-link::after { content: ""; width: 100%; height: 1px; background-color: #074DBE; position: absolute; bottom: 0; left: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }

a.line-link:hover::after { width: 120%; }

a.line-bottom-blue { color: #fff; padding: 0 50px 20px; text-align: center; display: inline-block; position: relative; }

a.line-bottom-blue::after { content: ""; background-color: #074DBE; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }

a.line-bottom-blue:hover::after { left: -30px; right: -30px; }

.simple-link { color: rgba(20, 29, 41, 0.6); -webkit-transition: all 400ms ease-in-out; transition: all ease-in-out 400ms; }

.simple-link:hover { color: #141d29; }

.remove-br br { display: none; }

.text-light-blue { color: #074DBE; }

.graziato { font-family: "Gentium Book Basic", serif; }

/****************************  Header/Footer  *********************************/
.header { position: absolute; background-size: 100px; width: 100%; top: 0; padding: 30px 60px; text-align: right; z-index: 999; }

.header .logo-container { z-index: 99; }

.header .voci-extra { color: rgba(255, 255, 255, 0.7); text-decoration: none; margin-left: 30px; font-size: 16px; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; text-transform: uppercase; }

.header .voci-extra svg { position: relative; top: 2px; }

.header .voci-extra svg path { fill: rgba(255, 255, 255, 0.7); -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }

.header .voci-extra:hover { color: white; }

.header .voci-extra:hover svg path { fill: white; }

.header .lingua { display: inline-block; color: rgba(255, 255, 255, 0.7); margin-left: 30px; }

.header .lingua a { color: rgba(255, 255, 255, 0.7); transition: all ease-in-out 500ms; margin-left: 0; text-transform: capitalize; }

.header .lingua a.active, .header .lingua a:hover { color: rgba(255, 255, 255, 0.7); }

.header .lingua span:last-child { display: none; }

.header .menu-desktop .menu-principale-container, .header .menu-desktop .menu-principale-de-container, .header .menu-desktop .menu-principale-en-container { display: inline-block; }

.header .menu-desktop .menu-principale-container li, .header .menu-desktop .menu-principale-de-container li, .header .menu-desktop .menu-principale-en-container li { display: inline-block; margin-left: 30px; position: relative; color: #141D29; }

.header .menu-desktop .menu-principale-container li.only-mobile, .header .menu-desktop .menu-principale-de-container li.only-mobile, .header .menu-desktop .menu-principale-en-container li.only-mobile { display: none; }

.header .menu-desktop .menu-principale-container li a, .header .menu-desktop .menu-principale-de-container li a, .header .menu-desktop .menu-principale-en-container li a { font-weight: 500; font-size: 16px; color: rgba(255, 255, 255, 0.7); display: inline-block; text-decoration: none; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; padding: 24px 0; }

.header .menu-desktop .menu-principale-container li a:hover, .header .menu-desktop .menu-principale-de-container li a:hover, .header .menu-desktop .menu-principale-en-container li a:hover { color: white; }

.header .menu-btn { display: none; z-index: 99; }

.header .overlay { padding-top: 63px; background-color: #141D29; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; z-index: 0; -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); color: #fff; }

.header .overlay .lingua-mobile { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 0px; color: rgba(255, 255, 255, 0.4); }

.header .overlay .lingua-mobile a { display: inline-block; margin: 0; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); padding: 20px 4px; min-width: 30px; text-align: center; }

.header .overlay .lingua-mobile a.active { color: white; }

.header .overlay .lingua-mobile span:last-child { display: none; }

.page-template-persona .header .menu-desktop .menu-principale-container li a, .page-template-persona .header .menu-desktop .menu-principale-de-container li a, .page-template-persona .header .menu-desktop .menu-principale-en-container li a, .page-template-servizio .header .menu-desktop .menu-principale-container li a, .page-template-servizio .header .menu-desktop .menu-principale-de-container li a, .page-template-servizio .header .menu-desktop .menu-principale-en-container li a, .post-template-default .header .menu-desktop .menu-principale-container li a, .post-template-default .header .menu-desktop .menu-principale-de-container li a, .post-template-default .header .menu-desktop .menu-principale-en-container li a, .servizi-template-default .header .menu-desktop .menu-principale-container li a, .servizi-template-default .header .menu-desktop .menu-principale-de-container li a, .servizi-template-default .header .menu-desktop .menu-principale-en-container li a, .team-template-default .header .menu-desktop .menu-principale-container li a, .team-template-default .header .menu-desktop .menu-principale-de-container li a, .team-template-default .header .menu-desktop .menu-principale-en-container li a, .page-template-default .header .menu-desktop .menu-principale-container li a, .page-template-default .header .menu-desktop .menu-principale-de-container li a, .page-template-default .header .menu-desktop .menu-principale-en-container li a { color: rgba(20, 29, 41, 0.6); }

.page-template-persona .header .menu-desktop .menu-principale-container li a:hover, .page-template-persona .header .menu-desktop .menu-principale-container li a.active, .page-template-persona .header .menu-desktop .menu-principale-de-container li a:hover, .page-template-persona .header .menu-desktop .menu-principale-de-container li a.active, .page-template-persona .header .menu-desktop .menu-principale-en-container li a:hover, .page-template-persona .header .menu-desktop .menu-principale-en-container li a.active, .page-template-servizio .header .menu-desktop .menu-principale-container li a:hover, .page-template-servizio .header .menu-desktop .menu-principale-container li a.active, .page-template-servizio .header .menu-desktop .menu-principale-de-container li a:hover, .page-template-servizio .header .menu-desktop .menu-principale-de-container li a.active, .page-template-servizio .header .menu-desktop .menu-principale-en-container li a:hover, .page-template-servizio .header .menu-desktop .menu-principale-en-container li a.active, .post-template-default .header .menu-desktop .menu-principale-container li a:hover, .post-template-default .header .menu-desktop .menu-principale-container li a.active, .post-template-default .header .menu-desktop .menu-principale-de-container li a:hover, .post-template-default .header .menu-desktop .menu-principale-de-container li a.active, .post-template-default .header .menu-desktop .menu-principale-en-container li a:hover, .post-template-default .header .menu-desktop .menu-principale-en-container li a.active, .servizi-template-default .header .menu-desktop .menu-principale-container li a:hover, .servizi-template-default .header .menu-desktop .menu-principale-container li a.active, .servizi-template-default .header .menu-desktop .menu-principale-de-container li a:hover, .servizi-template-default .header .menu-desktop .menu-principale-de-container li a.active, .servizi-template-default .header .menu-desktop .menu-principale-en-container li a:hover, .servizi-template-default .header .menu-desktop .menu-principale-en-container li a.active, .team-template-default .header .menu-desktop .menu-principale-container li a:hover, .team-template-default .header .menu-desktop .menu-principale-container li a.active, .team-template-default .header .menu-desktop .menu-principale-de-container li a:hover, .team-template-default .header .menu-desktop .menu-principale-de-container li a.active, .team-template-default .header .menu-desktop .menu-principale-en-container li a:hover, .team-template-default .header .menu-desktop .menu-principale-en-container li a.active, .page-template-default .header .menu-desktop .menu-principale-container li a:hover, .page-template-default .header .menu-desktop .menu-principale-container li a.active, .page-template-default .header .menu-desktop .menu-principale-de-container li a:hover, .page-template-default .header .menu-desktop .menu-principale-de-container li a.active, .page-template-default .header .menu-desktop .menu-principale-en-container li a:hover, .page-template-default .header .menu-desktop .menu-principale-en-container li a.active { color: #141d29; }

.page-template-persona .header .voci-extra, .page-template-servizio .header .voci-extra, .post-template-default .header .voci-extra, .servizi-template-default .header .voci-extra, .team-template-default .header .voci-extra, .page-template-default .header .voci-extra { color: rgba(20, 29, 41, 0.6); }

.page-template-persona .header .voci-extra svg path, .page-template-servizio .header .voci-extra svg path, .post-template-default .header .voci-extra svg path, .servizi-template-default .header .voci-extra svg path, .team-template-default .header .voci-extra svg path, .page-template-default .header .voci-extra svg path { fill: rgba(20, 29, 41, 0.6); }

.footer { position: relative; }

.footer h4 { font-size: 28px; }

.footer .simple-link { display: block; }

.footer .simple-link:hover { color: #141d29; }

.footer img.ggi { max-width: 480px; }

.copyright { background-color: #141D29; position: relative; }

.copyright p { font-size: 14px; color: rgba(255, 255, 255, 0.7); }

.copyright .credits-container { position: absolute; right: 40px; top: 32px; }

.copyright .simple-link { color: rgba(255, 255, 255, 0.7); -webkit-transition: all 400ms ease-in-out; transition: all ease-in-out 400ms; }

.copyright .simple-link:hover { color: white; }

/****************************  Rows/Sections  *********************************/
.bg-gray-white { background: linear-gradient(to right, #f7f7f7 50%, #fff 50%); }

.row-gray-transp { position: relative; }

.row-gray-transp::before { content: ""; background-color: #f7f7f7; position: absolute; top: 50px; right: 50%; bottom: 0; left: 0; }

.before-gray-no-right { position: relative; }

.before-gray-no-right::before { content: ""; background-color: #f7f7f7; position: absolute; top: 50px; right: 50px; bottom: 0; left: 0; }

.bg-dark-blue-no-top { position: relative; }

.bg-dark-blue-no-top::before { content: ""; background-color: #141D29; position: absolute; top: 50px; right: 0; bottom: 0; left: 0; }

.bg-gray { background-color: #f7f7f7; }

.bg-dark-blue { background-color: #141D29; }

.top-blue-out { position: relative; }

.top-blue-out::before { content: ""; background-color: #141D29; position: absolute; top: -150px; right: 0px; bottom: 100%; left: 0; }

.left-white-out { position: relative; }

.left-white-out:before { content: ""; position: absolute; top: 0; left: -100px; width: 100px; bottom: 0; background-color: #fff; }

.bg-blue-white { background-color: #fff; position: relative; }

.bg-blue-white:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-color: #141D29; }

.top-white { position: relative; }

.top-white::before { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; height: 50px; }

.right-white { position: relative; }

.right-white::before { content: ""; background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; }

.bottom-gray { position: relative; }

.bottom-gray::before { content: ""; background-color: #f7f7f7; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; }

.single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 { margin: 40px 0 20px; }

.single-content h2 { font-size: 30px; }

.single-content h3 { font-size: 26px; }

.single-content h4 { font-size: 22px; }

.single-content h5 { font-size: 19px; }

.single-content h6 { font-size: 16px; }

.single-content p { margin-bottom: 20px; }

.single-content table { margin: 40px 0; width: 100%; }

.single-content table td { padding: 10px 20px; border-bottom: 1px solid #eee; }

.single-content table tr:nth-child(2n+1) td { background: #f7f7f7; }

.single-content img { margin: 40px auto; }

.single-content ul li { color: rgba(20, 29, 41, 0.7); margin-bottom: 12px; }

.single-content a { color: #141D29; text-decoration: underline; }

.single-content.persona h2 { font-size: 24px; }

.single-content.persona ul { padding: 0; list-style: none; }

.single-content.persona ul li { padding: 6px 0 6px 25px; position: relative; color: rgba(20, 29, 41, 0.6); }

.single-content.persona ul li::before { content: ""; background-color: #074DBE; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 14px; left: 0; }

/****************************  Elements  **************************************/
ul.lista-servizi { list-style: none; padding: 0; }

ul.lista-servizi li { padding: 20px 0; border-bottom: 1px solid rgba(20, 29, 41, 0.1); }

ul.lista-servizi li a { color: rgba(20, 29, 41, 0.7); -webkit-transition: all 400ms ease-in-out; transition: all ease-in-out 400ms; }

ul.lista-servizi li a:hover { color: #141d29; }

.data { color: #074DBE; }

#slider-home .outer-card { padding-left: 32px; padding-right: 32px; }

.card { position: relative; background-color: #fff; position: relative; height: 100%; top: 0; -webkit-transition: all ease-in-out 400ms; transition: all ease-in-out 400ms; }

.card:hover { top: -6px; }

.card p { color: rgba(20, 29, 41, 0.7); font-size: 13px; }

.card p.data { color: #074DBE; }

.card .arrow { position: absolute; bottom: 0; right: 50px; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-transition: all ease-in-out 400ms; transition: all ease-in-out 400ms; }

.card .arrow svg { display: block; }

.timeline { position: relative; }

.timeline::before { content: ""; background-color: rgba(255, 255, 255, 0.5); width: 1px; top: 0; bottom: 0; left: 9px; position: absolute; }

.timeline .evento { position: relative; }

.timeline .evento::before { content: ""; background-color: #074DBE; width: 18px; height: 18px; border-radius: 50%; position: absolute; top: 12px; left: 0; }

.timeline .evento .anno { color: #fff; font-size: 42px; font-family: "Gentium Book Basic", serif; line-height: 1; }

.timeline .evento p.descr { color: rgba(255, 255, 255, 0.7); }

.timeline .evento:last-of-type { margin-bottom: 0; }

.persona { position: relative; }

.persona .img-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; opacity: 0; }

.persona:hover .img-hover { opacity: 0.35; }

.persona .nome { font-family: "Gentium Book Basic", serif; color: #141D29; font-size: 18px; }

.bd-left-gray { border-left: 1px solid #DCDCDC; }

.btn { background-color: #fff; display: inline-block; padding: 6px 15px; color: #074DBE; text-decoration: none; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; vertical-align: middle; border: 1px solid #074DBE; -webkit-transition: all ease-in-out 400ms; /* Safari */ transition: all ease-in-out 400ms; }

.btn:hover { background-color: #074DBE; color: #fff; }

.btn.btn-md { padding: 10px 25px; }

.btn.btn-dark-blue { border: none; background-color: #141D29; color: #fff; }

.btn.btn-dark-blue:hover { background-color: #074DBE; }

.hero { overflow: hidden !important; }

.hero .hero-cover { top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(11, 21, 34, 0.7); }

.hero .hero-cover .hero-text { width: 80%; max-width: 700px; position: relative; top: -20px; }

.hero .hero-cover .hero-text p { color: #fff; text-transform: uppercase; letter-spacing: 1px; }

.hero .hero-cover.home { background-color: rgba(32, 37, 44, 0.6); }

.hero .hero-cover.home h1 { color: #fff; }

.hero .hero-cover.home h2 { color: rgba(255, 255, 255, 0.7); font-size: 24px; font-family: "Karla", sans-serif; }

.hero .hero-cover .arrow-down { position: absolute; bottom: 80px; width: 100%; text-align: center; }

.hero .hero-cover .arrow-down a { display: inline-block; color: #fff; }

.hero .video-wrapper { width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.hero .video-wrapper video { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; pointer-events: none; }

img.fit-cover, img.img-fit { object-fit: cover; }

.fake-hero { overflow: hidden !important; position: absolute; }

.fake-hero .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(11, 21, 34, 0.7); }

.news-container .card, .servizi-container .card { position: relative; }

.news-container .card .data, .servizi-container .card .data { font-size: 18px; }

.news-container .card h4, .servizi-container .card h4 { font-size: 25px; line-height: 1.2; }

.news-container .card p, .servizi-container .card p { font-size: 16px; line-height: 1.4; }

.anni input[type="radio"] { display: none; }

.anni input[type="radio"] + span { cursor: pointer; padding: 8px 20px; margin: 5px 2px; border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; }

.anni input[type="radio"]:checked + span { color: #074DBE; background-color: #fff; }

.servizi-container .card { text-align: center; }

.servizi-container .card h4 { font-size: 25px; }

.anim-box { max-width: 850px; }

#slider-home .slick-arrow { display: none !important; }

#slider-home .slick-track { display: flex; }

#slider-home .slick-slide { height: inherit; z-index: 0; position: relative; }

#slider-home .slick-slide:focus { outline: none; }

/** Pagination */
.pagination .page-numbers { padding: 3px 16px; font-size: 15px; font-weight: bold; color: rgba(20, 29, 41, 0.6); }

.pagination .current { color: #141d29; }