@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

html {
  scroll-behavior: smooth;
}
.icon {
  display: inline
}

.icons {
  font-family: "flaticon"!important;
  color: #3e606f;
  font-size: 45px;
}

@font-face {
  font-family: "flaticon";
  src: url("./flaticon.eot");
  src: url("./flaticon.eot?#iefix") format("embedded-opentype"), url("./flaticon.woff") format("woff"), url("./flaticon.ttf") format("truetype"), url("./flaticon.svg#flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: "flaticon";
  font-style: normal;
  color: #3e606f;
  font-size: 65px;
}
.special-icon svg {
	width: 65px;
  height: 65px;
  transform: rotate(180deg);
  fill: #3e606f;
}

@font-face {
  font-family: 'Acme';
  src: url('../fonts/Acme-Regular.eot');
  src: url('../fonts/Acme-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Acme-Regular.woff2') format('woff2'), url('../fonts/Acme-Regular.woff') format('woff'), url('../fonts/Acme-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* latin */


/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: 'Acme', sans-serif;
}

p, li {
  color: #4c5253;
  letter-spacing: 1px;
  font-size: 16px;
  font-family:'Roboto'; 
}

.acme {
	font-family: 'Acme' !important; 
}

h1 {
  color: #354b60;
  font-family: 'Acme', sans-serif;
}

.h1-header {
  font-weight: 600;
  margin: 0;
  color: white;
  font-size: 2rem;
  font-family: 'roboto';
}

h2, h3, h4, h5, h6 {
  color: #354b60;
  font-family: 'Acme';
}

.glyphicon {
  color: #ba9077;
  font-size: 32px;
}

sup {
  color: #ba9077;
}

/*BUTTONS*/

.btn-insieme {
  border-radius: 8px;
  color: #3e606f;
  background-color: transparent;
  border-color: #3e606f;
  border: 1px solid;
  margin-top: 1px;
  margin-bottom: 1px;
}

.btn-insieme:hover {
  color: #3e606f;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
  border:solid 3px;
}

.btn-insieme:focus {
  box-shadow: 0 0 0 0.2rem rgba(62, 96, 111, 0.35);
}

.btn-default {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  color: #ccc;
  border: 1px solid #2098d1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn-default:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ba9077;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
  color: white;
}

/*HEADER*/

.jumbotron {
  position: relative;
  background: url(../img/img1.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 0;
  padding-bottom: 0;
  background-attachment: fixed;
  background-position: top center;
}

.jumbotron {
  padding: 0rem 2rem !important;
  border-radius: unset;
}

.jumbotron p {
  color: #111;
  padding: 0 20px 60px 20px;
  margin: 60px 0 60px 0;
}

.jumbotron p span {
  color: white;
  font-weight: 600;
}

/*NAV NAV*/

.nav-link {
  color: white !important;
  font-size: 18px;
  font-weight: bold;
}

.nav-link:hover {
  color: white !important;
  text-decoration: underline;
  opacity: .65;
}

/*SECTIONS and bg*/

.box-grey {
  background-color: rgba(232, 232, 232, 1);
}

.box-pink {
  background-color: #ecdcd7;
}

.footer-insieme {
  height: 100px;
  
  background-color: #193441;
}

.flex-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/*EFFETTI E CARINERIE*/

/* classi shottate dal JS */

.change-color {
  background-color: #193441!important;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

#btn-go-top {
  height: 70px;
  width: 70px;
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}

#btn-go-top:hover {
  opacity: .65;
}

/* menu*/

.selected {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

 .contact-form-section-outer
{

  z-index: -1;
	opacity: 0;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;	
  display: flex;
  position: fixed;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;	
	background-color: rgba(0, 0, 0, 0.5);
}
.contact-form-section-close-img{
width: 65px;
height: 65px;

}
.contact-form-section{
min-width: 50vw;

background-color: rgba(0, 0, 0, 0.58);
}

.contact-form-section-close {
  position: relative;
  top: 2rem;
}

a {
  color: #17b5b8!important;
  text-decoration: none;
  background-color: transparent;
}

.giustificato {
	text-align: justify;
}

#sharing, #mailing {
	color: #4c5253;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Roboto';
}

#suggerisci:link, #suggerisci:visited, #suggerisci:hover, #suggerisci:active {
  text-decoration: none;
}

.ml40 {
		margin-left:40%; 
}

@media only screen and (max-width: 600px) {
  nav.navbar {
    background-color: #193441!important;
}

.jumbotron {
	background-position-x: 80%;
	background-attachment: unset; 
}

.j70 {
	background-position-x: 70% !important;
}

.ml40 {
		margin-left:30%; 
}

#btn-go-top {
  margin-bottom: 100px;
  height: 35px;
  width: 35px;
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 0;
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}

.info_request{
  font-size:12px;}

  p.m-0.mr-5.text-center.text-right {
    font-size: 12px;
    padding: 0!important;
    margin: 0!important;
}
}