/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
/* div { position:relative }  */
/* END RESET STYLES */


html{-webkit-font-smoothing:antialiased;}
body{background:#f5f5f5 url("../images/bkg-pat.png") repeat scroll 0 0;font: 12px Oswald, sans-serif, "Arial Narrow";color:#333333;}
.portfolio-categ a{color:#65a42d;text-decoration:none; letter-spacing:4.5px; border:1px solid #333; font:600 16px 'Oswald', sans-serif; padding:5px 15px; color: #333;}
.portfolio-categ a:hover{color:#fff;  background-color: #343a40; -webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;}
.column-clear{ clear:both;}
.wrapper{ margin:0px auto; padding:0px;width:1080px;}
.portfolio-content, .portfolio-area{max-width:1000px; width:100%; margin:0 auto; height:auto; text-align:center;}
.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{text-align:center; padding:4% 0 3% 0}
.portfolio-categ li{display:inline;font:600 16px 'Oswald', sans-serif; padding:5px 4px; color: #333;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:2px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio-area li{float: left;margin:0;overflow: hidden;width: 245px;padding:5px;}
.home-portfolio-text{margin-top:10px;}
.portfolio-categ li.active a{ font:600 16px 'Oswald', sans-serif; padding:5px 15px; color: #fff;
    background-color: #343a40;
    border-color: #343a40; letter-spacing:4.5px}
/**** END PORTFOLIO STYLES*****/


@media screen and (max-width:900px){
.portfolio-categ a{padding:5px 2px; font-size:14px;}
}

@media screen and (max-width:800px){
.portfolio-categ a{padding:5px 8px; font-size:14px;}
.portfolio-categ li{margin:8px 2px; display:inline-block}

}
@media screen and (max-width:767px){
	.portfolio-area li{width:50%;}
	
}