@charset "utf-8";:root{--nero:#000000;--bianco:#ffffff;--verde-acqua-scuro:#439ea8;--verde-acqua-medio:#5bb7bb;--verde-acqua-chiaro:#84d5cc;--verde-scuro:#27897c;--verde-medio:#8caf9d;--verde-chiaro:#bbd0aa;--marroncino:#c0a880;--background-menu:#3e8b83}body{font-family:'Open Sans',sans-serif;line-height:2em;position:relative;max-width:1920px;margin:auto}*{box-sizing:border-box}h1,h2,h3,h4{font-family:'Poiret One',cursive}h1.home-page{font-size:21px;font-weight:400;font-weight:400;font-family:'Open Sans',sans-serif}h1{font-size:42px}h2{letter-spacing:.02em;font-size:2.5rem}p{font-family:'Open Sans',sans-serif;font-size:19px;line-height:2em}a{color:var(--verde-acqua-scuro);transition:color .2s ease-in-out}a:hover{color:var(--verde-scuro);transition:color .2s ease-in-out}strong{font-weight:700}header{width:100%;height:100vh;margin:0 auto;background-image:url(../img/Header-Camilla-Settis-Psicologa-psicoterapeuta-Torino-desktop.jpg);background-size:cover;background-position:center center}header.error-404{background-image:url(../img/404-desktop.jpg)}.floating-whatsapp{z-index:10;position:fixed;bottom:30px;right:30px;height:72px;width:72px;transition:bottom .2s ease}.floating-whatsapp:hover{bottom:32px;transition:bottom .2s ease}.floating-whatsapp svg{-webkit-filter:drop-shadow(1px 1px 4px rgba(60, 60, 60, .4));filter:drop-shadow(1px 1px 4px rgba(60, 60, 60, .4))}.floating-whatsapp:hover svg{-webkit-filter:drop-shadow(1px 2px 8px rgba(60, 60, 60, .4));filter:drop-shadow(1px 2px 8px rgba(60, 60, 60, .4))}.mobile-menu-button{z-index:10;display:none;position:absolute;text-align:right;top:30px;right:30px}.burger{height:3em;width:3em;font-size:9px;cursor:pointer;transition:.2s all;-webkit-tap-highlight-color:transparent}.burger .burger-lines:after{left:0;top:-1em}.burger:after{content:'';display:block;position:absolute;height:150%;width:150%;top:-25%;left:-25%}.burger .burger-lines{top:50%;margin-top:-.125em}.burger .burger-lines,.burger .burger-lines:after,.burger .burger-lines:before{pointer-events:none;display:block;content:'';width:100%;border-radius:.25em;background-color:#000;height:.25em;position:absolute;transform:rotate(0)}.burger .burger-lines:after{left:0;top:-1em}.burger.burger-rotate .burger-lines,.burger.burger-rotate .burger-lines:after,.burger.burger-rotate .burger-lines:before{transition:all .2s}.burger.burger-rotate.open{transform:rotate(180deg)}.burger.burger-rotate.open .burger-lines{background-color:transparent}.burger.burger-rotate.open .burger-lines:after,.burger.burger-rotate.open .burger-lines:before{left:.5em;top:0}.burger.burger-rotate.open .burger-lines:before{transform:rotate(135deg)}.burger.burger-rotate.open .burger-lines:after{transform:rotate(-135deg)}nav.menu#nav-mobile{display:none}nav.menu#nav-bar{position:fixed;width:100%;z-index:10;display:none;flex-flow:row-reverse;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px;padding-right:45px;padding-left:45px}nav.menu.no-header#nav-bar{background-color:var(--background-menu)}nav.menu#nav-bar .background-and-logo{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--bianco);padding-top:10px;padding-bottom:10px;padding-right:45px;padding-left:45px;z-index:1}nav.menu#nav-bar ul.nav{display:flex;flex-flow:row;align-items:baseline;justify-content:space-between;margin:0;z-index:2}nav.menu#nav-bar ul.nav li.nav-item{font-family:'Poiret One',cursive;font-size:20px}nav.menu ul.nav li.nav-item a{color:var(--nero)}nav.menu ul.nav li.nav-item a.light{color:var(--bianco)}nav.menu ul.nav li.nav-item a.active,nav.menu ul.nav li.nav-item a:hover{color:var(--verde-scuro);font-weight:700}nav.menu ul.nav li.nav-item a.change-language{border:solid 1px var(--nero);padding:5px}nav.menu ul.nav li.nav-item a.change-language.light{border:solid 1px var(--bianco);padding:5px}nav.menu ul.nav li.nav-item a:hover{text-decoration:none}.dot-container{position:fixed;height:100%;z-index:5;right:0;background-color:transparent}.dot-container .nav{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100%}.dot-container .nav-link{padding:0}.dot{cursor:pointer;height:15px;width:15px;margin:5px 15px 5px 5px;background-color:var(--marroncino);border-radius:50%;display:inline-block;transition:background-color .6s ease}.active .dot,.dot:hover{background-color:var(--verde-scuro);transition:background-color .6s ease}section{width:100%;min-height:calc(100vh - 68px)}section.who-am-i{display:flex;flex-flow:row wrap;align-items:stretch}section.who-am-i .who-am-i-column{width:50%;padding:5%}section.who-am-i .who-am-i-column img{width:60%;margin-left:20%;margin-right:20%;margin-bottom:30px}section.what-we-can-do{text-align:center;background-image:url(../img/Camilla-Settis-Psicologa-psicoterapeuta-Torino-desktop.jpg);background-size:contain;background-repeat:no-repeat;padding-top:10vh;padding-bottom:10vh;padding-left:20vw;padding-right:20vw;display:flex;flex-flow:column;align-items:center;justify-content:center}section.what-we-can-do p{font-size:22px;line-height:2em}section.for-who{display:flex;flex-flow:column;align-items:flex-start;justify-content:space-between}section.for-who .for-who-part1{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;padding:5%;width:100%}section.for-who .for-who-part1 .for-who-part1-column{width:30%}section.for-who .for-who-part1 .for-who-part1-column .title{text-align:center;padding-top:15%;padding-bottom:15%;margin-bottom:10%;padding-left:25%;padding-right:25%;background-image:url(../img/psicoterapia-per-chi.png);background-size:100% 100%;background-repeat:no-repeat}section.for-who .for-who-part2{width:100%;height:300px;background-image:url(../img/Mani-intrecciate-psicologia-psicoterapia-Torino-desktop.jpg);background-size:contain;background-repeat:no-repeat;background-position:center top}section.for-who .for-who-part3{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;width:100%}section.for-who .for-who-part3 .for-who-part3-column{width:50%;padding-bottom:5%}section.for-who .for-who-part3 .for-who-part3-column.left{padding-left:10%;padding-right:5%;z-index:2}section.for-who .for-who-part3 .for-who-part3-column.right{padding-left:15%;padding-right:15%;z-index:2}section.for-who .for-who-part3 p{font-size:22px;line-height:2em}section.for-who .for-who-part4{width:100%;position:relative}section.for-who .for-who-part4 .not-aligned-img{background-image:url(../img/Rete-psicologo-psicoterapia-Torino-desktop.jpg);background-size:cover;background-repeat:no-repeat;background-position:right center;position:absolute;right:0;top:-300px;height:600px;width:300px;z-index:1}section.contact{display:flex;flex-flow:column;justify-content:space-between}section.contact .contact-part1{display:flex;flex-flow:row wrap;justify-content:center;width:100%;padding-left:10%;padding-right:10%}section.contact .contact-part1-column{width:100%;z-index:2;text-align:center}.newsletter-form{text-align:center}.newsletter-form .newsletter-form-input-container .newsletter-form-input{width:100%;max-width:400px;margin-top:10px;margin-bottom:10px;border:1px solid var(--nero);height:50px}.newsletter-form .newsletter-form-input-container .gdpr-checkbox{display:flex;flex-flow:column}.newsletter-form .newsletter-form-input-container .form-button{margin-top:10px;margin-bottom:10px;color:var(--bianco);background-color:var(--nero);border:none;height:50px;padding-left:10px;padding-right:10px}section.contact .social-button-container{display:flex;flex-flow:row;justify-content:center;padding-top:15px;padding-bottom:15px}section.contact .social-button-container .social-button-link svg{height:60px;width:auto;padding-right:10px;padding-left:10px}section.contact .social-button-container .social-button-link svg *{fill:var(--nero);transition:fill .2s ease-in-out}section.contact .social-button-container .social-button-link:hover svg *{fill:var(--verde-scuro);transition:fill .2s ease-in-out}.timeline-title{margin:5%;text-align:center}.cs-timeline{display:flex;flex-flow:row wrap;position:relative}.cs-timeline .cv-card{width:50%;padding-left:5%;padding-right:5%}.cs-timeline .cv-card.left{border-right:1px solid var(--nero);text-align:right}.cs-timeline .cv-card.right{padding-top:200px;border-left:1px solid var(--nero);text-align:left}.parallax-container{width:100%;height:700px;position:relative;overflow:hidden}.img-parallax{width:100%}.desktop{display:block}.mobile{display:none}.personal-data{margin:5%;text-align:center}.just-text{padding-top:10%;padding-bottom:5%;padding-right:5%;padding-left:5%}.just-text.desktop-center{text-align:center}.just-text.left{text-align:left}footer{display:flex;flex-flow:column;justify-content:center;min-height:10vh;width:100%}footer p{font-size:18px;text-align:center;letter-spacing:.05em}.copy-right{font-size:14px;letter-spacing:0}footer .footer-image{background-image:url(../img/Footer-Psicologa-psicoterapeuta-Torino.jpg);background-size:cover;background-repeat:repeat;background-position:center center;height:100px}.separator{padding-top:17px}@media only screen and (max-width:1000px){body{overflow-x:hidden}header{background-image:url(../img/Header-Camilla-Settis-Psicologa-psicoterapeuta-Torino-mobile.jpg)}header.error-404{background-image:url(../img/404-mobile.jpg)}h3{font-size:2rem!important}p{font-size:inherit!important}.mobile-menu-button{display:block}nav.menu#nav-mobile{position:absolute;width:300px;text-align:right;height:500px;right:-100%;background-color:#fff;z-index:8}nav.menu#nav-mobile ul.nav{display:flex;flex-flow:column wrap;justify-content:right;align-content:flex-end;position:absolute;bottom:40px;right:30px}nav.menu#nav-mobile ul.nav li.nav-item{font-family:'Poiret One',cursive;font-size:34px;line-height:1.5em}section{min-height:100vh}section.who-am-i .who-am-i-column{width:100%;padding:10%}section.who-am-i .who-am-i-column img{width:100%;margin-left:0;margin-right:0;margin-bottom:30px}section.what-we-can-do{text-align:left;padding-top:10vh;padding-bottom:10vh;padding-left:10%;padding-right:10%}section.for-who .for-who-part1 .for-who-part1-column{width:100%;padding:5%}section.for-who .for-who-part2{height:150px}section.for-who .for-who-part3 .for-who-part3-column{width:100%}section.for-who .for-who-part3 .for-who-part3-column.right{padding-left:10%}section.for-who .for-who-part4 .not-aligned-img{top:-150px!important;height:300px!important;width:150px!important}section.contact .contact-part1-column{text-align:left}.timeline-title{margin-left:10%;margin-right:10%;text-align:left}.cs-timeline .cv-card{width:100%;margin-left:10%;padding-right:10%}.cs-timeline .cv-card.left{border-right:none;border-left:1px solid var(--nero);text-align:left}.cs-timeline .cv-card.right{padding-top:inherit}.parallax-container{height:auto}.desktop{display:none}.mobile{display:block}.personal-data{margin-left:10%;margin-right:10%;text-align:left}.just-text{padding-top:20%;padding-left:10%;padding-right:10%}.just-text.mobile-left{text-align:left}footer p{padding-left:10%;padding-right:10%}}.p-size-12{font-size:12px}.newsletter-form-input{padding:10px}@media only screen and (min-width:1150px){section.for-who .for-who-part1 .for-who-part1-column .title.short-text{padding-left:30%;padding-right:30%}}@media only screen and (min-width:1920px){nav.menu#nav-bar{width:1920px}}