html {}

figure {}
	figure a.img-overlay { position: relative; text-align: center; display: block; }
		figure a.img-overlay span.icon-overlay { color: #fff; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow:hidden; }
		figure a.img-overlay span.icon-overlay::before {
			content:'\002B';
			background-color: rgba(0,0,0,0);
			display: flex;
			flex-direction: column;
			justify-content: center;
			width: 100%; height: 100%;
			font-size: 60px;
			opacity: 0;
			-webkit-transition: opacity 0.6s, background-color 0.3s linear;
			-ms-transition: opacity 0.6s, background-color 0.3s linear;
			transition: opacity 0.6s, background-color 0.3s linear; }
		figure a.img-overlay span.icon-overlay:hover::before { background-color: rgba(0,0,0,0.5); opacity: 1; }

.end { margin-bottom: 0!important; }
.text-upper { text-transform: uppercase; }
.is-wrapper { padding: 0 20px; }

.is-container-full, .is-container-large, .is-container-medium, .is-container-small { min-width: 0; margin: 0 auto; }
.is-container-small { max-width:420px; }
.is-container-medium { max-width:800px; }
.is-container-large { max-width: 1110px; }
.is-container-full { max-width: 1600px; }

.is-sidebar { flex:0 0 28%; max-width:28%; }
.is-content { flex:1; min-width:0; padding-left:56px; }

    .slider { position: absolute; top: 0; left: 0; z-index: -100; width: 100%; height: 100%; }
    .bxslider, .bx-wrapper, .bx-viewport { position: relative; width: 100%; height: 100%; }
    .bx-wrapper .bx-viewport { border: none; box-shadow: none; }
        .slide { width: 100%; height: 100%; }

.is-fill-height {
	display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
	-moz-box-orient: vertical; -moz-box-direction: normal;
	-ms-flex-direction: column; flex-direction: column;
}
	.is-fill-height > div {
		display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
		-webkit-box-pack: center; -webkit-justify-content: center;
		-moz-box-pack: center; -ms-flex-pack: center; justify-content: center;
		-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
		-moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column;
		flex-direction: column;
	}
	.is-fill-height > div.flex { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
	.is-fill-height > .flex-start { justify-content: flex-start; }

.footer { color: #fff; background: #313131; }
#footer-copyright { background: #1b1b1b; }
	#footer-copyright small {color: #fff;}

/* PJAX =Progress */
#tools-progress { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; height: 6px; }
#tools-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #1a52a5;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }
@-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }
@keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }

#tools-progress span { background-color: #66cc99; }
/* End PJAX */

/* Images effect */
figure img {
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
}

figure.image-object-fit { width: 100%; height: 100%; }
figure.image-object-fit.compat-object-fit { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
	figure.image-object-fit img { width: 100%; height: 100%; object-fit: cover; }
	figure.image-object-fit.compat-object-fit img { opacity: 0; }

figure.responsive { position: relative; overflow: hidden; }
	figure.responsive img { width: 100%; height: auto; }

/* End Images */

@media screen and (max-width: 1024px) {
}

/* tablets */
@media screen and (max-width : 980px) {
	
}
/* mobile */
@media screen and (max-width : 767px) {
	.is-sidebar { flex:0; max-width:100%; }
	.is-content { padding-left:0; }
}