@CHARSET "UTF-8";
/*******************************/
div.wgalleries div.wgr_thumb{ display: inline-block; *display: inline; text-align: center; margin: 0;}
div.wgalleries div.wgr_thumb a{ display:block;}
div.wgalleries div.wgr_thumb.image_vert{ width: 100%; margin: 0 0 10px 0;}
div.wgalleries div.wgr_thumb.image_hor{display: inline-block; vertical-align:top; float: none;}
div.wgalleries div.wgr_thumb.image_hor:first-child{ margin-left:0;}
div.image_hor p{ font-size: 0.8em; height: 43px; line-height: 110%; overflow: hidden;}
div.wgallery div.wgr_thumb.image_hor:last-child{ margin-right:0;}
/****  PORTFOLIO  ****/
/****  portfolio  ****/
.portfolio {padding: 0 0 2em 0;}
.portfolio div.wgalleries{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.portfolio div.wgalleries div.wgr_thumb {display: -webkit-box; display: -ms-flexbox; display: flex; width: 19%;}
.portfolio div.wgalleries div.wgr_thumb.image_hor {margin: 4px 4px 4px 4px;}
.portfolio div.wgalleries div.wgr_thumb a.wgr_image { display: block; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 8px #ccc; padding: 10px;}
.portfolio div.wgalleries div.wgr_thumb a.wgr_image:hover { background-color: #f1f5f6; border: 1px solid #bac8cf; box-shadow: 0 0 8px #bac8cf;}
.portfolio div.wgalleries div.wgr_thumb .wgr_name {display: block;}
.portfolio div.image_hor p {margin: 1em 0 0;}
/****  portfolio1  ****/
.portfolio1 {padding: 0 0 2em 0;}
.portfolio1 div.wgalleries{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.portfolio1 div.wgalleries div.wgr_thumb {display: -webkit-box; display: -ms-flexbox; display: flex; width: 11%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.portfolio1 div.wgalleries div.wgr_thumb.image_hor {margin: 4px 4px 4px 4px;}
.portfolio1 div.wgalleries div.wgr_thumb a.wgr_image { display: block; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 8px #ccc; padding: 2px;}
.portfolio1 div.wgalleries div.wgr_thumb a.wgr_image:hover { background-color: #f1f5f6; border: 1px solid #bac8cf; box-shadow: 0 0 8px #bac8cf;}
.portfolio1 div.wgalleries div.wgr_thumb .wgr_name {display: none;}
.portfolio1 div.image_hor p {margin: 1em 0 0; display: none;}
/****  portfolio2  ****/
.portfolio2 {padding: 0 0 2em 0;}
.portfolio2 div.wgalleries{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.portfolio2 div.wgalleries div.wgr_thumb {display: -webkit-box; display: -ms-flexbox; display: flex; width: 18%;}
.portfolio2 div.wgalleries div.wgr_thumb.image_hor {margin: 8px 8px 8px 8px;}
.portfolio2 div.wgalleries div.wgr_thumb a.wgr_image {display: block; padding: 4px;}
.portfolio2 div.wgalleries div.wgr_thumb .wgr_name {display: block;}
.portfolio2 div.image_hor p {margin: 0.5em 0 0;}
.portfolio2 div.image_hor p {margin: 1em 0 0; display: none;}
/**** likery  ****/
.likery {padding: 0 0 2em 0;}
.likery div.wgalleries{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.likery div.wgalleries div.wgr_thumb {display: -webkit-box; display: -ms-flexbox; display: flex; width: 15%;}
.likery div.wgalleries div.wgr_thumb.image_hor {margin: 4px 4px 4px 4px;}
.likery div.wgalleries div.wgr_thumb a.wgr_image {display: block; padding: 4px;}
.likery div.wgalleries div.wgr_thumb .wgr_name {display: block;}
.likery div.image_hor p {margin: 0.5em 0 0;}
.likery div.image_hor p {margin: 1em 0 0; display: none;}
/**** kraft  ****/
.kraft {padding: 0 0 2em 0;}
.kraft div.wgalleries{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.kraft div.wgalleries div.wgr_thumb {display: -webkit-box; display: -ms-flexbox; display: flex; width: 31%;}
.kraft div.wgalleries div.wgr_thumb.image_hor {margin: 7px 7px 7px 7px;}
.kraft div.wgalleries div.wgr_thumb a.wgr_image {display: block; padding: 4px;}
.kraft div.wgalleries div.wgr_thumb .wgr_name {display: block;}
.kraft div.image_hor p {margin: 0.5em 0 0;}
.kraft div.image_hor p {margin: 0; background-color:#eff3f7; min-height:55px; padding: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.1em; font-style: italic;}
/****  END  OF  PORTFOLIO  ****/

/**media queries**/
@media only screen and (max-width:1200px){
.portfolio div.wgalleries div.wgr_thumb{width: 23%;}
.portfolio1 div.wgalleries div.wgr_thumb{width: 17%;}
.portfolio2 div.wgalleries div.wgr_thumb.image_hor {margin: 6px;}
.likery div.wgalleries div.wgr_thumb{width: 23%;}
}
@media only screen and (max-width:1020px){
.portfolio div.wgalleries div.wgr_thumb{width: 31%;}
.portfolio1 div.wgalleries div.wgr_thumb{width: 22%;}
.portfolio2 div.wgalleries div.wgr_thumb{width: 22%;}
}
@media only screen and (max-width:650px){
.kraft div.wgalleries div.wgr_thumb{width: 46%;}
.kraft div.image_hor p{min-height:64px;}
}
@media only screen and (max-width:620px){
.portfolio div.wgalleries div.wgr_thumb{width: 47%;}
.portfolio1 div.wgalleries div.wgr_thumb{width: 47%;}
.portfolio2 div.wgalleries div.wgr_thumb{width: 30%;}
.portfolio2 div.wgalleries div.wgr_thumb.image_hor {margin: 4px 4px 4px 4px;}
.likery div.wgalleries div.wgr_thumb{width: 47%;}
}
@media only screen and (max-width:480px){
.portfolio2 div.wgalleries div.wgr_thumb{width: 46%;}
}
@media only screen and (max-width:420px){
.kraft div.wgalleries div.wgr_thumb{width: 96%;}
.kraft div.image_hor p{min-height:55px;}
}