/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

br.responsive {
    display: inline;
}

@media (min-width: 992px) {
    br.responsive {
        display: none;
    }
}

/*Google map responsive */

@media (min-width: 992px) {
	.map-responsive{
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-width: 0px;
    margin: 0px;
}
}



@media (max-width: 991px) {
	.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
}
	
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*
Tutto il blocco Profile page editato direttamente su style (8650) per non compromettere il responsive (miniintervento a seguire)
*/

@media (max-width: 1599px) {
    .profile-content .profile-image .profile-name h3 {
        font-size: 70px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
	
    .profile-content .profile-image {
        left: 0 !important;
		background-position: 50% 50% !important;
		height: 400px;
    }
	
	.profile-content .profile-image.map-rs {
		height: 100% !important;
    }

}

@media (max-width: 479px) {
	
    .profile-content .profile-image {
        left: 0 !important;
		background-position: 50% 50% !important;
		height: 200px;
    }
}

@media (max-width: 767px) or ((min-width: 992px) and (max-width: 1599px)) {
    .team-members.team-members-left .team-member .team-image {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.team-members.team-members-left .team-member .team-desc {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-left: 10px;
}
}


html {
  font-size: 93.75%; }

@media all and (max-width: 767px) {
  html {
    font-size: 87.5%; } }

body {
	font-family: FuturaBT-Book, Arial, Helvetica, sans-serif !important;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, p, a {
    font-family: FuturaBT-Book, Arial, Helvetica, sans-serif !important;
}

.inspiro-slider .slide {
    background-position: 50% 50%;
    background-repeat: repeat-y;
    background-size: cover;
    display: table-cell;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 2; }
	
@media (max-width: 991px) {
#header #header-wrap #logo {
    margin: 0 auto !important;
	padding-top: 5px !important;
    max-width: 350px;
    position: absolute !important;
    z-index: 2;
}

#header #header-wrap #logo a > img {
        vertical-align: inherit;
        transition: all .4s ease-in-out;
        height: 80px;
        width: auto; }
		
}

@media (max-width: 479px) {
#header #header-wrap #logo {
    margin: 0 auto !important;
	padding-top: 10px !important;
    max-width: 300px;
    position: absolute !important;
    z-index: 2;
}


#header #header-wrap #logo a > img {
        vertical-align: inherit;
        transition: all .4s ease-in-out;
        height: 70px;
        width: auto; }
		
}

#header.header-fullwidth.header-transparent #header-wrap {
    border-bottom: 0 solid rgba(144, 144, 144, 0.25);
}

#header.header-fullwidth.header-transparent #header-wrap .header-extras {
    border-left: 0 solid rgba(144, 144, 144, 0.25);
}


	  
#footer .copyright-content {
  border-top: 1px solid #222;
  min-height: 40px;
  padding: 15px 0; }

 #footer.footer-light .copyright-content {
    background-color: #fff;
    border-top: 1px solid #fff; }
	  
.copyright-text {
    font-size: 14px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
	
  .copyright-text {
    font-size: 11px;
}
}

.copyright-text a {
    color: #4d7c9b;
}

.copyright-text a:focus, .copyright-text a:hover, .copyright-text a:active {
      color: #f2001e !important;
}

.btn.btn-outline:not(.btn-dark):not(.btn-light) {
    background-color: transparent !important;
    border-width: 2px;
    border-style: solid;
    border-color: #fff !important;
    color: #fff !important; }
    .btn.btn-outline:not(.btn-dark):not(.btn-light):focus, .btn.btn-outline:not(.btn-dark):not(.btn-light):hover, .btn.btn-outline:not(.btn-dark):not(.btn-light):active {
      background-color: #fff !important;
      border-color: #fff !important;
      color: #f2001e !important; }