:root {
  --q-life: #d8aa00;
  --mobotica: #006384;
  --lab: #80b0c8;
  --vision: #95a844;
  --humans: #a21e4d;
  
  --viola: #403F52;
  --modo: #006384;
  --gray: #262729;
  --gray2: #676A74;
  
  --radius: 16px;
  --round: 25px;
}


article.card {
	border-radius: var(--radius);
}

article.card .card-image {
	border-bottom: 8px solid #ffffff;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

article.card .card-image img{
	width: 100%;
}

article.card .read-more-container {
	font-weight: 700;
	padding-bottom: 20px !important;
}

#popup-articolo-content article.card .read-more-container {
	padding: 10px !important;
}

article.card.article__q-life  .card-image {
	border-color: var(--q-life);
}
article.card.article__mobotica  .card-image {
	border-color: var(--mobotica);
}
article.card.article__lab  .card-image {
	border-color: var(--lab);
}
article.card.article__vision  .card-image {
	border-color: var(--vision);
}
article.card.article__humans  .card-image {
	border-color: var(--humans);
}


.articles-list .card.article .social-icons-container {
	z-index: 2;
}

.articles-list .card.article .social-icons-container i {
    line-height: 50px;
    font-size: 20px;
    vertical-align: middle;
}

.articles-list .card.article .social-icons-container .share-icons {
	display: flex;
	height: 100%;
	width: 50px;
	position: absolute;
	top:0px;
	right:0px;
	flex-direction: column;
    justify-content: space-evenly;
    border-radius: var(--radius);
}

.articles-list .card.article .social-icons-container .share-icons  .social{
	height: 100%;
	width: 100%;
	padding-top: 50%;
}
		
.articles-list .card.article .social-icons-container .share-control {
	position: absolute;
	top:0px;
	right:0px;
	width: 100%;
	padding: 15px 10px;
	border-radius: 0px 0px 0px 15px;
	z-index: 5;
	cursor: pointer;
}

article.card .article-cat-cont {
	margin-top:15px !important;
	padding: 0px 15px 0px !important;
}

article.card-big .card-image {
	width: 100%;
	max-width: 600px;
	height: 450px;
	background-position: center center;
}

article.card-big .article-cat-cont {
	margin-top:15px;
	padding: 0px !important;
}

article.card .article-cat-cont .publish-date {
    float: right;
    font-size: 12px;
    color: #333;
    margin-top:10px;
}

article.card .label.category {
	font-size: 14px;
}
article.card .label.category i {
	vertical-align: middle;
	font-size: 21px;
	margin-right: 10px;
}

article.card .articleslist__item-title {
	color: var(--gray);
	line-height: 1.2em;
}

header .first-block .head-menu-icon {
	display: inline-block;
}
	
header .mobnop a:hover{
	text-decoration: none;
} 
header .mobnop i {
	font-size: 24px;
	vertical-align: top;
	color: #000;
}

header>.second-block .navigation>ul>li i {
    font-size: 24px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

header>.second-block {
	border-bottom: 2px solid #fff;
	position: relative;
}

header>.second-block .empty-panel {
	display: none;
	background-color: #fff;
	position: absolute;
	left:0px;
	top:50px;
	width: 100%;
	padding:15px;
	border-radius: 0px 0px var(--radius) var(--radius);
}

header>.second-block .empty-panel .desc-hidden {
	display:none;
	text-align: center;
}

.cat-br {
	width: 50%;
    margin: auto;
    background: trasparent;
    height: 5px;
    border-radius: var(--radius) var(--radius) 0px 0px;
    position: absolute;
    bottom:-2px;
    left:25%;
    display:none;
}
header>.second-block .navigation>ul>li.vision a {
	text-align: left;
}
header>.second-block .navigation>ul>li.mobotica a {
	margin-left: -15%;
}
header>.second-block .navigation>ul>li.lab a {
	margin-left: 15%;
}
header>.second-block .navigation>ul>li.humans a {
	text-align: right;
}
header>.second-block .navigation>ul>li.vision:hover .cat-br {
	background-color: var(--vision);
	display: block;
	left:0px;
	right:auto;
}
header>.second-block .navigation>ul>li.mobotica:hover .cat-br {
	background-color: var(--mobotica);
	display: block;
	left:19%;
}
header>.second-block .navigation>ul>li.q-life:hover .cat-br {
	background-color: var(--q-life);
	display: block;
}
header>.second-block .navigation>ul>li.lab:hover .cat-br {
	background-color: var(--lab);
	display: block;
	right:15%;
	left:auto;
}
header>.second-block .navigation>ul>li.humans:hover .cat-br {
	background-color: var(--humans);
	display: block;
	right:0px;
	left:auto;
}

header>.second-block.q-life {
	border-color: var(--q-life);
}
header>.second-block.mobotica {
	border-color: var(--mobotica);
}
header>.second-block.lab {
	border-color: var(--lab);
}
header>.second-block.vision {
	border-color: var(--vision);
}
header>.second-block.humans {
	border-color: var(--humans);
}


article.card-big {
	margin-top:30px;
}

article.card-big .row {
	display: table;
}

article.card-big .row .col-fh{
	 float: none;
    display: table-cell;
    vertical-align: middle;
}

.tags-list__widget i {
	color: #A21E4D;
	font-size: 24px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.tags-list__widget .label.tag {
	border-radius: var(--round);
	background-color: #FFFFFF;
	line-height: 20px;
	padding:12px 24px;
	margin-top:10px;
}
 
.tags-list__widget a.label.tag {
	font-size: 14px !important;
	font-weight: 700;
	color: var(--modo);
}

.tags-list__widget a.label.tag:hover{
	color: #ffffff !important;
}

.tags-list__widget .label.tag.tag__all {
	color: #ffffff !important;
}

.tags-list__widget a.label.tag.selected {
	color: #FFFFFF;
}

#stay-up-to-date__main-label {
	background-color: #814580;
	border-radius: 50px;
	padding: 15px 11.5px 15px 15px;
	display: inline-block;
	box-shadow: 0px 4px 4px rgba(121, 116, 126, 0.25);
	position: absolute;
	/*bottom: 10%;*/
	right:0%;
	cursor:pointer;
}

#stay-up-to-date__main-label.fixed {
	position: fixed !important;
	z-index: 99999;
}

#stay-up-to-date__main-label i{
	font-size: 31px;
	line-height: 31px;
	vertical-align: middle;
	color:#ffffff;
	
}
#stay-up-to-date__main-label label  {
	color: #fff;
	cursor:pointer;
	display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
    width: 0px;
    
    transition-property: width;
    transition-duration: 0.3s;
}

#stay-up-to-date__main-label:hover label{
	width: 140px;
	transition-property: width;
	transition-duration: 0.5s;
} 

#home-load-more-btn {
	border-radius: var(--round);
}



/*
 * CATEGORIE
 */

.category-title {
	font-family: "VWAGTheSans", Arial, sans-serif !important;
	text-align: center;
	font-weight: 700 !important;
	font-size: 40px;
	margin-top: 50px;
}

.category-description .h4 {
	font-size: 24px;
	line-height: 32px;
	text-align: center;
}


/*
 * FOOTER
 */

#social__footer a i {
	font-size: 28px;
	vertical-align: middle;
    color: var(--modo);
}

.newsletter-form-footer {
	background-image: url(../../images/frontend/form-img_new.png);
    background-repeat: no-repeat;
    background-position: right bottom;
	margin-top:60px;
	background-color:var(--viola);
	padding:25px;
	border-radius: var(--radius);
	color: #ffffff;
}


.newsletter-form-footer h5 {
	line-height: 36px;
	font-size: 24px;
}

.newsletter-form-footer .footer__label {
	line-height: 27px;
	font-size: 21px;
}

.footer-form-table {
	margin-top:15px;
}
.newsletter-form-footer label{
	display: block;
	font-size: 14px;
}

.footer-form-table .row .col-md-4 { 
	padding-right:0px;
}

.footer-form-table .box-nw_input {
	border-radius: 8px;
	width: 100% !important;
	padding:10px;
	border:0px;
	color: #333;
}

.footer-form-privacy {
	margin-top:15px;
}

.newsletter-form-footer .btn-submit {
	background-color: var(--modo);
	color: #ffffff;
	padding: 10px 15px;
	border: 0px;
	border-radius: var(--radius);
	margin-top: 35px;
}

.cookie-container {
	border-radius: var(--radius);
}

@media screen and (max-width: 500px) 
{
	.tags-list__widget a.label.tag {
		font-size: 12px !important;
		line-height: 12px;
		padding: 10px;
	}
	
	.tags-list__widget a.label.tag font {
		display: none;
	}
	
	a.label.tag.tag__all {
		padding: 10px 12px;
	}
	
	.banner-articolo-correlato {
		display: none;	
	}
	
	article.card-big .row .col-fh {
		float: left;
	}
	
	header>.second-block .navigation>ul>li {
    	border: 0px;
    	border-bottom: 1px solid #ccc;
    	text-align: left;
	}
	
	header>.second-block .navigation>ul>li>a {
    	text-align: left !important;
    	margin-left: 10px !important;
	}
	
	header>.second-block .navigation>ul>li>.cat-br
	{
		width:100%;
		left:0% !important;
	}
	
	header>.second-block .navigation>ul>li.visible-xs a {
		font-size: 14px;
	}
	
	header .first-block .head-menu-icon {
		display: none;
	}
	
	.newsletter-form-footer h5 {
		line-height: 30px;
    	font-size: 18px;
	}
	
	.newsletter-form-footer {
		background-image: none;
	}
	.footer-form-table .box-nw_input {
		margin-bottom:20px;
	}
	
	.newsletter-form-footer .footer__label {
		font-size: 21px;
		line-height: 27px;
		margin-top: 20px;
	}
	
	.footer-form-table .row .col-md-4 {
		padding-right: 15px;
	}
}


/*
 * ARTICOLO
 * 
 */


.banner-articolo-correlato {
	border-radius: var(--radius);
}

#article_page .container {
	padding: 0% 5%;
}

#article_page h1.title {
	text-align: center;
}

#article_page .article-cat-cont {
	margin-top:60px;
	padding: 0px 15px 0px;
}

#article_page #section_1.text-section {
	line-height: 1.3em;
}

#article_page .article-cat-cont .publish-date {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-left:20px;
    margin-top: 5px;
}

#article_page .label.category {
	font-size: 14px;
}

#article_page .label.category i {
	vertical-align: middle;
	font-size: 21px;
	margin-right: 10px;
}

#article_page .img-article {
	border-radius: var(--radius);
	border-bottom: 8px solid #fff;
	margin-top: 40px;
} 

#article_page.category__q-life .img-article {
	border-color: var(--q-life);
}

#article_page.category__mobotica .img-article {
	border-color: var(--mobotica);
}

#article_page.category__lab .img-article {
	border-color: var(--lab);
}

#article_page.category__vision .img-article {
	border-color: var(--vision);
}

#article_page.category__humans .img-article {
	border-color: var(--humans);
}

#article_page .media-section img {
	border-radius: var(--radius);
	width: auto;
}

#article_page .media-section .embed-responsive {
	border-radius: var(--radius);
}

#article_page .media-section .embed-responsive iframe {
	margin-top:40px;
}

#article_page .media-section p {
	text-align: center;
}

#article_page .tags-list__widget {
	margin-top:0px;
}

#article_page h4{
	color: var(--modo) !important;
}

#article_page .social-icons-container {
	width: 100%;
}

#article_page .social-icons-container .social {
	border-radius: 10px;
    text-decoration: none;
    font-size: 21px;
    line-height: 48px;
    height: 50px;
    margin-right: 2%;
}

#article_page .social-icons-container .social i {
	vertical-align: middle; 
}

#related_articles .card {
	margin-top: 0px;
	width: calc( 50% - 20px );
}

#popup-articolo-content .card {
	margin-top: 0px;
	width: calc( 33.3333% - 20px );
}

#related_articles .card .label.category {
	position: relative;
	transform:
}

#related_articles .card .title {
	padding: 10px;
}

.banner-articolo-correlato .row.top_row_banner {
	border-radius: var(--radius) var(--radius) 0px 0px;
}

/*
 * CONDIVISIONE MOBILE FIXED
 */

#article_page .social-icons-container.pos-fixed-m {
	position: fixed; 
	height: 50px;
	bottom:0px;
	left:0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-size: 24px;
}

#article_page .social-icons-container.pos-static-m h4{
	text-align: left;
	
}

#article_page .social-icons-container.pos-fixed-m h4{
	text-align: center;
	color:#FFFFFF !important;
	display:none;
}


@media screen and (max-width: 500px) 
{
	#article_page h1.title {
		font-size: 28px;
	}
	
	#related_articles .card {
		margin-top: 0px;
		width: 100%;
	}
}



/*
 * GLOSSARIO
 */

.alphabet ul { 
	display: flex;
	flex-wrap: wrap;
}

.alphabet ul li{ 
	flex: 1;
}

body#page__glossary .row-tag.selected .tag-letter__big{
	color: var(--modo);
}

#container_tags h1 {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: var(--modo);
}

#container_tags h1 i {
	font-size: 31px;
	vertical-align: middle;
	color: var(--humans);
	margin-right: 20px;
}

#container_tags p.info {
	font-size: 14px;
	line-height: 32px;
	color: var(--gray);
}


/*
 * TAG
 * 
 */

h1.tag-title {
	text-align: center;
	font-size: 40px;
	line-height: 34px;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 0px;
	color: var(--gray2);
}



/*
 * STAY TUNED POP
 */

.popup {
	border-radius: var(--radius);
}

#popup-sutd img.img-fw{
	border-radius: var(--radius);
	border-bottom: 8px solid #A21E4D;
}

#popup-sutd .box-nw_input , #popup-sutd  .label_ck {
	border-radius: 8px;
	border: 1px solid #676A74;
}

#popup-sutd .btn-submit {
	border-radius: var(--round);
	padding: 10px 40px;
	font-size: 14px;
	line-height: 21px;
}


/*
 * ILLUMINA
 */

#mk-illumina {
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 99999;
    background: rgba(0,0,0,0.8);
    text-align: center;
}

#mk-illumina .img-cont {
    width: auto;
    height: auto;
    position: absolute;
    margin: auto;
    top: 50%; left: 50%;
  	transform: translate(-50%,-50%);
}

#mk-illumina .img-cont img {
	border-radius: 8px;
}

#mk-illumina .img-cont p{
	text-align: left;
    color: #fff;
}

@media screen and (max-width: 500px) 
{
	#mk-illumina .img-cont img {
		max-width: 340px;
	}
}


/*
 * GALLERIA
 */



.gallery-itm.item div {
	border-radius: var(--radius);
}

.owl-stage-outer.owl-height {
	border-radius: var(--radius);
}



@media screen and (max-height: 700px) 
{
	.galleryContainer {
		max-height: 600px;
		max-width: 600px;
	}
	.owl-item {
		max-height: 600px;
		max-width: 600px;
	}
}