/* nuovi box nella homepage di vmsistemi */
.animali {
    text-align: center;
    padding: 0 15px !important;
}
#animali {
	position: relative;
}
/* titolo della sezione */
#bisogno-ict {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 25px;
	text-shadow: 1px 1px #FFFFFF;
	line-height: 1.1;
}
/* immagine di sfondo al singolo box */
img.cover {
    position: absolute;
    margin: auto !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75%;
	height: auto;
}
/* div che contiene l'immagine di sfondo */
.zi1 {
	position: relative;
	z-index:1;
}
/* testo all'interno del quadrante BLU */
.zi2 {
	position: relative;
	z-index:2;
}
/* elemento grafico, freccia/triangolo */
.zi3 {
	width: 30px;
	height: 30px;
	background: #0f3556;
	transform: rotate(45deg);
	position: absolute;
	left: 45%;
}
/* elemento grafico, angolo triangolo azzurro piu freccia */
.zi4 {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 50px solid #0093BB;
    transform: rotate(270deg);
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.zi4::before {
    content: "\e60c";
    font: 19px/20px 'scalia-icons';
    position: absolute;
    right: 25px;
    bottom: 5px;
    z-index: 3;
    color: white;
    transform: rotate(90deg);
}
/* link che abbraccia l'intero box e suo effetto :hover */
.animali .wpb_wrapper div:nth-child(3) {
    margin-bottom: 0;
}
.zi5 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-radius: 0 25px 0 25px;
	z-index: 10;
}
.zi5:hover {
    border: 5px solid #0093BB;
}
.techsentially:hover {
    border: none!important;
}
.animali.wpb_column.vc_column_container.vc_col-sm-4 > .vc_column-inner {
    padding: 0 !important;
    position: relative;
}
.wpb_text_column.wpb_content_element.blu {
    margin: 0;
}
.wpb_text_column.wpb_content_element.bianco {
    margin-bottom: 0;
}
.vm-soluzioni .wpb_wrapper .blu .wpb_wrapper{
	background-color: #0f3556;
	color: #FFFFFF;
	padding: 20px;
	font-size: 18px;
	line-height: 25px;
	border-radius: 0 25px 0 0;
}
.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper {
    background-color: #FFFFFF;
    color: #0f3556;
    padding: 20px;
    font-size: 18px;
    line-height: 25px;
    margin: 0 auto !important;
	border-radius: 0 0 0 25px;
}
.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper h2 {
    margin: 0;
    font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	z-index: 9;
}
.portfolio-item {
    padding: 0 10px;
}
.image-inner {
	border-radius: 2px 25px;
}




/* Desktop devices (1035px and 1150px) */
@media (min-width: 1035px) and (max-width: 1150px) { 
	.vm-soluzioni .wpb_wrapper .blu .wpb_wrapper{
		font-size: 17px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper h2 {
		font-size: 18px;
	}
}


/* Desktop devices (992px and 1034px) */
@media (min-width: 992px) and (max-width: 1034px) { 
	.vm-soluzioni .wpb_wrapper .blu .wpb_wrapper{
		font-size: 16px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper h2 {
		font-size: 15px;
	}
}


/* Small devices (tablets, 825px and 991px) */
@media (min-width: 825px) and (max-width: 991px) { 
	.vm-soluzioni .wpb_wrapper .blu .wpb_wrapper{
		padding: 18px;
		font-size: 16px;
		line-height: 23px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper h2 {
		font-size: 15px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper {
		padding: 10px;
	}
}


/* Small devices (tablets, 768px and 824px) */
@media (min-width: 768px) and (max-width: 824px) { 
	.vm-soluzioni .wpb_wrapper .blu .wpb_wrapper{
		padding: 15px;
		font-size: 16px;
		line-height: 23px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper h2 {
		font-size: 11px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper {
		padding: 10px;
	}
}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) { 
	img.cover {
		top: 20px;
		width: auto;
		height: 175px;
	}
	.page-title-title {
		margin: 0px;
	}

	.page-title-block {
		padding: 0px;
	}

	.page-title-excerpt {
		margin: 30px 0;
	}

	.page-title-title h1 {
	    font-size: 30px !important;
	    margin: 0 auto 30px;
	}

	.menu-categorie-blog-container {
		width: 65%;
		margin: 0 auto 30px;
	}

	.dropdown {
		padding: 15px;
		margin: 0;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans", sans-serif;
	}
	
	.dropdown:hover {
		color: #0093BB;
	}

	.eg-icon-down-open {
		float: right;
	}

	.menu {
		position: absolute;
		z-index: 10;
		margin: 0;
	}

	.menu > .menu-item {
		display: none;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans", sans-serif;
	}

	.menu > .menu-item > a {
		color: #0f3556 !important;
    	margin: 0px auto;
		padding: 15px 24px !important;
	}	

	.menu > .menu-item > a:hover {
    	color: #0093BB !important;
	}

	.menu-item-active {
		display: block;
	}

	.page-id-21125 .blog article a.default, .category .default.bemore {
		background: #D2DAE1;
	}

	.page-id-21125 .blog article a.default img, .category .default.bemore img {
		margin: 0 auto;
	}

	.containerCategory {
		padding-left: 35px;
		padding-right: 35px;
	}

	.containerCategory .row{
		margin-right: -12px;
	}

	.page-id-21125 .blog.blog-style-masonry article .articleInner, .category .blog.blog-style-masonry article .articleInner {
		padding: 0;
		margin: 0 auto;
		box-shadow: 1px 1px 10px #999999;
	}

	article .description {
	    padding: 21px 24px !important;
	}
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
	.vm-soluzioni .wpb_wrapper .blu .wpb_wrapper{
		padding: 15px;
		font-size: 12px;
		line-height: 20px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper h2 {
		font-size: 11px;
	}
	.vm-soluzioni .wpb_wrapper .bianco .wpb_wrapper {
		padding: 10px;
	}
	.page-title-title {
		margin: 0px;
	}
	
	.page-title-block {
		padding: 0px;
	}

	.page-title-excerpt {
		margin: 30px 0;
	}

	.page-title-title h1 {
	    font-size: 42px !important;
	    margin: 0 auto 30px;
	}

	.menu-categorie-blog-container {
		width: 50%;
		margin: 0 auto 30px;
	}

	.dropdown {
		padding: 15px;
		margin: 0;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans",sans-serif;
	}
	
	.dropdown:hover {
		color: #0093BB;
	}

	.eg-icon-down-open {
		float: right;
	}

	.menu {
		position: absolute;
		z-index: 10;
		margin: 0;
	}

	.menu > .menu-item {
		display: none;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans",sans-serif;
	}

	.menu > .menu-item > a {
		color: #0f3556 !important;
    	margin: 0px auto;
		padding: 15px 24px !important;
	}

	.menu > .menu-item > a:hover {
    	color: #0093BB !important;
	}

	.menu-item-active {
		display: block;
	}

	.page-id-21125 .blog article a.default, .category .default.bemore {
		background: #D2DAE1;
	}

	.page-id-21125 .blog article a.default img, .category .default.bemore img {
		margin: 0 auto;
	}

	.containerCategory {
		padding-left: 35px;
		padding-right: 35px;
	}

	.containerCategory .row{
		margin-right: -12px;
	}

	.page-id-21125 .blog.blog-style-masonry article .articleInner, .category .blog.blog-style-masonry article .articleInner {
		padding: 0;
		margin: 0 auto;
		box-shadow: 1px 1px 10px #999;
	}

	article .description {
	    padding: 15px 18px !important;
	}

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 

	.page-title-title {
		margin: 0px;
	}
	
	.page-title-block {
		padding: 0px;
	}

	.page-title-excerpt {
		margin: 30px 0;
	}

	.page-title-title h1 {
	    font-size: 60px;
	    margin: 0 auto 30px;
	}

	.menu-categorie-blog-container {
		width: 20%;
		margin: 0 auto 30px;
	}

	.dropdown {
		padding: 15px;
		margin: 0;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans",sans-serif;
	}
	
	.dropdown:hover {
		color: #0093BB;
	}

	.eg-icon-down-open {
		float: right;
	}

	.menu {
		position: absolute;
		z-index: 10;
		margin: 0;
	}

	.menu > .menu-item {
		display: none;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans",sans-serif;
	}

	.menu > .menu-item > a {
		color: #0f3556 !important;
    	margin: 0px auto;
		padding: 15px 24px !important;
	}

	.menu > .menu-item > a:hover {
    	color: #0093BB !important;
	}

	.menu-item-active {
		display: block;
	}

	.page-id-21125 .blog article a.default, .category .default.bemore {
		background: #D2DAE1;
	}

	.page-id-21125 .blog article a.default img, .category .default.bemore img {
		margin: 0 auto;
	}

	.containerCategory {
		padding-left: 35px;
		padding-right: 35px;
	}

	.containerCategory .row{
		margin-right: -12px;
	}

	.page-id-21125 .blog.blog-style-masonry article .articleInner, .category .blog.blog-style-masonry article .articleInner {
		padding: 0;
		margin: 0 auto;
		box-shadow: 1px 1px 10px #999;
	}

	article .description {
	    padding: 21px 24px !important;
	}

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.page-title-title {
		margin: 0px;
	}

	.page-title-block {
		padding: 0px;
	}

	.page-title-excerpt {
		margin: 30px 0;
	}

	.page-title-title h1 {
	    font-size: 60px;
	    margin: 0 auto 30px;
	}

	.menu-categorie-blog-container {
		width: 20%;
		margin: 0 auto 30px;
	}

	.dropdown {
		padding: 15px;
		margin: 0;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans",sans-serif;
	}

	.dropdown:hover {
		color: #0093BB;
	}

	.eg-icon-down-open {
		float: right;
	}

	.menu {
		position: absolute;
		z-index: 10;
		margin: 0;
	}

	.menu > .menu-item {
		display: none;
		color: #0f3556;
		cursor: pointer;
		line-height: 20px;
		font-size: 12px;
		font-weight: 600;
		font-family: "Open Sans",sans-serif;
	}

	.menu > .menu-item > a {
		color: #0f3556 !important;
    	margin: 0px auto;
		padding: 15px 24px !important;
	}

	.menu > .menu-item > a:hover {
    	color: #0093BB !important;
	}

	.menu-item-active {
		display: block;
	}

	.page-id-21125 .blog article a.default, .category .default.bemore {
		background: #D2DAE1;
	}

	.page-id-21125 .blog article a.default img, .category .default.bemore img {
		margin: 0 auto;
	}

	.containerCategory {
		padding-left: 35px;
		padding-right: 35px;
	}

	.containerCategory .row{
		margin-right: -12px;
	}

	.page-id-21125 .blog.blog-style-masonry article .articleInner, .category .blog.blog-style-masonry article .articleInner {
		padding: 0;
		margin: 0 auto;
		box-shadow: 1px 1px 10px #999;
	}

	article .description {
	    padding: 21px 24px !important;
	}

}

/* cookie bar z-index fix */
#cookie-law-info-bar {
	z-index: 99999;
}
.ig_toast_block{
	z-index: 99990!important;
}

/*
stile per form privacy compliance Vm Sistemi
*/

.height-fixed {
	height:300px;
	padding:10px;
	overflow-y: scroll!important;
	margin-bottom:30px!important;
	background:#f6f6f6;
	font-size:12px;
}

.must-read-privacy_wrapper .gform_footer .gform_button:disabled {
    background: #dddddd!important;
}

.radio-button-instruction {
	color:red;
}

.must-read-privacy {
	
}
.after-scrolled-privacy .gfield_label {
	display:none!important;
}
.radio-button-instruction {
	display:inline-block;
	background:red;
	color: #fff;
	padding:6px!important;
	font-size:12px;
	text-transform:uppercase;
	border-radius:3px;
}
.radio-button-instruction.gfield_error {
	color:red;
}

.gform_confirmation_message {
    border: 0;
    padding: 20px;
    font-size: 1em;
    font-weight: normal;
    background: #f7f7f7;
    color: #515151;
    border: 1px solid #eee;
    border-top: 4px solid #8fae1b;
}
.gfield_error ~ li .scroll-required ,
.gfield_error ~ li.choices-required {
	display:none;
}