/*
Theme Name: Softlab Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: softlab
Text Domain:  softlab-child
*/


@media all and (max-width: 768px) {
	#softlab_button_619bc2e7aa679:lang(en):after {
    top: 4px!important;
}

	.hide-for-mobile{
		display: none !important;
	}
	.softlab_module_double_headings .heading_subtitle {
		font-size: 14px!important;
	}
}
@media all and (min-width: 769px) {
	.hide-for-desktop{
		display: none !important;
	}
}

small > a{
  color: #636363;
  font-weight: 600;
  font-family: Open Sans;
  letter-spacing: .2em;
}


/*Gradiente del bottone del menu principale in alto a destra*/
.softlab_module_button .wgl_button_link:before, .softlab_module_button .btn_border_gradient:before {
	background: -moz-linear-gradient(45deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%)!important; /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(231,68,45,1)), color-stop(100%, rgba(119,61,189,1)))!important; /* safari4+,chrome */
	background: -webkit-linear-gradient(45deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%)!important; /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(45deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%)!important; /* opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%)!important; /* ie10+ */
	background: linear-gradient(45deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%)!important; /* w3c */

	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}


.theme_color_shadow, .softlab_module_button.wgl_button .wgl_button_link, .wgl-theme-header .wrapper .softlab_module_button a:hover, input[type="submit"], button, .load_more_item, .wpb-js-composer .wgl-container .vc_row .vc_general.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading, .wgl_module_team .team-info_icons .team-icon, .single-team .single_team_page .team-info_icons .team-icon{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}




.footer {
	background-image: url('/wp-content/uploads/2019/02/footer-home-2-custom.png') !important;
}
.fb-footer-menu .menu-item {
    display: block!important;
}
.widget.widget_nav_menu ul li a:before {
	background-color: transparent!important;
}
.vc_wp_custommenu .menu .menu-item a {
    padding: 0px!important;
	color: #fff!important;
	margin-top: 10px!important;
}

#scroll_up{
	display: none !important;

}

#softlab_button_5e32f2184282b .wgl_button_link,
#softlab_button_5e32f36f52175 .wgl_button_link
{
    color: #FFFFFF;
}



/*/
.cta-secondary > .wgl_button_link:after{
	display: none;
}

.cta-secondary > .wgl_button_link > .btn_border_gradient{
 display: none;	
}
.cta-secondary > .wgl_button_link:hover > .btn_border_gradient{
 display: block;
}
*/

#softlab_button_5df5eb82b90c1 .softlab_module_button .cta-secondary > .wgl_button_link:before{
	background: black !important;
	content:'';

	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}


/* tasto in home non c'è modo di sovrascriverlo se non così */
#softlab_button_5df5eb82b90c1.cta-secondary .wgl_button_link:before
{
  background-image: none !important;
  background-color: transparent;

  -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}
#softlab_button_5df5eb82b90c1.cta-secondary .wgl_button_link span{
 display:none !important;

 -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}




/* ------- INZIO ------ */
body{
    color: #FFFFFF;
}


/* i colori dei titolo sono troppo variabili, perchè dipende dalle singole pagine. default è nero/scuro */

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5,
body.home h6
{
    color: #FFFFFF;
}

body.page h1,
body.page h2,
body.page h3,
body.page h4,
body.page h5,
body.page h6,
body.page .heading_title
{
    color: #FFFFFF;
}





/* header, main, footer{ */
main, footer{
	max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}
main{ background-color: #0f1820 !important; padding-top: 0px !important; padding-bottom: 0px !important; }

/*
@media screen and (min-width: 1680px){
   header.header_overlap{ left: 5vw !important; }
}
*/

header .fullwidth-wrapper{ width: 92%; margin-left: auto; margin-right: auto; }
#softlab_button_5dea394b30401 .wgl_button_link{ font-family: Montserrat !important; }

.bd_bolder{ font-weight: bolder; }
.no_border a{ box-shadow: none !important; border: none !important;}

.under_image .wgl_portfolio_item-description{
	background-color: #182028 !important;
}

.wgl_portfolio_item-image,
.blog-post.format-standard-image .blog-post_media .blog-post_media_part,
.blog-post.format-image .blog-post_media .blog-post_media_part{
	-webkit-border-radius: 0px !important; 
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.wgl_portfolio_list .load_more_item{
	box-shadow: none !important;
}

footer .wgl-container, .full_width_container { width: 87% !important; }
.spacing_1 > a, .spacing_1, .spacing_1 *{ letter-spacing: 1px; }

#menu-menu-principale-3 li a{ margin-left: 0px !important;}

.softlab_module_double_headings .heading_subtitle{
    padding-bottom: 3px !important;
    border-bottom-width: 2px !important; 
	border-bottom-style: solid !important;
}

.subtitle_border_white .heading_subtitle{ color: white !important; border-bottom-color: white !important; }
.subtitle_white_no_border .heading_subtitle{ color: white !important; border: none !important; }


.privacy_align p{ text-align: right; }
@media (max-width: 767px){
	.privacy_align p{ text-align: center; }
}


/* Filtro protfolio in pagina Works*/
.wgl_portfolio_list .wgl_portfolio_list__filter a{
	text-transform: uppercase !important;
	border: 1px grey solid !important;
	border-radius: 8px !important;
	padding: 7px 20px 7px 20px !important;
	color: #5b5c5d !important;
	background-color: transparent !important;
	letter-spacing: 2px !important;
	font-size: 14px !important;
	margin-right: 10px;
	margin-top: 15px;
}

.wgl_portfolio_list .wgl_portfolio_list__filter a .number_filter{
	right: -2px !important;
	top: -20px !important;
}

.wgl_portfolio_list .wgl_portfolio_list__filter a:hover{
	color: white !important;
}

.wgl_portfolio_list .wgl_portfolio_list__filter a.active{
	background-color: #773dbd !important;
	color: white !important;
}

.wgl_portfolio_list .isotope-filter a:hover:after, .wgl_portfolio_list .isotope-filter a.active:after{
	opacity: 0 !important;
}

/* Colore sfondo pagina About e Carrers */
.page-id-1450 main, .page-id-1450 header *, .page-id-1722 main{
	background-color: #0f1820 !important;
}

.border_column .vc_column-inner { border-radius: 8px !important; }


@media only screen and (max-width: 1200px){
    .page-id-1722 .more_padding > .vc_column-inner { padding-left: 40px !important; padding-right: 40px !important; }
}






/* custom */



.isotope-filter a.active{
	border-color: #773dbd !important;
}


/* allinemento del bg a destra, specificare nella vc-row la classe aggiuntiva qui descritta */
.vc_row.background-position-right{
  background-position: right center !important;
}
.vc_row.background-position-left{
  background-position: left center !important;
}


/* dot del menu diventa barretta bianca */
.header_area_container > nav > ul > .lavalamp-object
{
	width: 52px !important;
	height: 2px !important;
	border-radius: 0px;
	-moz-border-radius: 0px !important;
	-webit-border-radius: 0px !important;
	background-color: #FFFFFF !important;
	left: -22px;	
}

.post-template-default .wgl-site-header .header_area_container > nav > ul > .lavalamp-object,
.page-template-blog-template-full-width .wgl-site-header .header_area_container > nav > ul > .lavalamp-object {
	background-color: #000000 !important;
}

/* nascondo da homepage senza :hover */
.home .header_area_container > nav > ul:not(:hover) .lavalamp-object,
.single-post .header_area_container > nav > ul:not(:hover) .lavalamp-object {
	display:none;
}


/* portfolio elements always open - test */
.wgl_portfolio_list-wrapper.portfolio_columns-2 article.wgl_portfolio_list-item >  .under_image > .wgl_portfolio_item-description{

 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0);
}



/* popup contact */
#pum-1893,
#pum-2220 {
	background-image: linear-gradient(to bottom right, rgba(231,68,45,1), rgba(119,61,189,1));
}


#pum-1893 .pum-close,
#pum-2220 .pum-close{
	top: 10px !important;
	right: 0px !important;
	background-color: transparent !important;
	border: none !important;
	font-size: 2.5em;
}
#popmake-1893{
	padding: 2em;
}

.pum-content h1,
.pum-content h2,
.pum-content h3,
.pum-content h4{
    color: #FFFFFF;
}

.pum-content .wpcf7-form .button__wrapper{
	float: right;
	background: linear-gradient(90deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%) !important;
}
.pum-content .wpcf7-form .button__wrapper:hover{
    background: transparent !important;
}
.pum-content .wpcf7-form .button__wrapper input.wpcf7-submit{
	width: 190px;
}

.pum-content .wpcf7-form .button__wrapper input.wpcf7-submit:hover,
.pum-content .wpcf7-form .button__wrapper:hover input.wpcf7-submit
{
    color: #FFFFFF;
    border-color: #FFFFFF !important;
    border-width: 1px !important;
}

.pum-content .wpcf7-form .button__wrapper::after{
    content:' ';
    /*display: block;*/
    clear: both;
    display: none;
}


.pum-content .wpcf7-form input:not([type="checkbox"]):not([type="submit"]),
.pum-content .wpcf7-form select, 
.pum-content .wpcf7-form textarea
{
	color: #FFFFFF;
	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none !important;
	border-bottom: solid 1px #c4cdd7 !important;
	padding-left: 0px;
}

body input:not([type="checkbox"]):not([type="submit"]):focus, body input:not([type="checkbox"]):not([type="submit"]):active, select:focus, select:active, textarea:focus, textarea:active{
	background: inherit !important;
}



/* popup video */
/*
#popmake-2029{height: 100% !important; top: 0px !important;}
#popmake-2029 > .pum-content.popmake-content{height: 100% !important;}
*/
#pum-2029 .pum-close{
	top: 2em !important;
	right: 2em !important;
	background-color: transparent !important;
	border: none !important;
	font-size: 2.5em;
}



/* menu */

.default_logo{
  height: 32px !important;
}

/*
@media all and (min-width: 1185px) {
	li#menu-item-1943{ display: none; }
}
*/

.mobile_nav_wrapper nav.primary-nav ul li.menu-item > a > span{
	margin: auto;
}
@media (min-width:768px) {
	.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li{
	    margin-bottom: 2em !important;
	}
}
@media (max-width:767px) {
	.mobile_nav_wrapper .header_button {
		margin-top:50px;
	}
}



.mobile_nav_wrapper nav.primary-nav ul li.menu-item.current-menu-item > a,
.mobile_nav_wrapper nav.primary-nav ul li.menu-item.current_page_item > a
{
	color: #FFFFFF;
}


.mobile_nav_wrapper nav.primary-nav ul li.menu-item.current_page_item > a > span{
	border-bottom: solid 1px #FFFFFF;
}

.mobile_nav_wrapper .mobile-social-icons{
	display: none;
	width: 100%;
	position: fixed;
	bottom: 8px;
	left: 0;
	width: 100%;
	height: auto;
}
.mobile_nav_wrapper .mobile-social-icons > div{
	display: inline-block;
	width: 25%;
}

body.mobile_switch_on .mobile_nav_wrapper .mobile-social-icons{
	display: block;
}


.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
	width: 24px !important;
}

.mobile-hamburger-toggle:not(.is-active) .hamburger-box{
	background-image: url('icons/icon_menu_burger.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	margin-top: -8px;
}
.mobile-hamburger-toggle:not(.is-active) .hamburger-box .hamburger-inner{
	display: none;
}

.mobile_nav_wrapper ul#menu-menu-principale-2 li{
	margin-top: 2em;
}

.mobile_nav_wrapper ul#menu-menu-principale-2 li .softlab_module_button{
	text-align: center !important;
}




@media all and (min-width: 768px) {

	.primary-nav > ul > li > a > span{
		font-size: .9em !important;
		font-family: 'opensans', sans-serif;
		font-weight: 700;
		letter-spacing: 1.5px;
	}

	.header_area_container .header_button .softlab_module_button > a{
		font-size: .8em !important;	
	}

}




/* blog */

#home-blog-row .softlab_module_carousel-wrapper .blog-post_feature-link > img{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.blog-post.format-standard-image .blog-post_media .blog-post_feature-link::before, .blog-post.format-image .blog-post_media .blog-post_feature-link::before{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}



#home-blog-row .softlab_module_carousel-wrapper button.slick-prev,
#home-blog-row .softlab_module_carousel-wrapper button.slick-next
{
	display: none;
}

.blog-style-standard .blog-post_wrapper {
	margin-right:0px;
}
#home-blog-row .softlab_module_carousel-wrapper .slick-slide > .blog-post.format-standard-image  .blog-post_wrapper{
	margin-left: 0px !important;
}


/* contenuti in home sul video - responsive */

#bg-video-row .over-video-contents-column h1{
	font-size: 88px;
	line-height: 94px;
}
#bg-video-row .over-video-contents-column h2{
	font-size: 26px;
	line-height: 36px;
}

@media all and (max-width: 768px) {
	#bg-video-row .over-video-contents-column h1{
		font-size: 32px !important;
		line-height: 32px !important;
		text-align: center !important;
	}
	#bg-video-row .over-video-contents-column h2{
		font-size: 24px !important;
		line-height: 24px !important;
		text-align: center !important;
	}

	#bg-video-row .over-video-contents-column .softlab_module_button{
		text-align: center !important;
	}
}

@media all and (min-width: 768px) and (max-width: 920px) {
	#bg-video-row .over-video-contents-column h1{
		font-size: 40px !important;
		line-height: 40px !important;
	}
	#bg-video-row .over-video-contents-column h2{
		font-size: 32px !important;
		line-height: 32px !important;
	}
}

/* home clienti */
.home-customers-slide-row .wpb_single_image{
	margin-bottom: 30px;
}






/* about */

@media all and (max-width: 768px) {

	.about-custom-heading .vc_custom_heading,
	.vc_custom_heading{
		font-size: 16px !important;
	}

	.about-custom-heading .vc_custom_heading.bd_bolder,
	.vc_custom_heading.bd_bolder
	{
		font-size: 28px !important;
		line-height: 34px !important;
	}

	.about-custom-heading .softlab_module_text{
		font-size: 16px !important;
	}



	#footer{
		background-image: linear-gradient(to bottom right, rgba(231,68,45,1), rgba(119,61,189,1)) !important;
	}

}

#mobile-kpi-carousel-row .vc_column_container > .vc_column-inner{
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
}

#mobile-kpi-carousel-row .vc_column_container > .vc_column-inner .heading_subtitle{
	font-size: 80px !important;
}





/* lang selector */
#lang_sel_footer{
	display: none;
}
#lang_sel_footer_custom{
	display: block; width: 100%;
}

#lang_sel_footer_custom ul{
  display: block;
  list-style-type: none;
  margin-top: 1em;
  text-align: right;
  
}
#lang_sel_footer_custom ul li{
    display: inline-block;
    padding-left: 0;
    padding-right: 1em;
}
#lang_sel_footer_custom ul li:before{
  display: none;
}
#lang_sel_footer_custom ul li img{
  display: none;
}
#lang_sel_footer_custom ul li a{
  color: #FFFFFF; font-weight: 600;
}


/* fix ultimi */

#bg-video-row h1,
#bg-video-row h2,
#bg-video-row div.softlab_module_button
{
  visibility: hidden !important;
}

.page-id-1722 header.wgl-theme-header.header_overlap{
	background-color: #0e1820;
}


@media all and (min-width: 920px) {

	.home .wgl-theme-header.header_overlap{
		position: absolute;
	}

	.home .wgl-theme-header.header_overlap .wgl-header-row.wgl-header-row-section_middle{
		background: transparent !important;
	}

}

	.home .wgl-theme-header.header_overlap{
		position: absolute;
	}

	.home .wgl-theme-header.header_overlap .wgl-header-row.wgl-header-row-section_middle{
		background-color: transparent !important;
	}




/*
body.home header.wgl-theme-header .container-wrapper > .wgl-header-row.wgl-header-row-section_middle{
	background-color: #0f141a !important;
}
*/


/*Modifiche OPKN*/
main, footer {
    max-width: none!important;
}

#cookie_action_close_header{
    border-radius:100px;
    background-color:#ffffff!important;
    color:#000000!important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight:600!important;
    font-size:14px!important;
}

#cookie-law-info-bar{
	font-family: 'Montserrat', sans-serif!important;
	font-weight:600!important; 
	color:#ffffff!important;
	font-size:14px!important;
	background-color: #773DBD!important;
}

.cli_settings_button{
	color:#2CB4FF!important;
	margin:5px 20px 5px 10px!important;
}

.wgl_button_link{
font-size: .9em !important;
font-family: 'opensans', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
}

#carrers-carousel-row .vc_row .wpb_row .vc_row-fluid {
	width: 2830px !important;
}

@media all and (max-width: 768px) {
	.wgl-header-row .wgl-header-row_wrapper{
		height:80px;
	}
}









/* ############################ */
/* ############################ */
/* ############################ */
/*  single-portfolio    */
/* ############################ */
/* ############################ */
/* ############################ */
:root {
  --desktop-start-left: 290px;
  --desktop-start-top: 290px;
}

body.single-portfolio .header_area_container > nav > ul > .lavalamp-object{
    /* background-color: #08121f !important; */
    background-color: #FFFFFF !important;
}
body.single-post .sticky_active .header_area_container > nav > ul > .lavalamp-object {
    background-color: #08121f !important;
}

#custom-header-effect{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    border: solid #151b22;
    left: var(--desktop-start-left);
    top: var(--desktop-start-top);
    box-shadow: 0 0 0 9999px #151b22;
    -moz-box-shadow: 0 0 0 9999px #151b22;
    -webkit-box-shadow: 0 0 0 9999px #151b22;
    z-index: 1;
    
    -webkit-animation-name: portfolioeffect;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    
    animation-fill-mode: forwards;
    animation-name: portfolioeffect;
    animation-duration: 1s;
    animation-delay: 1s;
}

@keyframes portfolioeffect {
    0% { width: 400px; height: 400px; left: 90px; top: 90px; border-radius: 200px;  }
    /*50% { width: 1000px; height: 1000px; left: -500px; top: -500px; border-radius: 500px;  }*/
    100% { width: 4000px; height: 4000px; left: -2000px; top: -2000px;  border-radius: 2000px; }
}
@-webkit-keyframes portfolioeffect {
    0% { width: 400px; height: 400px; left: 90px; top: 90px; border-radius: 200px;  }
    /*50% { width: 1000px; height: 1000px; left: -500px; top: -500px; border-radius: 500px;  }*/
    100% { width: 4000px; height: 4000px; left: -2000px; top: -2000px;  border-radius: 2000px; }
}


/* contiene svg */
#ok-blob{
    position: absolute;
    width: 130px;
    height: 130px;
    /* left: 12em; */
    /* left: 370px; */
    top: 460px;
    z-index: 1;
	display:none;
}

@media(max-width:1170px) {
	#ok-blob {
		top: 227px;
		height:70px;
	}
}

#ok-blob > svg{
    width: 100%; height: auto;
}

/*
@media all and (max-width: 768px) {
    #ok-blob{
        width: 70px;
        left: 1px;
    }
}
*/

#ok-timeline{
  position: absolute;
  width: 8px;
  /*height: 100%;*/
  height: 300px;
  
  background-color: #FFFFFF;
  z-index: 1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  
  left: -100px;
  top: 600px;
}
@media(max-width:1170px) {
	#ok-timeline {
		top: 200px;
	}
}

#ok-timeline .ok-timeline-step{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #FFFFFF;
    left: -16px;
    top: 10000px;
}
#ok-timeline .ok-timeline-step.active{
    background-color: #e5432f;
}


#ok-timeline #ok-timeline-filler
{
    /* e5432f */
    /*background-image: linear-gradient(135deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 100%);*/
    /*background-image: linear-gradient(135deg, rgba(231,68,45,1) 0%, rgba(229,67,47,1) 100%);*/
    background-image: linear-gradient(135deg, rgba(231,68,45,1) 0%, rgba(119,61,189,1) 50%, rgba(229,67,47,1) 100%);
    width: 8px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
    
    transition: all 600ms;
}

/* giallo #ffd600 */

body.single-portfolio .wgl-header-row.wgl-header-row-section_middle {
    background: transparent !important;
}
body.single-portfolio .page-header_breadcrumbs {
    display: none;
}
body.single-portfolio .wgl-container.single_portfolio{
    width: 100% !important;
}
body.single-portfolio #main > .vc_section:not(.main-section) {
    padding-top:100px;
    padding-bottom:100px;
}


/* menu */
body.page-template-blog-template-full-width .wgl-site-header .menu-item,
body.page-template-blog-template-full-width .wgl-site-header .menu-item a
{
    color: #08121f;
}

.wgl-mobile-header .mobile_nav_wrapper .wgl-menu_outer ul li > a{
    color: #FFFFFF !important;
}


body.single-portfolio .page-header{
    display: none;
}


/* i titoli servono bianchi ora che il default è settato su nero */
body.single-portfolio section:not(.main-section) h1,
body.single-portfolio section:not(.main-section) h2,
body.single-portfolio section:not(.main-section) h3,
body.single-portfolio section:not(.main-section) h4,
body.single-portfolio section:not(.main-section) h5,
body.single-portfolio section:not(.main-section) h6{
    color: #FFFFFF;
}



/* i contenuti di testo sono in nero, in bianco durante l animazione */


@media all and (max-width: 1070px) {
    body.single-portfolio #main > section:not(.main-section)
    {
        padding-left: 5%;
    }
}

@media all and (min-width: 1070px) and (max-width: 1200px) {
    body.single-portfolio #main > section:not(.main-section)
    {
        /* scostamento del contenuto per dare spazio alla timeline a sinistra */
        padding-left: 200px;
    }
}

/*@media all and (min-width: 1070px) {*/
@media all and (min-width: 1200px) {
    body.single-portfolio #main > section:not(.main-section)
    {
        /* scostamento del contenuto per dare spazio alla timeline a sinistra */
        /* padding-left: 300px; */
        padding-left: 22%;
    }
}

/* Lorenzo M. 2020-02-19 #NODROP 
body.single-portfolio #main > section:not(.main-section) {
	padding-left:initial;
}
*/




body.single-portfolio section.main-section
{
    padding-top: 160px;
    background-size: cover;
}

body.single-portfolio.with-animation section p,
body.single-portfolio.with-animation section h1,
body.single-portfolio.with-animation section h2,
body.single-portfolio.with-animation section h3,
body.single-portfolio.with-animation section h4,
body.single-portfolio.with-animation section h5,
body.single-portfolio.with-animation section h6,
body.single-portfolio.with-animation section span{
    transition: all 600ms;
    -webkit-transition: all 600ms;
}



body.single-portfolio.with-animation section.main-section p,
body.single-portfolio.with-animation section.main-section h1,
body.single-portfolio.with-animation section.main-section h2,
body.single-portfolio.with-animation section.main-section h3,
body.single-portfolio.with-animation section.main-section h4,
body.single-portfolio.with-animation section.main-section h5,
body.single-portfolio.with-animation section.main-section h6,
body.single-portfolio.with-animation section.main-section span
{
    color: #FFFFFF;
}

body.single-portfolio:not(.with-animation) section.main-section p,
body.single-portfolio:not(.with-animation) section.main-section h1,
body.single-portfolio:not(.with-animation) section.main-section h2,
body.single-portfolio:not(.with-animation) section.main-section h3,
body.single-portfolio:not(.with-animation) section.main-section h4,
body.single-portfolio:not(.with-animation) section.main-section h5,
body.single-portfolio:not(.with-animation) section.main-section h6,
body.single-portfolio:not(.with-animation) section.main-section span
{
    color: #08121f;
}

body.single-portfolio.with-animation section.main-section p,
body.single-portfolio:not(.with-animation) section.main-section p {
	padding-bottom:20px;
}

/* contenuto delle righe scostato verso destra e contenuto nella larghezza massima */
body.single-portfolio #main section:not(.results-section):not(.full-videoplayer-section) > .vc_row{
    max-width: 85%;
	margin-left: 8%;
}

@media (max-width:767) {
	body.single-portfolio #main section:not(.main-section):not(.results-section):not(.full-videoplayer-section) > .vc_row{
		max-width: 100%;
	}

}


/* Lorenzo M. 2020-02-19 #NODROP 
body.single-portfolio #main section:not(.results-section):not(.full-videoplayer-section) > .vc_row{
    max-width: 100%;
	margin: auto;
	padding: 0 100px;
}
*/
/* Lorenzo M. 2020-02-19 #NODROP
@media(max-width:767px) {
body.single-portfolio #main section:not(.results-section):not(.full-videoplayer-section) > .vc_row{
		padding: 0 15px;	
	}
}
*/

/* per visualizzare il contenuto d testo sopra l animazione */
body.single-portfolio section > .vc_row > .vc_col-sm-6,
body.single-portfolio section > .vc_row > .vc_col-sm-12,
body.single-portfolio section > .vc_row > .vc_col-sm-4
{
    z-index: 2;
}

body.single-portfolio section > .vc_row > .vc_column_container.vc_col-sm-12
{
    width: 100%;
    max-width: 1170px;
    margin: auto;
}


body.single-portfolio #main section.results-section > .vc_row-fluid{
    width: 85%;
    margin: auto;
}




/* ########################################## */
/* ########################################## */
/* ########################################## */

/* sezioni ok page builder */

section.main-section .wpb_text_column h1,section.main-section .wpb_text_column h2,section.main-section .wpb_text_column h3,
section.main-section .wpb_text_column h4, section.main-section .wpb_text_column h5, section.main-section .wpb_text_column h6{
    margin-bottom: .5em;
}





/*
    Titolo piccolo con bordino in alto (nero)
    .small-title
*/
.small-title{
    display: inline-block;
    font-size: .7em;
    font-family: Open Sans;
    letter-spacing: .1em;
    position: relative;
    font-weight: bold;
	padding-bottom: 15px;
}

/*
.small-title::before
{
    content:'';
    position: absolute;
    top: -6px;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: #000;	
}
*/

/*
    Titolo piccolo con bordino in basso (bianco)
    .small-title-alt
*/
.small-title-alt{
    display: inline-block;
    /*font-size: .7em;*/
    font-family: Open Sans;
    letter-spacing: .1em;
    position: relative;
    font-weight: bold;
    /* margin-bottom: 1.5em !important; */
    color: #FFFFFF;
}
/*
.small-title-alt::before
{
    content:'';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: #FFF;
}
*/


/* #######################################################
sezione 1 colonna con titolo sopra e SVG sotto
######################################################## */
section .vc_figure img.vc_single_image-img{
    width: 100%;
    height: auto;
}






/* #####################################################
    Sezione carosello foto social + testo
*   .carousel-text-section
##################################################### */

@media all and (min-width: 1070px) {
    section.carousel-text-section .slick-track > .slick-slide .vc_col-sm-8 .wpb_single_image img.vc_single_image-img{
        min-width: 240px;
    }
}






/* #####################################################
    sezione testo e card a destra
    section.text-and-card-2col-section
##################################################### */


@media all and (min-width: 1070px) {
    section.text-and-card-2col-section > .vc_row .vc_col-sm-6{
        width: 40%;
    }
    section.text-and-card-2col-section > .vc_row .vc_col-sm-6:first-child{
        width: 60%;
    }
}



section.text-and-card-2col-section .wpb_column.ok-card
{
    border: solid 1px white;
    border-radius: 5px;
    max-width: 240px;
    padding: 1em;
}

@media all and (max-width: 768px) {
    section.text-and-card-2col-section .wpb_column.ok-card,
    .wpb_column.ok-card
    {
        margin-top: 2em;
        margin-left: 1em;
    }
}

section.text-and-card-2col-section .wpb_column.ok-card a,
.wpb_column.ok-card a
{
    color: #2dbdff;
    font-size: .8em;
    font-weight: bold;
}

section.text-and-card-2col-section .wpb_column.ok-card a:hover,
section.text-and-card-2col-section .wpb_column.ok-card a:active,
section.text-and-card-2col-section .wpb_column.ok-card a:focus,
.wpb_column.ok-card a:hover,
.wpb_column.ok-card a:active,
.wpb_column.ok-card a:focus
{
    text-decoration: none !important;
}

/* freccia a fianco al link font awesome */
section.text-and-card-2col-section .wpb_column.ok-card a::after,
.wpb_column.ok-card a::after
{
    font: normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    text-decoration: none !important;
    -moz-osx-font-smoothing: grayscale;
    margin-left: .5em;
    content: "\f061";
}

section.text-and-card-2col-section .wpb_column.ok-card a:hover::after,
.wpb_column.ok-card a:hover::after
{
    text-decoration: none !important;
}



@media all and (max-width: 768px) {
    section.text-and-card-2col-section .wpb_column.ok-card
    {
        margin-top: 1em; margin-bottom: 1em;
    }
}



/* ok-card per il post single - in questo caso non è la colonna ma la column inner da gestire... troppe differenze tra una pagina e l'altra */


body.single-post .wpb_column.ok-card > .vc_column-inner
{
    background-image: url('/wp-content/uploads/2020/01/Combined-Shape-Copy.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #101820;
    color: #FFFFFF;
    margin-top: 1em; margin-bottom: 1em;
    
    border: solid 1px white;
    border-radius: 5px;
    max-width: 240px;
    padding: 1em;
	 display: block!important;
    margin: auto!important;
}

@media all and (min-width: 769px) {
    body.single-post .wpb_column.ok-card > .vc_column-inner{
        float: right;
    }
}


body.single-post .wpb_column.ok-card > .vc_column-inner::after{
    display: block;
    clear: both;
}


body.single-post .wpb_column.ok-card h1,
body.single-post .wpb_column.ok-card h2,
body.single-post .wpb_column.ok-card h3,
body.single-post .wpb_column.ok-card h4,
body.single-post .wpb_column.ok-card h5,
body.single-post .wpb_column.ok-card h6,
body.single-post .wpb_column.ok-card p{
    color: #FFFFFF;
}

/* lo stesso titolo con la variante in questo contesto cambia di colore */
body.single-post .wpb_column.ok-card:not(.ok-card-alt) .small-title::before{
    /* background-color: #FFFFFF; */
}


/* card versione alternativa stessa pagina blog single */

body.single-post .wpb_column.ok-card.ok-card-alt > .vc_column-inner{
    background-image: none;
}

body.single-post .wpb_column.ok-card.ok-card-alt{
    background-image: none;
    background-color: inherit;
}
body.single-post .wpb_column.ok-card.ok-card-alt .vc_column-inner{
    background-color: inherit;
}

body.single-post .wpb_column.ok-card.ok-card-alt h1,
body.single-post .wpb_column.ok-card.ok-card-alt h2,
body.single-post .wpb_column.ok-card.ok-card-alt h3,
body.single-post .wpb_column.ok-card.ok-card-alt h4,
body.single-post .wpb_column.ok-card.ok-card-alt h5,
body.single-post .wpb_column.ok-card.ok-card-alt h6,
body.single-post .wpb_column.ok-card.ok-card-alt p{
    color: #000000;
}

body.single-post .wpb_column.ok-card > .vc_column-inner
{
    border-color: #252528;
}


/** sezione risultati **/
span.big{
    font-size: 5em;
    font-weight: bold;
}




/** #####################################################
 testimonial-carousel-section
##################################################### */
.testimonial-carousel-section{
    /* reset del padding per questa sezione, il padding è interno in questo caso */
    padding-left: 0px !important;
}

@media all and (min-width: 1070px) {
    .testimonial-carousel-section .testimonials_item{
        padding-left: 240px !important;
    }
    
    /* variante se carosello in blog single */
    .single-post .testimonial-carousel-section .softlab_module_testimonials{
        margin-left: -100px;
    }
}


.testimonial-carousel-section .testimonials_image > img{
    width: 50px !important;
    height: 50px !important;
}

.testimonial-carousel-section .testimonials_quote{
    font-family: Open Sans;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 36px;
    width: 80%;
    color: #FFFFFF !important;
}


.testimonial-carousel-section .testimonials_name,
.testimonial-carousel-section .testimonials_position{
    font-size: 14px !important;
    color: #FFFFFF !important;
}

.testimonial-carousel-section .softlab_module_carousel .slick-prev{
    left: 85px;
    right: auto !important;
}

.softlab_module_testimonials button.slick-prev::after,
.softlab_module_testimonials button.slick-prev::before,
.softlab_module_testimonials button.slick-next::after,
.softlab_module_testimonials button.slick-next::before
{
    content: '';
    display: none;
}

.softlab_module_testimonials button.slick-next,
.softlab_module_testimonials button.slick-prev{
    background-color: transparent !important;
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 80px;
}

.softlab_module_testimonials button.slick-next{
    background-image: url('/wp-content/themes/softlab-child/icons/opkn-next.svg');
}
.softlab_module_testimonials button.slick-prev{
    background-image: url('/wp-content/themes/softlab-child/icons/opkn-prev.svg');
}

@media all and (max-width: 768px) {
    .testimonial-carousel-section .testimonials_quote{
        width: 100%;
    }
    
    
    .testimonial-carousel-section .testimonials_item{
        padding-left: 5%;
    }
    .testimonial-carousel-section .softlab_module_carousel .slick-prev{
        left: 0px;
    }
    .testimonial-carousel-section .softlab_module_carousel .slick-next{
        right: 0px;
    }
    
    .softlab_module_testimonials button.slick-next,
    .softlab_module_testimonials button.slick-prev{
        background-size: 40px 40px;
        width: 60px;
        height: 60px;
    }
}



.single-portfolio .softlab-post-navigation a.back-nav_page{
    display: none;
}

.single-portfolio .softlab-post-navigation .info_prev-link_wrapper .date_post,
.single-portfolio .softlab-post-navigation .info_next-link_wrapper .date_post{
    font-family: Open Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: initial;
}




@media all and (max-width: 768px) {
    .single-portfolio .softlab-post-navigation .prev-link_wrapper{
        /* border-bottom: solid 1px #FFFFFF; */
    }
}

@media all and (min-width: 769px) {
    .single-portfolio .softlab-post-navigation .prev-link_wrapper,
    .single-portfolio .softlab-post-navigation .next-link_wrapper
    {
        width: 50% !important;
    }

    .single-portfolio .softlab-post-navigation .prev-link_wrapper{
        border-right: solid 1px #FFFFFF;
    }
}








#videoContainer{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#videoContainer > video{
    width: 100%;
    height: auto;
}


@media all and (max-width: 499px) {
    #videoContainer{
        width: 300%;
        left: -100%;
        top: -100%;
    }
}

@media all and (min-width: 500px) and (max-width: 768px) {
    #videoContainer{
        width: 200%;
        left: -50%;
        top: -50%;
    }
}


@media all and (min-width: 769px) and (max-width: 1170px) {
    #videoContainer{
        width: 150%;
        left: -25%;
        top: -25%;
    }
}


#video_big_modal{
  position: absolute;
  display: none;
  opacity: 0;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  transition: all 600ms;
  -webkit-transition: all 600ms;
}

body.video_is_open #video_big_modal{
    display: block;
    opacity: 1;
    z-index: 100;
}

body.video_is_open{
    overflow: hidden;
}

#video_big_modal #close_video_big_modal{
	position: fixed;
	right: 1.5em;
	top: 1.5em;
	z-index: 110;
	font-size: 1em;
	color: #FFFFFF;
}

/* blog */

.page-template-blog-template-full-width .blog-list-header{
    max-width: 1170px;
    margin: auto;
}

.page-template-blog-template-full-width .blog-posts{
    max-width: 1170px;
    margin: auto;
}

.page-template-blog-template-full-width .blog-post-list-section{
    background-color: #f4f4f4;
}

.page-template-blog-template-full-width .blog-post.format-standard-image{
    background-color: transparent !important;
}

.blog-post_title, .blog-post_title > a{
    color: #000000;
}

.page-template-blog-template-full-width .button-read-more::before{
    content: '';
    display: none;
}

.page-template-blog-template-full-width .button-read-more{
    color: #02b1ff;
    font-weight: bold;
    letter-spacing: .1em;
}


/* spaziature tra le 2 colonne del mansory blog list */
@media all and (min-width: 1070px) {
    .page-template-blog-template-full-width  .blog_masonry.blog_columns-2 > .item
    {
        padding-right: 2.5em;
    }
    
    .page-template-blog-template-full-width  .blog_masonry.blog_columns-2 > .item:last-child
    {
        padding-left: 2.5em;
    }
}


.page-template-blog-template-full-width .blog-post .blog-post_media .blog-post_media_part img{
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.blog-post .blog-post_media .blog-post_feature-link::before,
.blog-post .blog-post_media .blog-post_feature-link::before
{
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.blog-post .blog-post_meta_info{
    display: none;
}

.custom_blog_list_metas{
    display: block; 
    margin-bottom: 1em;
}
.custom_blog_list_metas > span{
    display: inline-block;
    width: 48%;
    color: #101820;
    text-transform: uppercase;
    font-size: .9em;
    position: relative;
    line-height: 48px;
}

.custom_blog_list_metas > span.date_post{
    text-indent: 34px;
    line-height: 48px;
}

.custom_blog_list_metas > span.date_post::after{
    position: absolute;
    content:' ';
    top: 16px; height: 16px;
    width: 2px; right: 4px;
    background-color: #101820;
}
@media (max-width:767px) {
	.custom_blog_list_metas > span {
		font-size:0.7em;
	}
}

/* l'icona ha un canvas intorno più grande */
.custom_blog_list_metas > span.date_post > img{
    position: absolute;
    top: 0;
    left: -13px;
}




/* blog post single */

body.single-post #main-content {
    color: #101820 !important;
}

body.single-post main{ background-color: #f4f4f4 !important; }

/* per qualche ragione l'impostazione da backend non funziona e non nasconde i commenti */
body.single-post #comments{display: none;}

/* full screen per avere la prima sezione full ma il resto è wrapped... */
body.single-post #main > .wgl-container{
    width: 100%;
}

body.single-post #main > .wgl-container #main-content .blog-post_content > section.full-width{
    width: 100%;
    background-size: cover !important;
    margin: auto;
    background-position: center center;
}

body.single-post #main > .wgl-container #main-content .blog-post_content > div:not(.full-width){
    max-width: 1170px;
    margin: auto;
}

body.single-post #main > .wgl-container #main-content .blog-post_content > section.full-width > .vc_row{
    max-width: 1200px; margin: auto;
}


body.single-post .wgl-header-row
{
    position: absolute;
    width: 100%;
    height: 110px;
    background-color: #FFFFFF !important;
    color: #08121f !important;
    z-index: 2 !important;
}

body.single-post .vc_row-o-full-height{
    background-repeat: no-repeat;
    background-position: center center;
}




body.single-post .softlab_module_testimonials .testimonials_quote{
    font-style: italic;
    font-family: 'Open Sans';
    font-weight: bold;
    line-height: 1.5em;
    color: #101820;
}
body.single-post .softlab_module_testimonials h3.testimonials_name,
body.single-post .softlab_module_testimonials .testimonials_name_wrap .testimonials_position
{
    color: #101820 !important;
    margin-bottom: 0px;
    padding: 0px;
}


body.single-post .softlab-post-navigation .info_next-link_wrapper > a,
body.single-post .softlab-post-navigation .info_prev-link_wrapper > a
{
    border-radius: 0px;
    -moz-border-radius: 0px;
}

body.single-post .softlab-post-navigation .info_next-link_wrapper .next_title,
body.single-post .softlab-post-navigation .info_prev-link_wrapper .prev_title
{
    color: #101820;
}
@media all and (max-width: 767px) {
	body.single-post .softlab-post-navigation .info_next-link_wrapper .next-link-info_wrapper,
	body.single-post .softlab-post-navigation .info_prev-link_wrapper .prev-link-info_wrapper {
		width:100%;
	}
	body.single-post .softlab-post-navigation .info_next-link_wrapper .next_title,
	body.single-post .softlab-post-navigation .info_prev-link_wrapper .prev_title {
		max-width:100%;
	}
}

body.single-post .softlab-post-navigation .info_prev-link_wrapper .no_image_post::before,
body.single-post .softlab-post-navigation .info_next-link_wrapper .no_image_post::before
{
    color: #101820;
}

body.single-post .softlab-post-navigation .info_next-link_wrapper > a::before,
body.single-post .softlab-post-navigation .info_prev-link_wrapper > a::before
{
    display: none !important;
}


.info_prev-link_wrapper > a, .info_next-link_wrapper > a{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


body.single-post .softlab-post-navigation{
    max-width: 1170px;
    margin: auto;
}

body.single-post .softlab-post-navigation .prev-link_wrapper,
body.single-post .softlab-post-navigation .next-link_wrapper{
    width: 50%;
}
@media all and (max-width: 767px) {
	body.single-post .softlab-post-navigation .prev-link_wrapper,
	body.single-post .softlab-post-navigation .next-link_wrapper,
	body.single-portfolio .softlab-post-navigation .prev-link_wrapper,
	body.single-portfolio .softlab-post-navigation .next-link_wrapper{
		width: 100%;
	}
	body.single-post .softlab-post-navigation .prev-link_wrapper a,
	body.single-portfolio .softlab-post-navigation .prev-link_wrapper a {
		padding-right:0 !important;
	}
	body.single-post .softlab-post-navigation .next-link_wrapper a,
	body.single-portfolio .softlab-post-navigation .next-link_wrapper a {
		padding-left:0 !important;	
	}
}

@media all and (min-width: 768px) {
    body.single-post .softlab-post-navigation .prev-link_wrapper .info_prev-link_wrapper > a
    {
        border-right: solid 1px #101820;
    }
}

#play-bg-video-modal{
    display: none;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: #000000;
}
#play-bg-video-modal a{
    position: fixed;
    right: 1.5em;
    top: 1.5em;
    z-index: 110;
    font-size: 1em;
    color:
    #FFFFFF;
}
#play-bg-video-modal.open{
    display: block;
}

#play-bg-video-modal iframe{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}




/* regole bottoni OPKN */


.wgl_button_link::after{
    background: transparent !important;
}

.softlab_module_button .wgl_button_link::after,
.softlab_module_button .btn_border_gradient::after{
    background: transparent !important;
}

.wgl_button .wgl_button_link:hover{
    background: transparent !important;
}

.softlab_module_button a:hover{
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.mobile_nav_wrapper .softlab_module_button
{
    text-align: center !important;
}
.mobile_nav_wrapper .softlab_module_button > .wgl_button_link
{
    display: inline-block;
    margin: auto !important;
    font-size: 100% !important;
    font-family: Open Sans;
}







/* regole Lorenzo M. */

.single-post .single_post_author {
	padding-top:15px;
	color:#FFFFFF;
	letter-spacing: 3px;
	font-size: 12px !important;
}
.single-post .single_post_info.post_info {
	padding-top: 30px;
    padding-bottom: 0px;
	border:0;
}
.single-post .single_post_info.post_info .blog-post_meta_share {
	border-bottom: 1px solid rgba(96, 101, 104, 0.15);
}
.single-post .single_post_info.post_info.post_info_top {
	border:0;
}
.single-portfolio .single_post_info {
	border:0 !important;
    padding-top: 20px !important;
}
.single-portfolio .single_post_info .category-list-wrapper {
	text-align:left !important;
}
.single-portfolio .single_post_info .category-list-wrapper span,
.single-portfolio .single_post_info .category-list-wrapper a,
.single-portfolio .single_post_info .tagcloud a,
.single-post .single_post_info .category-list-wrapper a,
.single-post .single_post_info .tagcloud a {
	color:#FFFFFF !important;
	text-transform:uppercase;
	margin-right:30px;
	padding:0;
	background-color:transparent;
	letter-spacing: 3px;
	font-size: 12px !important;
}
.single-portfolio .single_post_info .category-list-wrapper a:hover,
.single-portfolio .single_post_info .tagcloud a:hover,
.single-post .single_post_info .category-list-wrapper a:hover,
.single-post .single_post_info .tagcloud a:hover {
	background-color:transparent;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	color:#e7442d !important;
}
.single-post .single_post_info div:only-child {
	text-align:left;
}
.single_post_info .blog-post_info-wrap > div {
	margin-left:0 !important;
}

.blog-post_content h1, 
.blog-post_content h2, 
.blog-post_content h3, 
.blog-post_content h4, 
.blog-post_content h5, 
.blog-post_content h6 {
	margin-bottom: 18px !important;
}


/* author post on bottom */
.author-info_avatar {
	text-align:left !important;
}
.author-info_wrapper .author-info_avatar img {
    border-radius: 50px !important;	
}
.author-info_content {
	position: absolute;
    top: 0;
    left: 100px;
	text-align:left !important;
}
.author-info_content h5 {
	margin-bottom:0px !important;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 22px;
}
.author-info_content .author-excerpt_name {
	display:none;
}
.author-info_content .author-info_description {
	padding:0 !important;
	margin-top:10px;
	letter-spacing:2px;
	font-size: 12px;
	font-weight:300;
}
.author-info_wrapper {
	margin-top: 80px !important; 
}
.written-by {
	position:absolute;
	top:-35px;
	text-transform:uppercase;
	letter-spacing: 2px;
    font-size: 11px;
    color: #333;
    font-weight: 300;	
}
/* --- */


/* author post on top */
.author-info_wrapper.author-info_wrapper_small {
	margin-top:30px !important;
}
.author-info_wrapper.author-info_wrapper_small .author-info_avatar img {
	width:32px;
    border-radius: 50px !important;	
}
.author-info_wrapper.author-info_wrapper_small .author-info_content { 
	left: 48px;
}
.author-info_wrapper.author-info_wrapper_small .author-info_content h5 { 
	color:#FFFFFF;
	padding-top: 4px;
}
/* --- */



/* icone social in singolo post */
.blog-post .post_info .single_info-share_social-wpapper .share_link span.fa {
	background: #000;
	color:#FFFFFF;
	width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.post_info .single_info-share_social-wpapper .share_social-wpapper {
	text-align: right !important;
    padding-bottom: 20px;
}


/* */


body.single-post .softlab-post-navigation,
body.single-portfolio .softlab-post-navigation {
	max-width:90%;
	margin:auto;
}
.prev-link-info_wrapper {
	text-align:left;
	width:50%;
}
.next-link-info_wrapper {
	width:50%;
}
.prev-link_wrapper .prev_title,
.next-link_wrapper .next_title {
	font-weight:700 !important;
	/* min-height: 70px; */
	position:relative;	
}
.single-post .prev-link_text,
.single-post .next-link_text,
.single-portfolio .prev-link_wrapper .prev_title,
.single-portfolio .next-link_wrapper .next_title {
	text-transform:uppercase;
	letter-spacing: 2px;
    font-size: 12px;
    color: #333;
    font-weight: 300;
	padding-bottom:15px;
}
.single-portfolio .prev-link_wrapper .prev_title,
.single-portfolio .next-link_wrapper .next_title {
	color:#FFF;
	font-weight:300 !important;
}
.info_next-link_wrapper > a {
	padding-left:116px !important;
}
.info_prev-link_wrapper > a {
	padding-right:116px !important;
}



.custom_blog_list_metas > span {
	width: auto;
	padding-right: 20px;
	font-size: 13px;
}



/* portfolio list */
.wgl_portfolio_list-container .wgl_portfolio_item-wrapper {
	margin-bottom:30px;
}
@media (min-width:768px) {
	.wgl_portfolio_list-container .wgl_portfolio_item-wrapper {
		max-width:90%;
	}
}
.wgl_portfolio_list-container .wgl_portfolio_item-title .title {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 300;
    letter-spacing: 1px;
}
.wgl_portfolio_list-container .wgl_portfolio_item-title .title:before {
content: " ";
    width: 40px;
    display: block;
    border-radius: 2px;
    height: 2px;
    background-color: #fff;
    margin-bottom: 6px;
}
.wgl_portfolio_list-container .wgl_portfolio_item-excerpt .excerpt span {
	color: #fff;
    font-size: 26PX;
    line-height: 1.4;
    padding-top: 14px;
	padding-bottom: 6px;
    display: block;
    font-weight: 700;
}
.wgl_portfolio_list-container .post_cats a.portfolio-category {
	color:#999999;
	text-transform:uppercase;
	margin-right:30px;
	padding:0;
	background-color:transparent;
	letter-spacing: 1px;
	font-size: 12px !important;
}
.wgl_portfolio_list-container .post_cats a.portfolio-category:hover {
	background-color:transparent;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	color:#e7442d;
}
.wgl_portfolio_list-container .post_cats .delimiter-comma {
	display:none;
}
.wgl_portfolio_list-container .portfolio_link_wrapper {
	margin-top:14px;
}
.wgl_portfolio_list-container .portfolio_link_wrapper a,
.wgl_portfolio_list-container .portfolio_link_wrapper a:hover {
	color:#2cb4ff;
}
.wgl_portfolio_list-container .portfolio_link_wrapper a i {
	margin-left:10px;
	font-size:13px;
}

/* portfolio template */
@media (max-width:767px) {
	.portfolio-template-default section .vc_row.wpb_row.vc_row-fluid {
		padding-left:30px;
		width: 100%;
	}
}





.vc_wp_custommenu h2 {
	font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    color: #bbbbbb !important;
}



.fb-blog .blog-style-standard .blog-post {
	background-color:transparent;
}
.fb-blog .blog-style-standard .blog-post {
	text-transform: uppercase;
    font-size: .9em;
    position: relative;
}
.fb-blog .blog-style-standard .blog-post .custom_blog_list_metas > span {
	padding-right: 0px;
}
.fb-blog .blog-style-standard .blog-post .custom_blog_list_metas > span.date_post::after {
	display:none;
}

.single-portfolio .softlab-post-navigation {
	padding-top: 30px !important;	
} 
.single-portfolio .info_prev-link_wrapper > a:before, 
.single-portfolio .softlab_module_carousel .slick-prev:before, 
.single-portfolio .softlab_module_carousel .slick-next:before, 
.single-portfolio .info_next-link_wrapper > a:before {
	background: none;
}
.single-portfolio .prev-link-info_wrapper .meta-wrapper, 
.single-portfolio .next-link-info_wrapper .meta-wrapper {
	color:#FFF !important;
}

.prev-link-info_wrapper:hover, 
.next-link-info_wrapper:hover {
	opacity:0.8 !important;
}


@media(min-width:992px) {
	.single-post .share_on_mobile {
		display:none !important;
	}
		
}

/* blog homepage preview */
@media only screen and (max-width: 854px){
.blog-post_content {
    margin-top: 25px;
}
.blog-post_content .vc_section  {
	       padding-top: 9em!important;
}

}

@media only screen and (max-width: 1200px){
body.single-post .wgl-header-row {
    background-color: #10121c !important;
}
}

.blog-style-standard .blog-post {
    background: #fff0 !important;
}

.blog-posts .container-grid.row.blog_carousel .softlab_module_carousel {
    padding: 10px 0px !important;
}

.blog-post_media_part{
    border-radius: 0px !important;
}

.blog-post.format-standard-image .blog-post_media .blog-post_media_part img, .blog-post.format-image .blog-post_media .blog-post_media_part img {
    border-radius: 0px !important;
}

@media only screen and (max-width: 1024px) {
	.blog-post_content .vc_section  {
	       padding-top: 9em!important;
}

.single-portfolio	.wpb_video_widget.vc_video-el-width-90 .wpb_wrapper {
    width: 100%;
}
.blog-posts {
    padding-right: 20px;
}}

.single_post_info .blog-post_info-wrap .vc_col-sm-8 {
    width: 100%;
}
.vc_custom_1576339587636 {
	margin: 50px 0px!important;
    display: block;
    position: relative;
    padding: 0px;
}
#careerss .vc_toggle_title h4 {
	color:white!important;
	font-size:29px!important;
	line-height:33px!important;
	font-family: Open Sans;
    font-weight: 700;
	    background:none!important;
	border: 0px solid #182028;
	    margin-top: 10px!important;
}
#careerss {
	 margin-top: 10px!important;
}
#careerss-toggle_title  {
	color:white!important;
	margin-top: 10px!important;
	font-size:29px!important;
	line-height:33px!important;
	font-family: Open Sans;
    font-weight: 700;
	    background-color:black!important;
	border: 0px solid #182028;
}
.wpb-js-composer .wgl-container .vc_row .vc_toggle .vc_toggle_title:before {
    background-color: #182028!important;
    opacity: 1!important;
	border: 0px solid #182028!important;
}
.wpb-js-composer .wgl-container .vc_row .vc_toggle .vc_toggle_title {
    background-color: #182028!important;
    opacity: 1!important;
	border: 0px solid #182028!important;
}
.single-portfolio	.wpb_video_widget.vc_video-el-width-90 .wpb_wrapper {
    width: 100%;
}

/*video home-v2*/
.vidbg-container video {
    width: 100vw !important;
}
.vidbg-container {
	background-color: #10131a !important;
}

/*
div#bottone_scorri_container {
    display: none;
}
*/
.wgl_portfolio_item-excerpt .excerpt a {
    color: #fff;
    font-size: 26PX;
    line-height: 1.4;
    padding-top: 14px;
    padding-bottom: 6px;
    display: block;
    font-weight: 700;	
}
.wgl_portfolio_list-container .portfolio_link_wrapper {
    font-weight: 600 !important;
}
#bottone_scorri_container{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 10000; }
#bottone_scorri_btn_box { margin: auto; width: 20%; text-align: center; }
#bottone_scorri_btn_box a{color: #FFFFFF; display: block; text-align: center; font-weight: bold;}

.primary-nav>div>ul, .primary-nav>ul, .sitepress_container > .wpml-ls li, .primary-nav ul li.mega-menu-links > ul > li {
    letter-spacing: 1.5px;
}
.vc_custom_1576339587636 {
	margin: 50px 0px!important;
    display: block;
    position: relative;
    padding: 0px;
}
.vc_transform .main-content {
	 transition-duration: 50s!important;
	transition-timing-function: ease-in-out!important;
}
#preloader-wrapper {
	    opacity: 0!important;
}
@media all and (max-width: 768px) {
		.page-id-1011 #video_hp_mobile {
	min-height: 73.0197vh!important;
}
	
	#video_hp_mobile {
	min-height: 53.0197vh!important;
}
	
	.post_info .single_info-share_social-wpapper .share_social-wpapper {
    text-align: center!important;
    padding-bottom: 20px;
}
	body.single-post .wpb_column.ok-card > .vc_column-inner {
    border-color: #252528;
    display: block!important;
    margin: auto!important;
}
	#appro-space {
		display:none;
	}

	.video-generalii{
	max-width: 100%!important;
    margin-left: 1%!important;
	}
}
@media all and (max-width: 1024px) {
	
	.video-generalii{
	max-width: 100%!important;
    margin-left: 1%!important;
	}
}
.page-id-1665 body {
	background-color:black!important;
}
@media all and (max-width: 1024px) {

	.hide-for-mobile{
		display: none !important;
	}
	.stopp .heading_title {
		font-size: 23px!important;
	}
.stopp	.softlab_module_text {
			font-size: 16px!important;
	}
}
.softlab_module_carousel .slick-slide {
    padding-left: 15px!important;
    padding-right: 15px;
    float: left;
    height: 100%;
    min-height: 1px;
    cursor: pointer;
}
.pum-container.pum-responsive.pum-responsive-medium {
    right: 0px!important;
    left: 0px!important;
    margin: auto!important;
    display: block;
}
.archive .wgl_portfolio_list {
    margin-bottom: 30px;
    margin-top: 7%;
}
.archive .page-header  {
	margin-bottom: 0px!important;
	height: 378px;
    padding-top: 60px;
    padding-top: 150px !important;
    background: #0a0a0a url(https://www.open-knowledge.it/wp-content/uploads/2019/12/header_works-scaled-e1575987570224.png?id=1397) !important;
}
.archive .page-header_title {
	color:white!important;
}
.breadcrumbs span {
		color:white!important;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
    .vc_custom_1621950727051 .softlab_module_text {
        -webkit-text-size-adjust: none!important;
     }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 812px) {
    .vc_custom_1621950727051 .softlab_module_text {
      font-size:16px!important;
     }
 .vc_custom_1621950727051 	.custom_font {   font-size:29px!important;
		
	}
	.vc_custom_1576248231100 {       display: block!important;
    margin: auto!important;
    padding: 5px!important;
    top: 13px!important;
    position: relative!important;
		left:0px!important;
		right:0px!important;
		    width: 100%!important;
	}
.page-id-1722	.slick-slide .heading_title {
		    font-size: 20px!important;
	}
	.page-id-1722	.slick-slide .heading_subtitle {
		    font-size: 28px!important;
	}
		.page-id-4522	.slick-slide .heading_subtitle {
		    font-size: 28px!important;
	}
	.page-id-4522 .slick-slide .heading_title {
		    font-size: 20px!important;
	}
			.page-id-4522	.okk {
		    font-size: 43px!important;
	}
				.page-id-1722	.okk {
		    font-size: 43px!important;
	}
}
body {
	background-color:black!important;
    animation: fadeInAnimation ease 1s!important;
    animation-iteration-count: 1!important;
    animation-fill-mode: forwards!important;
}
  
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
.wgl_portfolio_item-excerpt .excerpt a {
    color: #fff;
    font-size: 26PX;
    line-height: 1.4;
    padding-top: 14px;
    padding-bottom: 6px;
    display: block;
    font-weight: 700;	
}
.portfolio_link_wrapper {
    font-weight: 600 !important;
}
 .wgl_portfolio_item-title .title {
    font-size: 14px !important;
    font-weight: bold !important;
}
.vl{
    background-image: linear-gradient(#FF007A, #641296);
    height: 100px;
    margin: auto;
    width: 2px;
    float: none;
}
.grad-SBF {
    font-weight:bold;
    background:-webkit-radial-gradient(80% 80%,circle farthest-corner,#FF007A 10%,#641296 70%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.no-margin{
    margin-top:0!important;
}
.about-custom-heading .kpi{
    font-size:200px !important;
}
#softlab_button_619bc2e7aa679 p:lang(en)  {
	display:none!important
}
#softlab_button_619bc2e7aa679:lang(en):after  {
  content: 'Contact us'!important;
    position: absolute;
    left: 0;
    z-index: 9999;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: block;
    top: 10px;
    margin: auto;
    color: #fff;
    font-size: 13px!important;
    font-weight: 700!important;
	letter-spacing: 1px;
}
.pop-contatti:lang(it) {
	    margin: 0 0 0px 0!important;
}
.portfolio_link_wrapper a:lang(en) {
	display:none!important;
}
.portfolio_link_wrapper:lang(en):after {
	 content: ' Learn all about it  ➜ '!important;
        left: 27px;
    z-index: 9999;
    margin: auto;
    font-weight: 600 !important;
    display: block;
    top: 10px;
    color: #2cb4ff;
}
.menu-item  span {
    position: relative;
    text-transform: initial!important;
}
.pop-contatti {
    font-size: 13px!important;
    font-weight: 700!important;
}
#softlab_button_619bc2e7aa679 {
	font-family: 'opensans', sans-serif !important;
    font-size: 13px!important;
    font-weight: 700!important;
	font-style:normal!important;
}

.slick-dots li.slick-active button:before {
	opacity: 0 !important;
}
.slick-dots li button:before {
	width: 14px;
	height: 14px;
	opacity: 0 !important;
	background: rgb(191, 191, 191);
	border-radius: 100px;
}