@charset "UTF-8";
/*
 = .wrapper,.row,.column 
------------------------------------------*/
.wrapper,
.row,
.column,
.portfolio-entry {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper {
  min-width: 1020px;
  padding: 30px 0;
}
.wrapper .wrapper {
  min-width: 0;
  padding: 0;
}
.wrapper.image-bg {
  background-size: cover;
  background-position: center center;
  position: relative;
}
.wrapper.image-bg * {
  position: relative;
  z-index: 1;
}
.wrapper.image-bg:before {
  content: "";
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.row {
  clear: both;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background-origin: content-box;
  position: relative;
}
.row.border-top:before {
  content: "";
  display: block;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  position: relative;
  top: -30px;
}
.row.pad-v-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.row.pad-v-20px {
  padding-top: 20px;
  padding-bottom: 20px;
}
.row.pad-v-30px {
  padding-top: 30px;
  padding-bottom: 30px;
}
.row.pad-v-10px {
  padding-top: 10px;
  padding-bottom: 10px;
}
.row.pad-v-20px {
  padding-top: 20px;
  padding-bottom: 20px;
}
.row.pad-v-30px {
  padding-top: 30px;
  padding-bottom: 30px;
}
.row.pad-h-10px {
  padding-left: 10px;
  padding-right: 10px;
}
.row.pad-h-20px {
  padding-left: 20px;
  padding-right: 20px;
}
.row.pad-h-30px {
  padding-left: 30px;
  padding-right: 30px;
}
.row.pad-h-40px {
  padding-left: 40px;
  padding-right: 40px;
}
.row.pad-h-50px {
  padding-left: 50px;
  padding-right: 50px;
}
.row.pad-h-60px {
  padding-left: 60px;
  padding-right: 60px;
}
.row.pad-h-70px {
  padding-left: 70px;
  padding-right: 70px;
}
.row.pad-h-80px {
  padding-left: 80px;
  padding-right: 80px;
}
.row.pad-h-90px {
  padding-left: 90px;
  padding-right: 90px;
}
.row.pad-h-100px {
  padding-left: 100px;
  padding-right: 100px;
}
.row.pad-h-120px {
  padding-left: 120px;
  padding-right: 120px;
}
.row.pad-h-130px {
  padding-left: 130px;
  padding-right: 130px;
}
.row.pad-h-140px {
  padding-left: 140px;
  padding-right: 140px;
}
.row.pad-h-150px {
  padding-left: 150px;
  padding-right: 150px;
}
.row.pad-h-160px {
  padding-left: 160px;
  padding-right: 160px;
}
.row.pad-h-170px {
  padding-left: 170px;
  padding-right: 170px;
}
.row.pad-h-180px {
  padding-left: 180px;
  padding-right: 180px;
}
.row.pad-h-190px {
  padding-left: 190px;
  padding-right: 190px;
}
.row.pad-h-200px {
  padding-left: 200px;
  padding-right: 200px;
}
.row.pad-h-210px {
  padding-left: 210px;
  padding-right: 210px;
}
.row.pad-h-220px {
  padding-left: 220px;
  padding-right: 220px;
}
.row.pad-h-230px {
  padding-left: 230px;
  padding-right: 230px;
}
.row.pad-h-240px {
  padding-left: 240px;
  padding-right: 240px;
}
.row.pad-h-250px {
  padding-left: 250px;
  padding-right: 250px;
}
.row .row {
  max-width: none;
  width: auto;
  margin: -10px;
}
.row .row + * {
  clear: both;
}
.row .wrapper > .row {
  margin: 0;
  padding: 10px;
}
.column {
  float: left;
  padding: 15px;
  margin: 0;
  position: relative;
}
.column .column {
  padding: 10px;
}
.column.center {
  float: none;
  margin: 0 auto;
}
.col-full,
.col-12-12,
.col-center {
  clear: both;
  float: none;
}
.col-center {
  margin: 0 auto;
}
.col-1-20 {
  width: 5%;
}
.col-1-18 {
  width: 5.5555556%;
}
.col-1-16 {
  width: 6.25%;
}
.col-1-12 {
  width: 8.33333333%;
}
.col-1-10,
.col-2-20 {
  width: 10%;
}
.col-2-18 {
  width: 11.111111%;
}
.col-1-8,
.col-2-16 {
  width: 12.5%;
}
.col-3-20 {
  width: 15%;
}
.col-1-6,
.col-2-12,
.col-3-18 {
  width: 16.666667%;
}
.col-1-5,
.col-2-10,
.col-4-20 {
  width: 20%;
}
.col-4-18 {
  width: 22.222222%;
}
.col-1-4,
.col-3-12,
.col-4-16,
.col-5-20 {
  width: 25%;
}
.col-5-18 {
  width: 27.777778%;
}
.col-3-10,
.col-6-20 {
  width: 30%;
}
.col-5-16 {
  width: 31.25%;
}
.col-1-3,
.col-2-6,
.col-4-12,
.col-6-18 {
  width: 33.333333%;
}
.col-7-20 {
  width: 35%;
}
.col-3-8,
.col-6-16 {
  width: 37.5%;
}
.col-7-18 {
  width: 38.888889%;
}
.col-2-5,
.col-4-10,
.col-8-20 {
  width: 40%;
}
.col-5-12 {
  width: 41.666667%;
}
.col-7-16 {
  width: 43.75%;
}
.col-8-18 {
  width: 44.444444%;
}
.col-9-20 {
  width: 45%;
}
.col-11-24 {
  width: 45.833333%;
}
.col-15-32 {
  width: 46.875%;
}
.col-17-36 {
  width: 47.222222%;
}
.col-29-60 {
  width: 48.333333%;
}
.col-half,
.col-1-2,
.col-5-10,
.col-6-12,
.col-8-16,
.col-9-18,
.col-10-20 {
  width: 50%;
}
.col-31-60 {
  width: 51.666667%;
}
.col-19-36 {
  width: 52.777778%;
}
.col-17-32 {
  width: 53.125%;
}
.col-13-24 {
  width: 54.166667%;
}
.col-11-20 {
  width: 55%;
}
.col-10-18 {
  width: 55.555556%;
}
.col-9-16 {
  width: 56.25%;
}
.col-7-12 {
  width: 58.333333%;
}
.col-3-5,
.col-6-10,
.col-12-20 {
  width: 60%;
}
.col-11-18 {
  width: 61.111111%;
}
.col-5-8,
.col-10-16 {
  width: 62.5%;
}
.col-13-20 {
  width: 65%;
}
.col-2-3,
.col-4-6,
.col-8-12 {
  width: 66.6666666%;
}
.col-11-16 {
  width: 68.75%;
}
.col-7-10,
.col-14-20 {
  width: 70%;
}
.col-13-18 {
  width: 72.222222%;
}
.col-3-4,
.col-6-8,
.col-9-12,
.col-12-16,
.col-15-20 {
  width: 75%;
}
.col-4-5,
.col-8-10,
.col-16-20 {
  width: 80%;
}
.col-13-16 {
  width: 81.25%;
}
.col-5-6,
.col-10-12 {
  width: 83.3333333%;
}
.col-17-20 {
  width: 85%;
}
.col-7-8,
.col-14-16 {
  width: 87.5%;
}
.col-16-18 {
  width: 88.888889%;
}
.col-9-10,
.col-18-20 {
  width: 90%;
}
.col-11-12 {
  width: 91.6666666%;
}
.col-15-16 {
  width: 93.75%;
}
.col-17-18 {
  width: 94.444444%;
}
.col-19-20 {
  width: 95%;
}
.right-column,
.column.rtl {
  float: right;
}
.mat {
  padding: 20px;
}
.mat.thin-padding {
  padding: 12px;
}
.row > .mat {
  margin: 15px;
  padding: 10px;
}
.bg-white {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.bg-grey {
  background: #f2f2ec;
}
.bg-bage {
  background-color: rgb(255, 254, 248);
  background-image: url(../images/bg-paper2.png);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.bg-green {
  background-color: rgba(120, 255, 120, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.bg-blue {
  background-color: #eaedf6;
}