.btn-home a {    box-shadow: 0 3px 0 rgba(42, 197, 238, .5);}::-moz-selection {background: #2ac5ee}::selection {background: #2ac5ee;}.btn-home a,.skillbar-title,.skillbar-bar,#filters li span.active,#filters li span:hover,#filters li span:focus,.btn-primary,.label-primary,#contact input.submit,.blog-list li:hover,.blog-widget-container .cat-item  a:hover,.cbp-l-filters-button .cbp-filter-item-active,.cbp-l-filters-button .cbp-filter-counter,.nav > li > a:hover, .nav > li > a:focus,.shop-btn-box:hover,.pagination > .active > a,.pagination  .current,.onsale,.woocommerce span.onsale, .woocommerce-page span.onsale,.woocommerce-page a.added_to_cart:hover,.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{background: #2ac5ee;}a,.about-icon .fa-circle,.highlight,figure figcaption a:hover,.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus.navbar-default .navbar-nav > .hovernav:hover > a,.navbar-default .navbar-nav > .hovernav:hover > a:hover,.navbar-default .navbar-nav > .hovernav:hover > a:focus.nav > li > a:hover,.nav > li > a:focus,.nav > li > span:hover,.nav > li > span:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,.portfolio-links a:hover,.portfolio-links .icon:hover,.connected-icon a:focus,.connected-icon a:hover,.btn-link,.post-title a:hover,.post-title a:focus,#main-nav .current,.star-rating span,.woocommerce-page  p.stars  a:hover:after,.woocommerce-page  p.stars  a.active:after,.navbar-default .navbar-nav > .current-menu-item.hovernav > a,.footer-logo a:hover{color: #2ac5ee;}.phone-info {background: rgba(42, 197, 238, 0.2);}.cbp-l-filters-button .cbp-filter-counter:before {border-top: 4px solid #2ac5ee;}/* CUSTOM STYLES ################# */


/* Nav Logo ------ */
.navbar-brand {
	padding:4px;
}
.navbar-brand img{
	height: 100%;
	width:  auto !important;
	max-height: 60px;
	max-width: 155px;
}

#footer_wrap{display:none;}
.footer-menu .pull-left{
width:100%;
}
.single-post-wrapper iframe{
	display: !important;
	margin-top:20px;
	margin-bottom:200px;
	max-width:100%;
	width:560px;
	height:310px;
}
.footer-social {
    margin-top: 20px !important;
    margin-bottom: 10px;
}

.footer-menu{
    margin-top: 20px !important;
    padding-top: 20px !important;
}
/* Pages ------ */
#about{
	margin:0;
	padding:0;
}
.backstretch{background-color:#000000;}
.backstretch img{
	opacity: 1;
    transition: background 3s ease-in-out;
   -moz-transition: background 3s ease-in-out;
   -webkit-transition: background 3s ease-in-out;
}
#home-pattern>.parallax-overlay{ display:none;}
#slider-home{
	text-align:left;
	margin-left:8%;
	color: black;
	width:35%;
}

#slider-home span{
	clear:both;
	font-size:38px;
	line-height:1;
	font-weight:100;
}
#slider-home{
	text-align:center;
	margin-top:-12% !important;
	margin-left:8%;
	color: black;
}
#slider-home img{
	width:100%;
	margin-top:10px;
}
#slider-home > li.connected-icon{
	padding:0 10px 0 0 !important;
}
.liquid-slider .connected-icon .fa{
	color:rgba(0,0,0,100) !important;
	background:rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50% !important;
	width:45px;
	height:45px;
	padding-top:10px;
	margin:0 !important
}
/* Color Loop ---------------------------------- */
@keyframes colorchange {
	10%  {background: #2ac5ee;}
	25%  {background: #fdfd00;}
	40%  {background: #6aff01;}
	55%  {background: #0563ff;}
	70%  {background: #fe0501;}
	85%  {background: #ff6000;}
	100% {background: #ffffff;}
}

@-webkit-keyframes colorchange {
	10%  {background: #2ac5ee;}
	25%  {background: #fdfd00;}
	40%  {background: #6aff01;}
	55%  {background: #0563ff;}
	70%  {background: #fe0501;}
	85%  {background: #ff6000;}
	100% {background: #ffffff;}
}

/* Custom PopUp ---------------------------------- */
#welcome{
	padding-bottom:40px !important;
}
.model-popup-btn{
	width:100%;
	background:#00000078;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px !important;
	padding:24px !important;
	color:white !important;
	border:1px solid white !important;
}
.model-popup-btn:hover{
	background: #2ac5ee;
}
.button_line_2{
	margin-top:30px !important
}
.mega-model-popup{
	left:0 !important;
	right:0 !important;
	margin: 0 !important;
	width: 100% !important;
	height:100% !important;
	border:none !important;
	-webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow:none !important;
    position: fixed  !important;
  	top: 0 !important;
}
.mega-model-popup .b-close{
	position:absolute !important;
	display:block;
	right:0px !important;
	z-index:100;
}
.mega-model-popup .b-close img{
	display:none;
}
.mega-model-popup h2{
	height:70px;
	font-size: 32px !important;
	line-height:2.2!important;
	animation: colorchange 21s;
    -webkit-animation: colorchange 21s;
    animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.mega-model-popup h2:before{
	background: url("https://www.claudiosantamaria.it/wp-content/uploads/2019/01/claudio_miniHeader.png") no-repeat;
	background-size:100%;
	background-position:center;
	width:110px;
	height:70px;
	content:"";
	display: block;
	position: absolute !important;
	left:0px !important;
}
.cbp-popup-content{
	padding-top:80px;
	
}
.cbp-popup-navigation{
	margin-top:-8px;
}
.cbp-popup-navigation-wrap{
	height:56px !important;
	margin-bottom:20px !important;
	-webkit-animation: colorchange 21s;
    animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.cbp-popup-navigation-wrap:before{
	background: url("https://www.claudiosantamaria.it/wp-content/uploads/2019/01/claudio_miniHeader.png") no-repeat;
	background-size:100%;
	background-position:center;
	width:104px;
	height:56px;
	content:"";
	display: block;
	position: absolute !important;
	left:0px !important;
}
.mega-model-popup .b-close:after{
	content:"";
	display: inline-block;
	position:absolute !important;
	right:10px !important;
	width:44px;
	height:74px;
	background: url("https://www.claudiosantamaria.it/wp-content/uploads/2019/01/cancel.png") no-repeat;
	background-position:center;
	background-size:60% !important;
	z-index:500;
}
.model-popup-container {
	text-align:center;
	position: fixed  !important;
  	top: 0 !important;
	height:100% ;
	width: 100% !important;
	background:#ffffff;
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}

.model-popup-container > span{
	max-width:1170px !important;
	margin: auto;
	text-align:left;
	height:100% !important;
	display:block;
	overflow-x: scroll;
    padding-bottom:200px !important;
}

/* News --------------- */
.category-news div.text-center {
	width:30% !important;
	float:left;
	margin-right:30px
} 

#news .vc_custom_heading > div{
	font-size: 16px!important;
}
.vc_pageable-slide-wrapper{
	text-align:center;
}
/*  PopUp  Biografia --------------- */
#popup-43 .model-popup-container p {
	font-size:14px !important;
}


/*  PopUp  Filmografia Televisione Teatro --------------- */
.model-popup-container p {
	font-size:15px !important;
}
.model-popup-container p strong {
	font-size:17px !important;
}

/* Galleria ---------------- */
.pp_play,.pp_arrow_previous,.pp_arrow_next,
.currentTextHolder,.pp_top,.pp_middle, .ppt,
.pp_description, .pp_expand,.pp_description,
.pp_gallery{
	display:none !important;
}
.gallery{
	text-align:center;
}
.gallery-item{
	display:inline-block;
	margin:3px !important;
}


.pp_details, .pp_nav{
	width:100% !important;
}
a.pp_close{
	display:block !important;
	background: url("https://www.claudiosantamaria.it/wp-content/uploads/2019/01/close.png") no-repeat !important;
	background-size:auto 50% !important;
	background-position:50% bottom !important;
	height:50px !important;
	width:100% !important;
	margin-top:-20px;
	position:absolute !important;
	z-index:5000;
}
.pp_right, .pp_left, .pp_bottom{
	background:none !important;
	padding:0 !important;
}
.pp_content{
	margin:0 !important;
	height:80% !important;
	width: 90% !important;
	max-height: 80% !important;
	max-width: 60% !important;
	padding:0 !important;
	border:1px solid white;
	margin-left: auto !important;
	margin-right: auto !important;
}
.pp_pic_holder {
	padding: 0 !important;
	/* height: 100% !important; */
	width: 100% !important;
	max-height: 80% !important;
	max-width: 80% !important;
	left:10%!important;
	right:10%!important;
}
.pp_hoverContainer,
#fullResImage{
	height: 100% !important; 
    width: 100% !important;
	max-width:100% !important;
	max-height:100% !important;
}
.pp_pic_holder:before {
	content: "";
	position: fixed !important;
    background: #000 !important;
    opacity:.7 !important;
    width: 4000px !important;
    height:4000px !important;
    margin: 0 !important;
    left:-500px !important;
    top:-500px !important;
}
/* Portfolio ---------------- */
.cbp-l-loadMore-button a{
	-webkit-animation: colorchange 21s;
    animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	text-transform:uppercase;
	color:black;
	font-size:18px;
	padding:10px 18px ;
}
.cbp-l-filters-button .cbp-filter-item {
    background-color: #8f8c8c;
    color: #ffffff;
}
.cbp-l-filters-button {
   margin-top:-30px !important;
}
.cbp-l-grid-projects .grid figcaption {
    padding-top: 60%;
    padding-right:50%x;
}
.cbp-l-grid-projects .cbp-item {
    /* @editable properties */
    width: 16.3% !important;
   height: 250px !important;
}
#grid-container > ul > li > div > figure{
	 width: 100% !important;
	 height: 250px !important;
}
.cbp-title {
    color: white !important;
    font-weight: 200;
    font-size: 1.5em;
    margin-top: -60px;
    margin-bottom: 40px;
}
.grid figcaption a {
    margin-bottom: -80px !important;
  	padding-top:20px;

}
.cbp-item figure img{
    width: 100% !important;
    height: auto !important;
}
.cover .cbp-singlePage{
	display:none;
}

.cbp-popup-content h1 small,
.cbp-popup-content h1 br,
.cbp-popup-content .col-sm-6{
	display:none;
}
.cbp-popup-content h1 strong {
	clear:both !important;
	padding-top: -80px !important;
}
/*  Post --------------- */
.blog-page-title,
[itemprop="author"],
.blog-author{
	display:none !important;
}
.single-post #footer{
	position:fixed;
	left:0;
	width:100%;
	bottom:0;
}


.mega-model-popup iframe{
	width: 50% !important;
	padding:1% ;
	min-height:340px;
	max-height:340px;
	display: inline !important;
	float:left;
}
@supports (-webkit-overflow-scrolling: touch) {
  /* iOs fix */
    .st_parallax.fixed_background {
         background-attachment: scroll  !important;  
    }  
}

/*  Responsive landscape --------------- */
@media (max-width: 767px) {
	#slider-home{
		margin-top:-5% !important;
		margin-left:5%;
	}
    #menu-primary_menu{
		margin: 0px auto;
	}
	#menu-primary_menu li a{
		margin-left: -20px;
		font-size:20px;
		background:transparent;
		padding:15px 0;
		border-bottom:1px solid #e7e7e7;
	}
	.mega-model-popup iframe{
		min-height:200px;
		max-height:200px;
	}
	.pp_content{
		margin-top:-55px !important;
		
	}
	.vc_grid .vc_grid-item{
		width:33% ;
		display: inline-block !important;
	}
	.cbp-l-grid-projects .cbp-item {
		/* @editable properties */
		width: 24% !important;
		height: 150px !important;
	}
	.cbp-l-grid-projects .grid figcaption {
		padding-top: 40%;
		padding-right:50%x;
	}
	.button_line_1 .col-sm-6:nth-child(2),
	.button_line_2 .col-sm-6:nth-child(2) {
		margin-top:10px !important
	}
	.button_line_2{
		margin-top: 10px !important
	}
	.single-post #footer{
		position:inherit;
	}
	.gallery-item{
		margin:3px !important;
	}
}


/*  Responsive portraid --------------- */
@media (max-width: 480px) {
	
    .category-news div.text-center{
		width:100% !important;
		float:none;
		margin-right:0px;
		margin-top:10px;
	} 
    
	.mega-model-popup iframe{
		width:100% !important;
		min-height:200px;
		max-height:200px;
	}
	.pp_content{
		margin-top:-30px !important;
		height:100% !important;
		width: 100% !important;
		max-height: 90% !important;
		max-width: 100% !important;
	}
	.vc_grid .vc_grid-item{
		width:50% ;
		display: inline-block !important;
	}
	.cbp-l-grid-projects .cbp-item {
		/* @editable properties */
		width: 50% !important;
		height: 150px !important;
	}
	.cbp-l-grid-projects .grid figcaption {
		padding-top: 32%;
		padding-right:60%x ;
	}
	.mega-model-popup .b-close:after{
		background-size:50%;
		background-position:center right;
	}
	.mega-model-popup h2:before{
		background-size:70%;
		background-position:center left;
	}
	.button_line_1 .col-sm-6:nth-child(2),
	.button_line_2 .col-sm-6:nth-child(2) {
		margin-top:0px !important
	}
	.button_line_2{
		margin-top: 0px !important
	}
	.model-popup-btn{
		margin-bottom: 15px ;
	}
    .backstretch img{
		left: -50% !important;
	}
	#slider-home{
	    text-align:left;
		position:absolute;
		top:8%;
		width:100%;
		margin-top: 5% !important;
		margin-left:12%;
	}
	#slider-home span{
		font-size:26px;
	}
	#slider-home img{
		display:block;
		position:relative;
		width:90% !important;
		margin-top:25%;
	}
	.wpb_image_grid  {
		padding-left:8%;
	}
	.single-post #footer{
		position:inherit;
	}
	.gallery-item{
		margin:8px !important;
	}
}

/* END CUSTOM STYLES ################# */.navbar-default .navbar-nav > li > a{    color:#000000}@media(min-width: 768px){    .navbar-default .navbar-nav > .hovernav > a {            color:#000000    }}.navbar-default .navbar-nav > li > a {    color: #000000 !important;} @media (min-width: 768px){.navbar-default .navbar-nav > .hovernav > a {    color: #000000!important;}}