/*
Theme Name: Emozioni
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Itim&display=swap');

html {scroll-behavior: smooth;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s; color:#2956AC!important}
textarea:focus{outline:0!important;box-shadow: initial!important;}

body{font-size: 18px!important;font-family: "Itim", cursive!important;font-weight: 400!important;font-style: normal; }
h1, h2, h3, h4 , h5, h6{font-family: "Itim", cursive!important;text-transform: uppercase;}
h1{font-size: 60px;line-height: 1;}
h2{font-size: 40px; margin-bottom:25px;}
h3{font-size: 26px;margin-bottom:25px;}
h4{font-size: 25px; margin-bottom:25px;}
h5{font-size: 20px; margin-bottom:25px;}
h6{font-size: 18px; margin-bottom:10px;}
a{color: black;line-height: initial;}
a:hover{text-decoration:none;color: black;}
p{line-height: initial;}
p:last-child{margin: 0;}
span{color: #2756a6;}
label{font-size: 12px;margin-bottom: 5px;text-transform: uppercase;}
img, iframe{max-width: 100%; vertical-align: middle;}
ul{padding: 0;margin: 0;}
ul li{color: black;}
input, textarea, select{border-radius: 0!important;border: 2px solid black!important;font-size: 14px!important;height: initial!important;padding: 8px 10px!important;width: 100%!important;background: #fff}
body input[type=submit], button{width: auto!important;cursor: pointer!important;background: #2756A6;color: #fff!important;border-radius: 50px!important;border: 0!important;padding: 15px 20px!important;}
textarea{height: 80px!important;border: 2px solid black!important;}
video{width: 100%; vertical-align: middle;}
hr{width: 100%; float: left;}
button:focus{outline: 1px dotted; outline: 0px auto -webkit-focus-ring-color;}
strong{font-weight:bold}
.form-control{border: 1px solid #B9B9B9!important;height: initial!important;padding: 10px!important;border-radius: 10px!important;}
textarea.form-control{height: 150px!important;}

.owl-nav{text-align: center;position: absolute;bottom: 50%;width: 100%;}
.owl-nav button{background: black!important;margin: 0 10px;width: 40px!important;height: 40px;border-radius: 50%;}
.owl-nav button i{color: #fff!important;font-size: 25px;}
.owl-nav button i:hover{}
.owl-nav button.owl-prev{float: left;left: -60px;position: absolute;}
.owl-nav button.owl-next{float: right;right: -60px;position: relative;}
.owl-nav button:hover{background:#2756A6!important}

.owl-dots{position: absolute;bottom: 10px;width: 100%;text-align: center;display: none;}
.owl-dots button{display: inline-block;vertical-align: middle;margin: 0 5px;}
.owl-dots button span{width: 12px;height: 12px;display: block;border-radius: 50%;background: rgb(0 0 0 / 25%);}
.owl-dots button.active{}
.owl-dots button.active span{background: black;width: 16px;height: 16px;}
.owl-dots button span:hover{}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{ -ms-touch-action: auto; touch-action: auto;}

.container-fluid{}

.btn{background: #f8b62b;color: #fff;border-radius: 50px;padding: 15px 30px;border: 0;line-height: initial;font-family: "Inter", sans-serif;min-width: 225px;border: 1px solid #f8b62b!important;}
.btn.btn-secondary{background: #f3f5fb;border: 1px solid #2756a6!important;color: #2756a6;}
.btn:hover{background: #2756a6!important; border-color:#2756a6!important;}
.btn:hover, .btn.border:hover{background: #2756a6;border:0;color: #fff;}
.btn:hover i{padding-left: 20px;}

.btn.border{border: 1px solid #2756a6!important;background:initial;color:#2756a6}
.btn.border:hover{border: 1px solid #2756a6!important;background: #2756a6;color: #fff!important;}

.play{height: 80px;}
.play-btn {width: 80px;height: 80px;background: radial-gradient( rgb(0 198 154) 60%, rgba(255, 255, 255, 1) 62%);border-radius: 50%;margin: 0px auto;box-shadow: 0px 0px 25px 3px rgb(0 198 154);position: absolute;left: 0;right: 0;}
.play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); transform-origin: center center; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #fff; z-index: 100; -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.play-btn:before {content: "";position: absolute;width: 150%;height: 150%;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate1 2s;animation: pulsate1 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid rgb(0 198 154);top: -25%;left: -25%;background: rgba(198, 16, 0, 0);}

@-webkit-keyframes pulsate1 {
	0% {-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 1;box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}
	100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;box-shadow: none;}
}
@keyframes pulsate1 {
	0% {-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 1;box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}
	100% {-webkit-transform: scale(1, 1);transform: scale(1);opacity: 0;box-shadow: none;}
}

#paper-balls { pointer-events: none; z-index: 1; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.1; }

header{}
header .logo{position:relative;display: inline-block;}
header nav{vertical-align: middle;}
header nav ul{}
header nav ul ul{display:none}
header nav ul li{list-style: none;display: inline-block;vertical-align: middle;position: relative;}
header nav ul li a{display: block;padding: 12px 15px;position: relative;}
header nav ul li a:after{content:'';display: block;position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: #2756a6;-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;}
header nav ul li a:hover:after{width:100%}
header nav ul li:hover ul{display:block;position:absolute;left:0;top: 30px;text-align: left;background: #fff;width: 250px;}
header nav ul ul li{display: block;}
header nav ul ul li a{border-bottom: 1px solid #2756a6;padding: 10px 20px;}
header nav ul li.cont a{background:#2756A6;color: #fff!important;border-radius: 50px;padding: 10px 25px;}

header{transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;position: fixed;width: 100%;top: 0;z-index: 999;background: white;border-bottom: 1px solid #efefef;}
header.hide{top:-100px}
header.visible nav a{}

header .mobile-menu{cursor: pointer;position: relative;vertical-align: middle;display: none!important;}
header .mobile-menu span{display: block;border-bottom: 3px solid #000;width: 35px;border-radius: 10px;margin-bottom: 6px;position: relative;}	
header .mobile-menu span:nth-child(2){left: 0px;}
header .mobile-menu span:last-child{margin:0}
header .mobile-menu:hover span{border-color: #2756A6;}
header .mobile-menu.open{display: inline-block;position: relative;z-index: 999; padding-top:12px;}
header .mobile-menu.open span{}
header .mobile-menu.open span:first-child{transform: rotate(-45deg);}
header .mobile-menu.open span:nth-child(2){transform: rotate(45deg);position: relative;top: -9px;}
header .mobile-menu.open span:nth-child(3){display:none}

.fullheader{display:none}
.fullheader.open{display:block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;background: url('https://www.emozionimovimento.com/wp-content/themes/emozioni/images/banner-bg.svg');background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;background-color: #fff;}
.fullheader:after{content:'';position: absolute;right: -25%;top: 0;bottom: 0;width: 50%;height: 100%;background-position: center center;background: url('https://www.emozionimovimento.com/wp-content/themes/emozioni/images/banner-img.svg');background-size: 100%;background-repeat: no-repeat;}
.fullheader *{position:relative; z-index:9}
.fullheader .close-menu{display: inline-block;height: 40px;top: 5px;cursor: pointer;}
.fullheader .close-menu span{border-bottom: 3px solid #000;display: block;width: 35px;margin-bottom: 10px;transform: rotate(45deg);top: 22px;}
.fullheader .close-menu span:last-child{transform: rotate(-45deg);top: 9px;}
.fullheader .close-menu:hover span{border-color:#2756A6; cursor:pointer} 
.fullheader h5{margin: 20px 0px 15px 0px;}
.fullheader ul{list-style: disc;padding: 0;margin: 0;padding-left: 15px;}
.fullheader ul ul{}
.fullheader ul li{}
.fullheader ul li a{/* font-size:14px; */}
.fullheader .container-fluid{/* width:100%; */}
.fullheader .social{margin-top:20px;}
.fullheader .social i{background:#2756A6;color: #fff!important;}

.cover{background-size: cover!important;background-position: top center!important; background-repeat:no-repeat!important}
.cover .container-fluid, .cover .container{position:relative; z-index:9}
.subheading{font-size:20px;}
.bg-light{background: #EEF1F8!important;}
.bg-light *{}
.after:after{content:'';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);}
.after .container-fluid, .after .container{position:relative; z-index:9}
.container-fluid{}
.white *{color:#fff}
.rounded{border-radius:20px!important;}

.banner{background-size: 70%!important;background-repeat: no-repeat!important;background-position: bottom right!important;}
.banner p{margin-bottom:50px;}
.banner *{}

.center-img{margin-top: -20px;}
.center-img img{}

.dr p{margin:0;line-height: initial;}
.dr ul{padding-left: 20px;}
.dr a{color: #f8b62b !important;}
.dr a:hover{text-decoration:underline; color:#2756a6!important}

.services img{height: 120px!important;}
.services .mb-5:nth-child(1) .p-4{border: 3px solid #FCC63A!important;background: #fcc63a24;border-radius: 20px;}
.services .mb-5:nth-child(1) .p-4 h3{color:#FCC63A!important}
.services .mb-5:nth-child(2) .p-4{border: 3px solid #00408A!important;background: #00408a12;border-radius: 20px;}
.services .mb-5:nth-child(2) .p-4 h3{color:#00408A!important}
.services .mb-5:nth-child(3) .p-4{border: 3px solid #FF6446!important;background: #ff644614;border-radius: 20px;}
.services .mb-5:nth-child(3) .p-4 h3{color:#FF6446!important}
.services .mb-5:nth-child(4) .p-4{border: 3px solid #96D1DF!important;background: #96d1df17;border-radius: 20px;}
.services .mb-5:nth-child(4) .p-4 h3{color:#96D1DF!important}
.services a{text-align:center; display:block}
.services .p-4{padding: 58px 20px !important;width: 300px;margin: 0 auto;}
.services .p-4:hover{transform:scale(1.02);}

footer{background-color: #2a5fb845;position: relative;z-index: 99;}
footer *{color: #2756a6 !important;}
footer p, footer a{font-size:14px; margin:0!important}
footer a:hover{color: #fff;}
footer ul{padding-left:15px}
footer ul li{color:#fff;list-style: disc;}
footer ul li a{font-size:14px;opacity:.8;display:block;margin-bottom: 5px;position:relative;display: inline-block;}
footer ul li a:after{content:'';display: block;position: absolute;left: 0;bottom: -4px;width: 0%;height: 1px;-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;background:#fff}
footer ul li a:hover:after{width:100%}
footer ul ul{padding;0;padding: 0;}


.people{}
.people .top{position:absolute;top: -120px;width: 200px;}
.people .bg-light{background: #f3f5fb!important;height:100%}
.people h2, .people h3{font-style:initial}
.people ul{list-style: none;padding: 0;}
.people ul li img{position: absolute;left: 0;width: 26px;top: 0px;}
.people ul li{position: relative;padding-left: 50px;margin-bottom: 50px;}
.people ul li h4{margin-bottom: 15px;}
.people ul li:last-child{margin:0}
.people .bg-dark{background: #2756a6!important;}
.people .bg-dark img{width: 90%;margin: 0 auto 0px auto;}
.people .bg-dark h2{color:#fff;padding-bottom: 15px!important;}
.people .bg-dark h2 span{color:#fec01b}
.people strong{color:#000!important}

.process{}
.process li{list-style: none;}
.process h4{color: #2756A6;margin-bottom: 15px;}
.process p{font-size: 14px;}
.process .bottom{bottom: 0;width: 350px;}
.process .min-height{min-height: 230px;}
.process .first{}
.process .first ul{width: 70px;margin: 0 auto;}
.process .first ul li{list-style: none;position: relative;}
.process .first ul li span{color: #000;font-size: 40px;width: 70px;height: 70px;display: block;text-align: center;margin: 0px auto 0 auto;border: 1px solid #2756A6;border-radius: 50%;line-height: 67px;background: white;font-weight: 300;}
.process .first ul li:after{content:'';display:block;width: 170px;border-bottom: 1px solid #2756A6;transform: rotate(90deg);left: -50px;bottom: 76px;position: absolute;}
.process .first ul li:last-child:after{display:none}
.process .second{}
.process .second ul{padding-left: 15px;}
.process .second ul li{font-size: 14px;list-style: disc;margin-bottom: .4rem;}
.process .second h4{}
.process .second p{}

.financial-mgmt .bg-light{background: #f3f5fb!important;}
.financial-mgmt ul{
	opacity: .8;
}
.financial-mgmt ul li{list-style: none;margin-bottom: 20px;position: relative;padding-left: 35px;}
.financial-mgmt ul li img{width: 18px;margin-right: 5px;position: absolute;top: 3px;left: 0px;}

.client-heading{}
.client-heading img{
	display: block;
	margin: 0 auto;
}

.clients{}
.clients .bg-dark{background:#000!important;border-radius: 20px;padding: 1rem 1.5rem!important;}
.clients .bg-dark *{color:#fff}
.clients h5{margin:0; margin-bottom:5px; font-style:initial}
.clients span{font-size: 12px;color:#000; margin-bottom:5px!important; display:block}
.clients i{color:gold!important}
.clients .bg-light{border-radius: 10px}
.clients .owl-stage .owl-item:nth-child(even) .bg-light{background:#fff7e7!important}
.clients .owl-stage .owl-item:nth-child(odd) .bg-light{background:#f8f9fa!important}
.clients .bg-light:hover{transform:scale(1.02)}

.founder{}
.founder .circle{position: absolute;left: 0;top: 0;}
.founder p{font-size: 21px;}
.founder span{color:#000;font-weight:bold;margin-top:50px;display: block;}

.gallery img:hover{transform:scale(1.02);filter: grayscale(1);}

.signup{}
.signup .bg-light{width:800px;margin: 0 auto;}
.signup .bg-light img{position:absolute;right:0;width: 125px;opacity: .5;}



.social a{margin-right: 10px!important;}
.social i{background:#fff;color: #2756a6 !important;width: 42px;height: 42px;text-align:center;border-radius:50%;font-size: 24px;line-height: 42px;}
.social i:hover{background:#2756A6;color: #fff!important;}

.footer-last{background: #2756a6;}
.footer-last p{line-height:initial;color: #fff!important;font-size:14px;margin:0}

.quickbtn{background: #f8b62b;position:fixed;right:0;padding:10px;font-size: 25px;color: #fff!important;width: 45px;border-radius: 10px 0 0 10px;text-align: center;z-index: 9999;}
.quickbtn.a{bottom: 146px;}
.quickbtn.b{bottom: 85px;}
.quickbtn.c{bottom: 25px;}
.quickbtn i{color:#fff!important}
.quickbtn:hover{background:#2756A6}

.choose p{font-size:14px}

.stats{}
.stats h3{font-size:40px;margin-bottom: 10px;}
.stats p{}
.stats hr{width: 80px; border-top: 5px solid #2756A6; margin: 0 auto; float: initial; border-radius: 20px;}
.stats .col:nth-child(2) hr{border-top-color: black!important;}
.stats .col:nth-child(3) hr{border-top-color: red!important;}
.stats .col:nth-child(4) hr{border-top-color: yellow!important;}

.clients-feedback{background: #fdfdfd;}
.clients-feedback:after{content:'';background:url('https://www.emozionimovimento.com/wp-content/uploads/2024/02/yellow-wavy-lines.svg');display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: top left;background-repeat: no-repeat;}
.clients-feedback .bg{display: block;height: 100%;background-size: cover!important;background-position: top center!important;border-radius: 20px;}
.clients-feedback .bg-light{background:#2756A6!important;border-radius: 22px;}
.clients-feedback .bg-light i, .clients-feedback .bg-light p{margin-bottom:20px;}
.clients-feedback .bg-light *{color:#fff;opacity:1;font-size: 20px;}
.clients-feedback .bg-light h5{margin:0}
.clients-feedback .owl-dots{position: inherit;display: block; margin-top:100px}
.clients-feedback .owl-theme{position:relative}
.clients-feedback .owl-theme:after{content:'';background:url('https://www.emozionimovimento.com/wp-content/uploads/2024/02/Vector-1.svg');display: block;position: absolute;right: -70px;top: -70px;width: 200px;height: 200px;background-position: top right;background-repeat: no-repeat;background-size: cover;}

.cv{position:relative;}
.cv:after{content:'';background: url('https://www.emozionimovimento.com/wp-content/uploads/2024/02/drawing-10.svg');display: block;position: absolute;left: 0;top: 150px;width: 100%;height: 100%;background-position: top left;background-repeat: no-repeat;background-size: 300px;}

.contact-box{position:relative}
.contact-box .bg{background: url('https://www.emozionimovimento.com/wp-content/uploads/2024/02/building.svg');height: 100%;background-size: cover;background-position: top center;}
.contact-box p{font-size:14px; margin:0}
.contact-box .border i{font-size:25px; margin-right:10px; margin-top:10px;}
.contact-box .border hr{margin:10px 0}
.contact-box a{color: #2756A6!important;}

.subheader{background-position: center bottom!important;}
.subheader h2, .subheader p{color:#fff}
.subheader p{width: 50%;margin: 0 auto;}

.inner-content{}

.privacyy{}
.privacyy .left{}
.privacyy .left ul{margin: 0;padding: 0;}
.privacyy .left ul li{list-style: none;margin-bottom: 18px;}
.privacyy .left ul li.active a, .privacyy .left ul li:hover a{border-bottom:2px solid #2756A6}
.privacyy .left ul li a{}

.faq{}
.faq ul{}
.faq ul li{margin-bottom: 20px;border-bottom: 0px solid #dee2e6;padding-bottom: 20px;list-style: none;background: #f3f5fb;padding: 20px;}
.faq ul li h6{margin-bottom: 10px;position: relative;padding-right: 40px;margin:0;cursor:pointer;}
.faq ul li p{opacity: .5;}
.faq ul li.active{}
.faq ul li .toggle{display: block;width: 24px;height: 24px;position: absolute;right: 0;top: 0;text-align: center;border-radius: 50%;}
.faq ul li .toggle:after{content: '\f067';font-family: 'FontAwesome';font-size: 20px;font-style: initial;}
.faq ul li.active .toggle:after{content: '\f068';position: relative;top: -2px;}
.faq ul li .content{display: none;padding-right: 40px;padding-top: 15px;}
.faq ul li.active .content{display:block}

@media(max-width:1350px){
	.container-fluid{width: 98%;max-width: 100%;}
}

@media(max-width:992px){
	header nav{display:none}
	header nav.open{display: block;position:absolute;top: 50px;background: #fff;right: 0;width: 300px;}
	header nav.open ul li{display:block;border-bottom: 1px solid #e0e0e0;text-align: left;}
	header nav.open ul li:last-child{border:0}
	header nav.open ul li:last-child a, header nav.open ul li a{border-radius:0}
	header.show nav.open{top:43px;}
	h1{font-size: 50px!important;line-height: 1.2;}
	.banner p{width: 100%;}
	.signup .bg-light{width:100%}
	.people .bg-dark h2{margin:0}
	.people .bg-dark h2 br, .process h2 br, .people h2 br, .services h2 br{display:none}
	.process h2{text-align:center;margin-bottom: 20px;}
	.process .first ul{}
	.process .first ul li{}
	.process .first ul li:after{display:none}
	.process .min-height{min-height: initial; margin-bottom: 50px;}
	.owl-nav{position:initial}
	.owl-nav button.owl-prev, .owl-nav button.owl-next{position:initial; float:none} 
	.owl-nav{margin-top:40px;}
	.process .bottom{margin-top:40px;}
	.fullheader:after{display:none}
	.financial-mgmt ul li br{display:none}
	header .mobile-menu{display: inline-block!important;}
}

@media(max-width:767px){
	h1{font-size: 40px!important;line-height: 1.2;}
	h2{font-size:30px}
	h3{font-size:26px}
	.container-fluid{width: 90%;}
	.banner p{}
	.client-heading img{position:initial;display: block;margin: 0 auto!important;}
	.client-heading h2{margin:0!important}
	.signup h4 br, .services p br, .health h2 br{display:none}
	.cover{background-attachment:inherit!important}
	.fullheader.open{overflow-y:scroll}
	.people .top{position:initial; width:100px;}
	.clients-feedback .owl-theme:after{display: none;}
	.clients-feedback .bg, .contact-box .bg{height:200px;}
	.bg.cover{height: 300px!important;}
	.btn{min-width: auto;padding: 10px 15px;}
	body .inner-content p{font-size:18px!important}
	body .dr a{word-break:break-all}
}

@media (min-width: 576px)
{
	.container{max-width: 90%;}
}