/* CSS Document */

html{overflow-y:scroll}

body{font-family:Helvetica,Arial,Verdana;background:url('../../contact-us.html') repeat 0 0;margin:0;}

#info{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fcf8e3;border:1px solid #fbeed5;width:95%;max-width:900px;margin:0 auto 40px auto;font-family:arial;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}

#info .info-wrapper{padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}

#info a{color:#c09853;text-decoration:none}

#info p{margin:5px 0 0 0}

.container{position:relative;margin:0 auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}

#filters{margin:1%;padding:0;list-style:none;background-color:#f1f0f0;border:#e2e1e1 solid 1px;padding:8px 2px 4px 20px}

#filters li{float:left;background:#ffff7;color:#fff;border-radius:25px;border:#000000 solid 1px;margin:0 5px 10px 0}

#filters li span{display:block;padding:8px 20px;text-decoration:none;color:#666;cursor:pointer;font-family:Tahoma;font-size:14px;font-weight:700}

#filters li span.active{background:#f7bf22;color:#000000;border-radius:25px}

#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:auto;margin:1%;height:auto !important;display:none;float:left;overflow:hidden}

.portfolio-wrapper{overflow:hidden;position:relative!important;cursor:pointer}

.portfolio img{max-width:100%;position:relative;top:0;-webkit-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1);transition:all 600ms cubic-bezier(0.645,0.045,0.355,1);border:#dcdbdb solid 1px;padding:5px}

.portfolio .label{position:absolute;width:100%;height:40px;bottom:-40px;-webkit-transition:all 300ms cubic-bezier(0.645,0.045,0.355,1);transition:all 300ms cubic-bezier(0.645,0.045,0.355,1)}

.portfolio .label-bg{background:#e95a44;width:100%;height:100%;position:absolute;top:0;left:0}

.portfolio .label-text{color:#fff;position:relative;z-index:500;padding:5px 8px}

.portfolio .text-category{display:block;font-size:9px}

.portfolio:hover .label{bottom:0}

.portfolio:hover img{top:0}

.text-title{font-family:calibri;font-size:14px;color:#FFF;text-align:center;line-height:28px}

 @media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}

}

 @media only screen and (max-width:767px){.container{width:95%}

#portfoliolist .portfolio{width:48%;margin:1%}

#ads{display:none}

}

 @media only screen and (min-width:480px) and (max-width:767px){.container{width:70%}

#ads{display:none}

}

  .container:after{content:"020";display:block;height:0;clear:both;visibility:hidden}

.clearfix:before,.clearfix:after,.row:before,.row:after{content:'020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.row:after,.clearfix:after{clear:both}

.row,.clearfix{zoom:1}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.product-filter{width:1000px}

@media(max-width:767px){.product-filter{width:100%}

#filters{padding:8px}

#portfoliolist .portfolio{height:auto!important}

}