/* colors
 ------------------------------------------------------------- */
/* black, textcolor */
/* white, background-color */
/* darkgrey bckgrd */
/* lightgrey bckgrd */
/* grey disabled */
/* grey light weeditmode */
/* blue light weeditmode */
/* blue dark weeditmode */
/* grey leight navabr */
/* grey bootstrap */
/* vida green */
/* vida brown */
/* vida yellow */
/* vida light yellow */
/* orange error */
/* margins / paddings
 ------------------------------------------------------------- */
/* mixins
 ------------------------------------------------------------- */
/* borders
 ------------------------------------------------------------- */
/* margins / paddings
 ------------------------------------------------------------- */
/* ----------------------------------------------------------
 CSS for widgets and modules
 ------------------------------------------------------------- */
/* ----------------------------------------------------------
 text in cols
 ------------------------------------------------------------- */
.text-3-cols {
  min-height: auto !important;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -o-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -o-column-gap: 30px;
  -ms-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: 1px dotted #679b1d;
  -moz-column-rule: 1px dotted #679b1d;
  -o-column-rule: 1px dotted #679b1d;
  -ms-column-rule: 1px dotted #679b1d;
  column-rule: 1px dotted #679b1d; }
  @media (max-width: 991px) {
  .text-3-cols {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -o-column-count: 1;
    -ms-column-count: 1;
    column-count: 1; } }

.text-3-cols.data p {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column; }
/* ----------------------------------------------------------
 Owl sliders
 ------------------------------------------------------------- */
.owl-nav .owl-prev, .owl-nav .owl-next {
  position: absolute;
  overflow: hidden;
  display: block;
  height: 30px;
  width: 40px;
  top: 50%;
  margin: -20px 10px 0;
  padding: 0;
  opacity: 0;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  color: #111;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
  -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
  -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1); }

.owl-nav .owl-prev {
  background: url(/pictures/assets/button-back-01.png) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 0 !important;
  left: -20px; }

.owl-nav .owl-next {
  background: url(/pictures/assets/button-forward-01.png) !important;
  background-repeat: no-repeat !important;
  background-position: 5px 0 !important;
  right: -20px; }

.owl-carousel:hover .owl-nav .owl-prev {
  opacity: 0.7;
  left: 0px; }

.owl-carousel:hover .owl-nav .owl-next {
  opacity: 0.7;
  right: 0px; }

.owl-theme .owl-dots .owl-dot span {
  background-color: #dec66f; }

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #679b1d; }
/* ----------------------------------------------------------
 widget-nav
 ------------------------------------------------------------- */
.widget-nav a {
  color: #555;
  text-decoration: none; }
  .widget-nav li.active a {
    color: #679b1d; }
  .widget-nav a:hover {
    color: #679b1d; }
/* ----------------------------------------------------------
 listviews
 ------------------------------------------------------------- */
.listview .row {
  margin-bottom: 30px; }
  .listview .lv-row a, .listview .lv-row a span.itemImg {
    display: inline-block;
    width: 100%;
    overflow: hidden; }
/* ----------------------------------------------------------
 labellist
 ------------------------------------------------------------- */
.labellist label + * {
  padding-bottom: 10px; }
/* ----------------------------------------------------------
 widget-picture-text
 ------------------------------------------------------------- */
.wpt-picture {
  margin-bottom: 20px; }
/* ----------------------------------------------------------
 widget-callback
 ------------------------------------------------------------- */
.callback-ok {
  color: #679b1d; }
/* ----------------------------------------------------------
 works grid hover effect
 ------------------------------------------------------------- */
.lv-row a {
  display: inline-block;
  width: 100%;
  overflow: hidden; }
  .lv-row a img {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
    .lv-row a img:hover, .lv-row a img.active {
      -webkit-transform: scale(1.08, 1.08);
      -moz-transform: scale(1.08, 1.08);
      -o-transform: scale(1.08, 1.08);
      -ms-transform: scale(1.08, 1.08);
      transform: scale(1.08, 1.08); }
/*.lv-row a,.lv-row a span.itemImg {
 display: inline-block;
 width: 100%;
 overflow: hidden;
 }
 .lv-row a img {
 -webkit-transition: 0.3s ease-out;
 -moz-transition: 0.3s ease-out;
 -o-transition: 0.3s ease-out;
 transition: 0.3s ease-out;
 }
 .lv-row a img:hover, img.active {
 -webkit-transform: scale(1.08, 1.08);
 -moz-transform: scale(1.08, 1.08);
 -o-transform: scale(1.08, 1.08);
 -ms-transform: scale(1.08, 1.08);
 transform: scale(1.08, 1.08);
 }*/
/* ----------------------------------------------------------
 works grid
 ------------------------------------------------------------- */
#portfolio #works-grid .grid-item {
  margin-bottom: 30px; }
  @media (max-width: 768px) {
  #portfolio #works-grid .grid-item {
    float: left;
    margin-bottom: auto; } }
  #portfolio #works-grid .work-caption {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px 15px 0px 15px;
    font-size: 1em;
    color: #fff; }
  #portfolio #works-grid .work-caption h3 {
    margin: 0px;
    padding: 4px;
    background-color: #679b1d; }
  #portfolio #works-grid a:hover .work-caption h3 {
    background-color: #555; }
  #portfolio #works-grid img {
    min-width: 100%; }
/* ----------------------------------------------------------
 content-project
 ------------------------------------------------------------- */
.project-description {
  margin-top: 30px; }

.project-top {
  background-color: #f7f1dc; }

.project-bottom {
  background-color: #fff; }

.bckgrdgallerybut {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: none;
  background-color: transparent; }

.bckgrdgallerybut:hover {
  background-position: 0px -30px; }

.bckgrdgallery-open {
  position: absolute;
  width: 30px;
  top: 5px;
  left: 20px;
  background-image: url(/pictures/assets/button-plus-01.png);
  background-color: transparent !important;
  z-index: 10; }

#bckgrdgallerynav {
  position: fixed;
  width: 100%;
  top: 0px;
  padding: 10px 0px 10px 0px;
  /*background-color: $color13;*/
  background-color: rgba(247, 241, 220, 0.6);
  border-bottom: 1px solid #e7e7e7 !important;
  z-index: 100; }
  #bckgrdgallerynav h1 {
    font-size: 1.4em;
    color: #679b1d;
    margin: 0;
    padding: 5px 0 0 0; }
  #bckgrdgallerynav .bckgrdgallery-prev {
    background-image: url(/pictures/assets/button-back-01.png); }
  #bckgrdgallerynav .bckgrdgallery-pause {
    background-image: url(/pictures/assets/button-pause-01.png); }
  #bckgrdgallerynav .bckgrdgallery-next {
    background-image: url(/pictures/assets/button-forward-01.png); }
  #bckgrdgallerynav .bckgrdgallery-close {
    background-image: url(/pictures/assets/button-close-01.png);
    margin-left: 40px; }