﻿@charset "UTF-8";

.bg1 {
  background: #F1F0E8 url("../img/bg1.jpg");
}

.bg2 {
  background: url("../img/pattern.png");
}

/* ======= Case Study Box style ======= */
.case-study-box {
    position: relative;
    padding: 60px 60px;
}
.case-study-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.case-study-box .item .icon {
    color: #BFA888;
    margin-right: 30px;
}
.case-study-box .item .icon:before {
    font-size: 50px;
    line-height: 50px;
}
.case-study-box .item h5 {
    margin-bottom: 10px;
    font-size: 21px;
}
.case-study-box .item p {
    font-size: 18px;
}








.separator-with-anchor {
  position: relative;
  text-align: center;
  margin: 0;
}

.separator-with-anchor .anchor-img {
  position: absolute;
  top: 50%;                /* metà della corda */
  left: 90%;               /* centrata orizzontalmente */
  transform: translate(-65%, -65%); 
  width: 400px;
  height: 286px;
  z-index: 5;              /* sopra la sezione sotto */
}

.bg4 {
  background: #F5F2ED;
}
.bg5 {
  background: #28364B;
}

.copy {
  width: 100%;
  height: 92px;
  background: #051827;
}


.fot {
  background: #0A2B50 url("../img/footer.jpg");
  background-repeat: no-repeat;
}
.separator-with-salv {
  position: relative;
  text-align: center;
  margin: 0;
}
.separator-with-salv .salv-img {
  position: absolute;
  top: 50%;                /* metà della corda */
  right: 86%;               /* centrata orizzontalmente */
  transform: translate(-65%, -45%); 
  width: 163px;
  height: 214px;
  z-index: 5;              /* sopra la sezione sotto */
}

.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
    margin-bottom: 30px !important;
}




.services-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.services-box .item .icon {
    color: #91765a;
    margin-right: 30px;
}
.services-box .item .icon:before {
    font-size: 50px;
    line-height: 50px;
}
.services-box .item h5 {
    margin-bottom: 10px;
    font-size: 24px;
}
.services-box .item p {
    font-size: 15px;
}

ol li {
list-style-image: url(../img/pallina.png);
} 
/* ======= fine usato ======= */



    .gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	}	
	.gal img{ width: 100%; padding: 0px 0;}
@media (max-width: 500px) {
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
	}

