/* Add here all your CSS customizations */
/* --------- */

/* LINK NAVIGATION sticky-header-active
@media(min-width: 992px) {
	#header .header-nav-main nav > ul > li > a{
		color: yellow !important;
	}
	#header .header-nav-main nav > ul > li > a:hover{
		color: white!important;
	}
	html.sticky-header-active #header .header-nav-main nav > ul > li > a {
		color: red !important;
	}
}
--------- */

/* WEB FONT */
h2.good-times {
	font-family: 'Good Times Rg';
	font-weight: normal;
	font-style: normal;
	font-size: 2.5em !important;
}
.txt-good-times {
	font-family: 'Good Times Rg';
	font-weight: bold;
	font-style: normal;
}

/* TXT COLOR */
.text-color-grigio-digonos {
	color: #9D9D9C;}
.text-color-bluviola {
	color: #40476d;
}
.text-color-verde-digonos {
	color: #3CA18C !important;
}
/* ALTEZZA HEADER */
#header.header-effect-shrink .header-container {
	min-height: 70px;
}

/* BG COLOR */
.bg-color-digonos-verde {
	background-color: #3CA18C !important;
}
.bg-color-digonos-grigio {
	background-color: #9D9D9C !important;
}
.bg-color-digonos-giallo {
	background-color: #FFBA08 !important;
}
.bg-color-digonos-bluviola {
	background-color: #40476d !important;
}
.bg-color-digonos-acid0 {
    background-color: #ecefda !important;
}
.bg-color-digonos-acid1 {
    background-color: #d9f9a5 !important;
}
.bg-color-digonos-acid2 {
    background-color: #edffab !important;
}

/* RESIZE IMG ON MOBILE */
/* iPad */
@media(max-width: 991px) {
        .custom-image-size {
                margin-top: 10px;
                width: 300px !important;
                max-width: none;
        }
}
/* Smartphones */
@media(max-width: 575px) {
        .custom-image-size {
                margin-top: 5px;
                width: 220px !important;
        }
}
/* TXT in box HP */
p.HPbox {
    color: #777;
    line-height: 1.5;
    margin: 0 0 20px;
}
/* --------- */

/* CARD CAROUSEL TRASPARENTI - SENZA BG COLOR */
.card-bg-none {
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: none;
  background-clip: border-box;
}

/* PRESI DA css/demos/demo-law-firm-2.css */

/* EFFETTO OMBRA su BOX*/
.custom-box-shadow-1 {
	box-shadow: 0px 0px 31px -5px rgba(0, 0, 0, 0.14) !important; }

.custom-box-shadow-2 {
	box-shadow: 0px 8px 31px -5px rgba(0, 0, 0, 0.07) !important; }

/*
* Cards
*/
.custom-card-style-1 .custom-read-more svg,
.custom-card-style-2 .custom-read-more svg {
	transition: ease transform 300ms; }

.custom-card-style-1:hover .custom-read-more svg,
.custom-card-style-2:hover .custom-read-more svg {
	transform: translate3d(7px, 0, 0); }

.custom-card-style-1 {
	transition: ease transform 300ms; }
	.custom-card-style-1 .card-title {
		transition: ease color 300ms; }
	.custom-card-style-1:hover {
		transform: scale(1.03); }

.custom-card-style-2 .card-img-top {
	padding-left: 35px; }

.custom-card-style-2 .card-body {
	position: relative;
	background: #FFF;
	margin-top: -70px;
	max-width: 83%; }

/*
* Owl Carousel
*/
.custom-dots-style-1 .owl-dots {
	margin-top: 0 !important; }
	.custom-dots-style-1 .owl-dots .owl-dot span {
		background: transparent;
		border: 1px solid #3ca18c;
		width: 12px;
		height: 12px; }
	.custom-dots-style-1 .owl-dots .owl-dot:hover span, .custom-dots-style-1 .owl-dots .owl-dot.active span {
		background: #3ca18c; }

.custom-dots-style-1.dots-dark .owl-dots .owl-dot span {
	border-color: #3ca18c; }

.custom-dots-style-1.dots-dark .owl-dots .owl-dot:hover span, .custom-dots-style-1.dots-dark .owl-dots .owl-dot.active span {
	background: #3ca18c !important; }

.custom-dots-style-1.dots-light .owl-dots .owl-dot span {
	border-color: #FFF;
	background: transparent; }

.custom-dots-style-1.dots-light .owl-dots .owl-dot:hover span, .custom-dots-style-1.dots-light .owl-dots .owl-dot.active span {
	background: #FFF !important; }

.custom-carousel-style-1 {
	position: relative;
	overflow: hidden; }
	.custom-carousel-style-1:before, .custom-carousel-style-1:after {
		content: '';
		position: absolute;
		top: 0;
		width: 0;
		height: 30%;
		box-shadow: -10px 0px 30px 50px white;
		z-index: 1; }
	.custom-carousel-style-1:before {
		left: 0; }
	.custom-carousel-style-1:after {
		right: 0; }
	.custom-carousel-style-1 .custom-carousel-style-1-icon-wrapper {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 120px;
		height: 120px;
		border: 3px solid #CCC;
		border-radius: 100%; }
		.custom-carousel-style-1 .custom-carousel-style-1-icon-wrapper:before, .custom-carousel-style-1 .custom-carousel-style-1-icon-wrapper:after {
			content: '';
			position: absolute;
			top: 50%;
			width: 85%;
			border-bottom: 2px solid #CCC;
			transform: translate3d(0, -50%, 0); }
		.custom-carousel-style-1 .custom-carousel-style-1-icon-wrapper:before {
			left: calc( 100% + 25px); }
		.custom-carousel-style-1 .custom-carousel-style-1-icon-wrapper:after {
			right: calc( 100% + 25px); }

.custom-carousel-style-2 .owl-item:not(.active) {
	opacity: 0;
	transition: ease opacity 300ms; }

.custom-carousel-style-2 .owl-item.active .custom-card-style-2 .card-body {
	box-shadow: 0px 8px 31px -5px rgba(0, 0, 0, 0.07); }

.custom-carousel-style-2.owl-grab .owl-item:not(.active) {
	opacity: 1; }

/* DEFINIZIONE POSIZIONE E VISIBILITÀ DELLE IMMAGINI A SECONDA DELLA RISOLUZIONE DELLO SCHERMO*/

@media (min-width: 1200px){
    .img-step1{
        transform: translate(0,50px);
    }
    .img-step2{
        transform: translate(-10px,40px);
    }
    .img-step3{
        transform: translate(-15px,60px);
    }
    .img-arrow1{
        width: 127px;
        transform: rotate(90deg) translate(15px,-13px);
    }
    .img-arrow2{
        width: 120px;
        transform: rotate(90deg) translate(26px,-16px);
    }
}

@media (max-width: 576px){
    .img-step1{
        width: 52%;
    }
    .img-step2{
        width: 52%;
    }
    .img-step3{
       width: 52%;
    }
    .img-arrow1{
        height: 0;
        overflow: hidden;
    }
    .img-arrow2{
        height: 0;
        overflow: hidden;
    }
}

.partner-logo{
    display: block; 
    margin: auto; 
    width:50%;
}

.txt-center{
    text-align: center;
}

@media (min-height: 1000px){
    .page_title_div{
        height: 1000px; 
        text-align: center;
    }
}

@media (min-height: 576px) and (max-height: 1000px)
{
       .page_title_div{
        height: 800px; 
        text-align: center;
    } 
}
@media (max-height: 576px){
    .page_title_div{
        height: 500px; 
        text-align: center;
    }
}