/*====================== reset.css is here =======================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: 'Roboto Condensed', sans-serif;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.no_bg_pad { background: none !important; padding: 0 !important; }
.no_bg { background: none !important; }
.no_pad { padding: 0px !important; }
.no_mar { margin: 0px !important; }
.no_border { border: none !important; }
.clear { clear: both; height: 0px; display: block; }
.flt_lft { float: left !important; }
.flt_rht { float: right !important; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#infscr-loading { position: fixed; text-align: center; bottom: 30px; left: 50%; z-index: 100; background: white; background: hsla( 0, 0%, 100%, 0.9 ); padding: 8px; color: #222; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
html, body { height:100%; }
/*.wrapper { width:100%; max-width:1400px; margin:0 auto; }*/
/*.left_bar { width:30%; height:100%; position:fixed; padding:0 15px; overflow:auto; }*/
/*.right_section { width:70%; float:right; padding:15px; }*/
.logo { text-align:center; position:relative; }
.logo img { width:100%; height:auto; display:inline-block; max-width:250px; }
/*.info { width:110px; margin:50px auto 0; }*/
.info ul { width:100%; float:left; display:block; }
.info ul li { width:100%; float:left; display:block; border-bottom:1px solid #9d9fa2; padding:10px 0; font-size:11px; line-height:14px; color:#9d9fa2; font-family:Arial, Helvetica, sans-serif; }
.info ul li a { color:#9d9fa2; text-decoration:none; }
.info ul li a:hover { text-decoration:underline; }
.info ul li span { display:block; }
.info ul li i { font-style:italic; }
.info ul li:last-child { border:none; }

.grid { width:100%; float:left; display:block; padding:0; }
.grid .grid-item { float:left; margin:0 0 20px 0; width: calc( ( 100% - 20px ) / 2 ); }
.grid .grid-item a.fancybox, .grid .grid-item2 a.fancybox  { display:block; overflow:hidden; }
.grid .grid-item img, .grid .grid-item2 img { width:100%; height:auto; display:block;}
.grid .grid-item3 {width: 100%;}
#pagination { opacity:0; }

.homegrid { width:100%; float:left; display:block;}
.homegrid li { width:50%; float:left; display:block; padding:15px 10px;}
.homegrid li a { display:block; text-decoration:none;}
.homegrid li img { width:100%; height:auto; display:block;}
.homegrid li span { display:block; font-size:12px; line-height:16px; color:#6d6d6d; text-transform:uppercase; text-align:right; padding:10px 0;}

.wrapper { max-width:1400px;}
.logo { margin-top:30px; text-align:left;}
.left_bar { width:25%; max-width:380px; height:100%; position:fixed; padding:0 15px; overflow:auto; left:0; top:0; }
.right_section { width:70%; float:left; padding:15px; margin-left:25%; }
.info { width:110px; position:fixed; bottom:20px; left:80px;}


/* Responsive */
@media (min-width:992px) and (max-width:1200px) {
}
@media (min-width:768px) and (max-width:991px) {
.info { left:5%;}	
}
@media (max-width:767px) {
.left_bar, .right_section { width:100%; padding:15px; margin:0;}
.left_bar {position:static;}
/*.grid .grid-item {margin:0 0 15px 0; width: calc( ( 100% - 15px ) / 2 );}*/
.logo, .info {width:50%;float:left;margin:0; position:static;}
.logo img {max-width:150px;}
#infscr-loading {left:20%;}
}

.page-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.gif') 50% 50% no-repeat #ffffff;
}

 .pagination {
    display: block !important;
}
.pagination__next {
    display: inline-block;
    background: #ffffff;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    font-family: inherit;
    text-decoration: none;
    font-weight: 600;
    color: #ffffff;
	width:0px;
	height:0px;
	overflow:hidden;
}

.pagination__next:hover {
    background: #ffffff;
}




.grid {
  max-width: 1200px;
}

/* reveal grid after images loaded */
.grid.are-images-unloaded {
  opacity: 0;
}

.grid__item,
.grid__col-sizer {
  width: 32%;
}

.grid__gutter-sizer { width: 2%; }

/* hide by default */
.grid.are-images-unloaded .image-grid__item {
  opacity: 0;
}

.grid__item {
  margin-bottom: 20px;
  float: left;
}

.grid__item--height1 { height: 140px; background: #EA0; }
.grid__item--height2 { height: 220px; background: #C25; }
.grid__item--height3 { height: 300px; background: #19F; }

.grid__item--width2 { width: 66%; }

.grid__item img {
  display: block;
  max-width: 100%;
}


.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}

/* loader ellips in separate pen CSS */