/*
Theme Name: HyperX Child
Template: hyperx
Theme URI: http://themeforester.net/
Description: The Portfolio Website Designer.
Author: Royal-Flush
Author URI: http://themeforest.net/user/Royal-Flush
Version: 1.9
Tags: light, dark, left-sidebar, custom-menu, post-formats, theme-options, translation-ready
License: See in Zip Package
License URI: See in Zip Package
*/


/* Theme customization starts here
-------------------------------------------------------------- */

.hidden, .stacked-caption {
  display: none;
}
.galerie-image{     
    width: 33%;
	padding: 3px;
}
@media all and (max-width: 1050px){
	.galerie-imagee { width: 50%;}
}
@media all and (max-width: 767px){
	.galerie-image { width: 100%;}
}
a.pp_close {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url(https://img.icons8.com/material-rounded/24/ffffff/delete-sign.png) no-repeat 50% 50%;
	z-index:200000;
}
a.pp_expand,a.pp_contract {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url(https://img.icons8.com/material-rounded/24/ffffff/expand.png) no-repeat 50% 50%;
}
a.pp_next{
	position: fixed;
    top: 20%;
    bottom: 20%;
    right: 1%;
	float: none!important;
    height: initial!important;
}
a.pp_next:hover{
	background: transparent url(https://img.icons8.com/ios-glyphs/30/ffffff/chevron-right.png) no-repeat 90% 50%;
}
a.pp_previous{
	position: fixed;
    top: 20%;
    bottom: 20%;
    left: 1%;
	float: none!important;
    height: initial!important;
}
a.pp_previous:hover{
	background: transparent url(https://img.icons8.com/ios-glyphs/30/ffffff/chevron-left.png) no-repeat 10% 50%;
}
.back-to-top {
    z-index: 10300!important;
}
.copy-and-soc{
	position: relative;
	z-index: 10100;
}
.footer-block {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1320px;
    margin: 0 auto;
	padding: 16px 10px 40px 10px!important;
	font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.line-space, .nav-block li{
	line-height: 18px;
}
.footer-contact {
    flex: 0 0 33%;
	padding: 0 16px;
}
.footer-socials .socials-wrap .fab {
    background-color: rgba(255,255,255, 0);
    color: #ffffff;
}
.copyright-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 16px 0!important;
    background-color: rgba(21,21,21,1);
}
footer h5{
	line-height: 32px;
	text-decoration: underline;
	-webkit-text-underline-position: under;
  	-ms-text-underline-position: below;
  	text-underline-position: under; 
}
.footer-address {
    flex: 0 0 33%;
	padding: 0 16px;
}
.addresses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px;
}
.nav-block {
    flex: 0 0 17%;
	padding: 0 16px;
}
.block-address {
    flex: 0 0 50%;
}
.footer-block .logo-img {
    flex: 0 0 100%;
    margin-bottom: 16px;
}
.footer-block .logo-img img {
    max-width: 175px;
    margin: 0 auto;
}
.footer-block {
    color: white;
}
.footer-block a {
    color: white;
}
.footer-block a:hover {
	color: #8d8d8d;
}
p.infos-block {
    font-size: 9px!important;
    margin-top: 5px;
}
@media all and (min-width: 631px) and (max-width: 950px){
	.footer-contact, .footer-address, .nav-block {
    	flex: 0 0 49% !important;
	}
}
@media all and (max-width: 630px){
	.footer-contact, .footer-address {
    	flex: 0 0 100% !important;
		margin-bottom: 16px;
	}
	.nav-block {
    	flex: 0 0 49% !important;
	}
}