/*Font specifico per titoli e sottotitoli*/
@font-face {
  font-family: fredokaoneregular;
  src: url("../fonts/FredokaOne-Regular.ttf");
}

.block { 
	display:block;
	height: 100%;
	/*height: 220px;*/
	text-decoration: none;
	/*border:1px solid #000;*/
}

.popover-content {
	min-width: 200px;
}
.popover-content:empty{
	display:none;
}

.floating-label{
	position:relative
}


.floating-label input:focus ~ label,
.floating-label textarea:focus ~ label,
.floating-label input:valid ~ label,
.floating-label textarea:valid ~ label,
.floating-label select:valid ~ label,
.floating-label select:valid ~ label,

.floating-label input.has-content ~ label,
.floating-label textarea.has-content ~ label,
.floating-label select.has-content ~ label
{
	font-size: 0.75em;
	font-weight: bold;
	color: #323239;
	top: -1.1rem;
	-webkit-transition: all 0.125s ease;
	transition: all 0.125s ease;
}

.floating-label select.empty:not(:focus) ~ label,
.floating-label textarea.empty:not(:focus) ~ label,
.floating-label input.empty:not(:focus) ~ label
{
	color: #999;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 12px;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	pointer-events: none;
	font-weight: normal;
}

.container #jumbotron{
	padding-top:155px;
}

BODY {
	background-color:#FFFFFF;
}
.force-fluid{
	width:100% !important;
}
#page-17 alert,
#page-18 alert,
#page-19 alert
{
	margin-top:15px;
}
#header{
	border-bottom:5px solid #313131;
}
#nav-margin{
	height:20px;
}
#page-17 #nav-margin,
#page-18 #nav-margin,
#page-19 #nav-margin
{
	height:0;
}
#add-file.btn-primary.img-circle{
	padding:0;
}
#feednotify.btn-primary.img-circle{
	padding:0;
}
.btn-xs, .btn-group-xs>.btn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
#header .navbar-brand {
	height: 52px;
	display: table;
}

.img-background-fit{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

.btn-reverse {
    color: #e74378;
    background-color: #fff;
    border-color: #e42c68;
}

.icon-practice-project {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
}
grey article.panel:hover,#section-services.darkblue::after{background-color:rgba(124,161,196,0.43);}
grey article.panel:hover,#section-services.lightblue::after{background-color:rgba(179,212,252,0.43);}

.red_txt{
	color:red;
}
.green_txt{
	color:green;
}
.link-white{
	color:#fff;
}
.promotion-badge {
    position: absolute;
    top: 22px;
    left: -42px;
    transform: rotate(-45deg);
    padding: 6px 40px;
    font-weight: bold;
    border: 3px solid #f82e75;
}
body{
  min-width:270px; /* suppose you want minimun width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:270px; 
   overflow: auto;
	
}
.v-generated-body {
    min-width: 270px;
    overflow: auto;
}
.navbar-toggle{
	position: absolute;
	right: 0;
}
#header{
	display: table;
	width: 100%;
}
@media (max-width: 750px){ 
	#section-services .clearfix.m-b-30{display: block;}
	#nav .btn-primary.img-circle{display: none;}
}

@media (min-width: 767px){ 
	#header .navbar-right {
	    margin-top: 0px;
	}
}

@media (max-width: 480px){
	.landing-page .btn-primary {
	    width: 85%;
	    min-width: 170px;
	    padding: 14px 0px;
	    margin: 0 auto;
	    margin-top: 5px;
	}
	.section-pricing-carousel .paper-container .hr-primary.full{
		margin: 5px auto;
	}
	.section-pricing-carousel .paper-container .lead {
	    line-height: 1.2;
	    margin-bottom: 8px;
	}
	.section-pricing-carousel .paper-container {
	    height: 350px;
	}
	.provider-single .col-md-9.col-sm-8 .panel.panel-default.m-b-30 .list-unstyled li.col-xs-5.m-b-10 {width: 100%;}
}
@media (max-width: 400px){
	#footer .list-unstyled,
	#footer .pull-right{
	    float: none !important;
	    margin: 0 auto;
	    display: table;
	}
	#footer .list-unstyled{
		margin-bottom: 30px;
		text-align: center;
	}
	span.p-l-10.pull-left,
	span.p-l-10.pull-left input[type="file"]{
		max-width:100%;
	}
}
body > img[height="1"] {
    display: none;
}
a.dropdown-toggle.clearfix.no-wrap span.pull-left{
	height: 20px !important;
}
.providers-list .hover-effect:hover .mask{border:0;}
@media (max-width: 767px){
	#section-services #monitor-map > span {
	    overflow: hidden;
        margin-bottom: 10px;
        height: 110px;
    	width: 110px;
	}
	#header{
		height: 70px;
	}
	#header.fixed-navbar{
		height: 83px !important;
	}
	#monitor-map span:hover {
	    -webkit-transform: scale(1, 1);
	    -ms-transform: scale(1, 1);
	    -o-transform: scale(1, 1);
	    transform: scale(1, 1);
	}
	.active.login > a{background: none !important;}
	#jumbotron.jumbotron-company,
	#jumbotron.jumbotron-provider {
	    background: none !important;
	}
	.section-pricing-carousel .paper-container{margin-top: 0;}
	footer#footer {
		text-align: center;
	}
	#footer .list-unstyled {
		width: 300px;
		text-align: center;
	}
	footer#footer i.fa {
	    margin: 5px;
	}
	.nav-tabs.nav-tabs-line li a span{float: right;}
	.nav-tabs.nav-tabs-line li a {
	    width: 150px;
	 }
		
	#select-project-type article text-color label.panel-body.text-center {padding-left: 0;}
	#select-project-type article strong {
	    display: block;
	    margin-top: 10px;
	    line-height: 1.1;
	    font-weight: 400;
	}
} 
.hover-effect:hover a.info:hover,
.hover-effect a.info{
	color: #E74378;
}
.hover-effect:hover .mask {
    border-width: 0;
    background-color: rgba(249,59,134,0.5);
}
#preview-description{
	white-space: pre-line;
}

/* FOOTER2 2016 */

/* link bianchi per nuovo footer 2016 */
.link_footer{
	padding-top:10px;
	padding-bottom:20px;
}

a.blank:link, a.blank:visited, a.blank:hover, a.blank:active {
	color:#fff;
}
a.blank_padding:link, a.blank_padding:visited, a.blank_padding:hover, a.blank_padding:active {
	color:#fff;
	padding-left:12px;
	padding-right:12px;
}
/* per 'risoluzione smarphone' elimina padding e diminuisci font per unica riga */
@media (max-width: 400px){
	.link_footer{
		font-size: 7px;
	}
	a.blank:link, a.blank:visited, a.blank:hover, a.blank:active {
		padding-left:0px;
		padding-right:0px;
		font-size: 7px;
	}
}

#footer .list-unstyled li a.blank:link, #footer .list-unstyled li a.blank:visited, #footer .list-unstyled li a.blank:hover, #footer .list-unstyled li a.blank:active {
	color:#fff;
	/*list-style-type: dotted;*/
}

/*visualizzazione pallini bianchi*/
/*
.list-inline{display:block;}
.list-inline li{display:inline-block;}
.list-inline li:after{content:'<i class="fa fa-circle"></i>'; margin:0 10px;}
*/

.font_fredokaoneregular{
	font-family: fredokaoneregular, Verdana, Arial;
}

/* Social Icon bootstrap font-awesone rotonde css3 */
#social {
  margin: 20px 10px;
  text-align: center;
}

.smGlobalBtn{ /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 2px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
}

/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}
.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}
.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
}
/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}
.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}
.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
}
/* youtube button class */
.youtubeBtn{
    background: #b31217;
}
.youtubeBtn:before{
      font-family: "FontAwesome";
      content: "\f167"; /* add linkedin icon */
}
.youtubeBtn:hover{
      color: #b31217;
      background: #fff;
}
#header .navbar-brand{
	background-size: 100% auto;
}