.col-1, 
.col-2, 
.col-3, 
.col-4, 
.col-5, 
.col-6, 
.col-7, 
.col-8, 
.col-9, 
.col-10, 
.col-11, 
.col-12, 
.col,
.col-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; 
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; 
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; 
}
.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; 
}
.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; 
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%; 
}
.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; 
}
.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; 
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%; 
}
.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; 
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; 
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%; 
}
.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; 
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%; 
}

.positon-center {
  margin-right: auto !important;
  margin-left: auto !important;
}
.position-middle {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.background-white {
    /*color: #333;
    padding: 20px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    background: rgba(255,255,255,0.8);
    text-align: justify;*/
    margin-bottom: 50px;
}

.justify-content-center {
    justify-content: center !important;
}
.collapse:not(.show) {
    display: none;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.menu-head .container {
	padding-left: 0px;
	padding-right: 0px;
}
.row {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; 
  margin-top: 45px;
}