/*
Theme Name: Pushthebrand
Theme URI: https://dev4u.lu
Author: DEV4U
Author URI: https://dev4u.lu
Description: Thème Pushthebrand.
Version: 1.0
*/
html,
body{
	width: 100%;
	height: 100%;
	margin: 0;
}

html,
body,
body *{
	font-family: 'Montserrat', sans-serif;
}

.not-found{
	padding: 40px 0;
}
.clear{
	clear: both;
}
.floatLeft{
	float: left;
}

.container-fluid.containerCustom{
	max-width: 95%;
	margin: auto;
}

/*FRONTPAGE*/
#frontpage{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 72px;
	overflow: hidden;
}
#centerPushthebrand{
	align-self: center;
}
span#hoverBrand{
	position: relative;
	transition: ease-in all 0.20s;
	margin-left: 20px;
}
#arrowPush{
	display: none;
	position: absolute;
	right: 0;
	/* bottom: -57px; */
	background-image: url('/ptb2012/wp-content/themes/pushthebrand/assets/img/arrow_pushthebrand.png');
	width: 50px;
	height: 57px;
	transition: ease-in all 0.20s;
}

#frontpage:hover span#hoverBrand{
	display: inline-block;
	-webkit-animation: action 0.8s forwards;
	animation: action 0.8s forwards;
}
@-webkit-keyframes action {
	0% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}
@keyframes action {
	0% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}
#frontpage:hover #arrowPush{
	display: inline-block;
	-webkit-animation: actionArrow 0.8s forwards;
	animation: actionArrow 0.8s forwards;
}
@-webkit-keyframes actionArrow {
	0% { transform: translateY(0); bottom: -100vh; }
	100% { transform: translateY(-20px); bottom: -57px; }
}
@keyframes actionArrow {
	0% { transform: translateY(0); bottom: -100vh;}
	100% { transform: translateY(-20px); bottom: -57px; }
}
/*FRONTPAGE*/

/*LISTING PROJECTS*/
.figc-inner h2.jtg-title{
	background-color: #fff;
	color: #000!important;
	padding: 15px 6.5% 15px 6.5%!important;
	text-transform: uppercase;
	font-size: 16px;

	min-height: 50px;
}

/*NEW ITEMS*/
.home .vc_column-inner,
.home .wpb_wrapper,
.home .wpb_raw_code,
#sectionClients #containerVideo .vc_column-inner,
#sectionClients #containerVideo .wpb_wrapper,
#sectionClients #containerVideo .wpb_raw_code{
	height: 100%;
	width: 100%;
}
.home .wpb_raw_code,
#sectionClients #containerVideo .wpb_raw_code{
	margin-bottom: 10px;
}
.home .wpb_text_column,
#sectionClients #containerVideo .wpb_text_column{
	margin-bottom: 15px;
}

#sectionClients #containerVideo .videoDiv,
#sectionClients #containerVideo .imageDiv{
	padding-top: 65%!important;
}
#sectionClients #containerVideo .vc_row,
#sectionClients #containerVideo .wpb_column{
	width: 100%;
	height: 100%;
}

.videoDiv,
.imageDiv {
	width: 100%;
	height: 100%;
	padding-top: 60%;
	position: relative;
	overflow: hidden;
}
.videoBg{ 
	margin: auto;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	transform: translate(-50%,-50%);

	width: 100%;
	object-fit: cover;
}
.imageDiv {
	background-size: cover;
	background-position: center center;
}

.linkHoverPTB{
	position: relative;
}
.linkHoverPTB:hover .imageDiv:after,
.linkHoverPTB:hover .videoDiv:after{
	position: absolute;
	content: ""; 
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(230, 0, 126,0.5);
	background-image: url('/ptb2012/wp-content/themes/pushthebrand/assets/img/hover_push.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15%;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
	z-index: 1;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*NEW ITEMS*/




/*CUSTOM EFFECT - BASE EFFECT TERRY*/
.modula .modula-item {
	background-color: transparent!important;
	/* transition: ease-in all 0.20s; */
}
body.home .modula .modula-item:hover {
	background-color: #e6007e!important;
	transition: ease-in all 0.20s;
}
.modula .modula-item.effect-terry .figc::before {
	border-width: 0!important;
	-webkit-transform: translate3d(0,0,0)!important;
	transform: translate3d(0,0,0)!important;
}
.modula .modula-item.effect-terry .figc::after {
	border-width: 0!important;
	-webkit-transform: translate3d(0,0,0)!important;
	transform: translate3d(0,0,0)!important;
}
.modula .modula-item.effect-terry .modula-item-overlay:after{
	/*"PUSH";*/
	cursor: pointer!important;
	position: absolute;
	left: 50%;
	top: 50%;
	/* transform: translate(-50%,-50%); */
	transform: translate(-50%,calc(-50% - 25px));
	/* transform: translate(-50%,calc(-50% - 50px)); */
	background: url('/ptb2012/wp-content/themes/pushthebrand/assets/img/hover_push.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	content: "";
	width: 40%;
	height: 40%;
	max-width: 120px;
	max-height: 120px;

	/*OLD
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,calc(-50% - 50px));
	content: url('/wp-content/themes/pushthebrand/assets/img/hover_push.png');
	*/
	/*OLD*/
}
.modula .modula-item.effect-terry:hover .modula-item-overlay:after{
	cursor: pointer!important;
	z-index: 1;
}

.modula-item-content img.pic{
	height: 100%!important;
	width: 100%!important;
	inset: auto!important;
}
/*CUSTOM EFFECT - BASE EFFECT TERRY*/
/*LISTING PROJECTS*/

/*SINGLE PROJECT*/
.singleProject .wpb_text_column,
.singleProject .wpb_single_image{
	margin-bottom: 0!important;
}
.singleProject .vc_col-sm-4 .vc_column-inner{
	padding-top: 15px!important;
	padding-bottom: 15px!important;
}

.singleProject #containerImages .vc_single_image-wrapper img{
	/* width: 100%!important; */
}

.modula-video-icon .svg-inline--fa{
	width: 5em!important;
	height: 5em!important;
	box-shadow: 0 0 8px #000;
	background-color: rgba(0,0,0,0.5);
	border-radius: 100%;
}

.singleProject .vc_separator,
.vc_separator.vcSep{
	max-width: 40px;
}

.singleProject p{
	text-align: left!important;
}

.modula-gallery .modula-item{
	cursor: default!important;
}

.img-modula-custom{
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.modula-item-custom{
	margin-top: 7.5px;
	margin-bottom: 7.5px;
	padding: 0 7.5px;
}
.modula-items-custom {
    padding: 0 7.5px;
}
#sliderProjects{
	background-color: #e7e7e8;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 100px;
	margin-bottom: 100px;
}
#sliderProjects h5{
	margin-bottom: 30px;
}
.owl-carousel{
	margin-top: 7.5px;
	/* margin-top: 15px; */
}
.owl-carousel a h5{
	color: #000!important;
	font-size: 1rem;
	margin-top: 5px;
}

.owl-theme .owl-dots .owl-dot span{
	background: #000!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #e50c7c!important;
}
/*
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px!important;
}
*/
/*SINGLE PROJECT*/

/*LISTING CUSTOMERS*/
#sectionLetters{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	margin: 40px auto;
	text-align: center;
	border-bottom: solid #000 1px;
}
#listingCustomers .customer{
	position: relative;
	padding: 15px 30px;
}
#listingCustomers .customer:NOT(.letterA){
	/* display: none; */
}
#listingCustomers .customer:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 95%;
	margin: 0 auto;
	border-bottom: solid #000 1px; 
}
.spacingSearch{
	margin: 0 30px;
}
a.selectLetter{
	margin: 0 5px;
	color: #000;
	text-decoration: none;
}
a.selectLetter:hover,
a.selectLetter:active,
a.selectLetter:focus{
	text-shadow: 0 1px 1px #000;
}
/*LISTING CUSTOMERS*/

/*HEADER*/
header#header{
	background: #fff;
	padding: 60px 15px;
	height: 184px;
	min-height: 184px;
	transition: ease-in-out all 0.3s;
	/* padding: 30px 15px; */
	/* margin-bottom: 50px; */
}
header#header #headerIcons>a>.fontIconHeader{
	color: #000;
}
header#header #headerIcons>a:last-child>.fontIconHeader{
	margin-left: 20px;
}


/*HEADER POSITION FIXED*/
#header.fixed{ 
	position: fixed;
	top: 0;
	width: 100%;
	padding: 15px 15px!important;
	height: 100px!important;
	min-height: 100px!important;
	z-index: 10000;
}
#masthead.fixed{
	top: 99.99px!important;
}
/*
body:NOT(.home) header#header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10000;
}
body:NOT(.home)>.container-fluid{
	padding-top: 184px;
}
*/
/*HEADER POSITION FIXED*/


/*NAV*/
#masthead .container-fluid.containerCustom{
	position: relative;
	height: 100%;
}
#masthead{
	display: none;
	position: fixed;
	top: 183.99px;
	left: 0;
	background: #000;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#masthead #containerNav .wrap{
	display: flex;
	flex-direction: column;
}
#masthead #containerNav .wrap #menu-menu-principal-container{
	align-self: flex-end;
}
#masthead #containerNav .wrap ul{
	list-style: none;
	position: absolute;
	right: 0;
	top: calc(50% - 62px);
	transform: translate(0,-50%);
}
#masthead #containerNav .wrap ul li{
	text-align: right;
	/* padding: 5px 20px; */
	padding: 0 20px;
}
#masthead #containerNav .wrap ul li a{
	position: relative;
	font-size: 5em;
	line-height: 1em;
	text-transform: uppercase;
	color: #6b6b6b;
	text-align: right;
	text-decoration: none;
	transition: ease-in all 0.20s;
	font-weight: 200;
}
/* #masthead #containerNav .wrap ul li a:hover, */
#masthead #containerNav .wrap ul li.current-menu-item a,
#masthead #containerNav .wrap ul li.current_page_item a,
#masthead #containerNav .wrap ul li.current-page-ancestor a{
	color: #fff;
	padding-right: 80px;
	transition: ease-in all 0.20s;
}
#masthead #containerNav .wrap ul li a:hover{
	color: #fff!important;
	padding-right: 80px!important;
	transition: ease-in all 0.20s;
}
/*SAFARI DELETE TRANSITION EFFECT*/
@media not all and (min-resolution:.001dpcm) { @media { 
	#masthead #containerNav .wrap ul li a:hover,
	#masthead #containerNav .wrap ul li.current-menu-item a,
	#masthead #containerNav .wrap ul li.current_page_item a,
	#masthead #containerNav .wrap ul li.current-page-ancestor a {
		transition: none!important;
	} 
	}} 
	/*SAFARI DELETE TRANSITION EFFECT*/

	#masthead #containerNav .wrap ul li.current-menu-item a:before,
#masthead #containerNav .wrap ul li.current-page-ancestor a:before/*,
#masthead #containerNav .wrap ul li a:hover:before*/{
	content: url('/ptb2012/wp-content/themes/pushthebrand/assets/img/arrow_pushthebrand.png');
	transform: translate(0, -50%) scale(0.7) rotate(-90deg);
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	transition: ease-in all 0.20s;
}
#masthead #containerNav .wrap ul:hover li.current-menu-item a:before,
#masthead #containerNav .wrap ul:hover li.current-page-ancestor a:before{
	content: "";
}


#masthead #containerNav .wrap ul li a:hover:before,
#masthead #containerNav .wrap ul:hover li a:hover:before{

	/* #masthead #containerNav .wrap ul li:NOT(.current-menu-item):NOT(.current-page-ancestor) a:hover:before{ */
		/*VARIANTE 1*/
		content: url('/ptb2012/wp-content/themes/pushthebrand/assets/img/arrow_pushthebrand.png');
		/* transition: ease-in all 0.60s; */
		/*VARIANTE 1*/

		/*VARIANTE 2*/
	/*
	content: "";
	background: url('/wp-content/themes/pushthebrand/assets/img/arrow_pushthebrand.png');
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	*/
	transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	transition-delay: 0.2s;

	-webkit-animation-name: arrowMenu;
	-webkit-animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;  
	/*VARIANTE 2*/


	transform: translate(0, -50%) scale(0.7) rotate(-90deg);
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
}

/*SHOW arrowMenu*/
@-webkit-keyframes arrowMenu{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*NAV*/

/*HEADER*/

/*FOOTER*/
footer#footer{
	position: relative;
	background: #000;
	padding: 20px 15px;
	margin-top: 50px;
}
footer#footer,
footer#footer a{
	color: #fff;
}
.sloganFooter{
	padding: 20px 0 20px 0;
	text-transform: uppercase;
	margin: 0!important;
	font-size: 11px;
}
header#header #headerIcons>a:NOT(:last-child)>.fontIconHeader,
footer#footer #footerIcons>a:NOT(:last-child)>.fontIconFooter{
	margin-right: 15px;
	vertical-align: middle;
}
header#header #headerIcons>a:NOT(:last-child)>.fontIconHeader,
footer#footer #footerIcons>a:NOT(:last-child)>.fontIconFooter{
	margin-right: 15px;
}
header#header #headerIcons>a>.fontIconHeader{
	font-size: 24px;
	vertical-align: middle;
}
footer#footer #footerIcons>a>.fontIconFooter{
	font-size: 24px;
	vertical-align: middle;
}
footer#footer #backToTop{
	position: absolute;
	top:0;
	left: 50%;
	width: 60px;
	height: 60px;
	transform: translate(-50%,-50%);
	background: url('/ptb2012/wp-content/themes/pushthebrand/assets/img/pushthebrand_go_top.png');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}
/*FOOTER*/

/*
#################
##### MEDIA #####
#################
*/
@media screen and (min-width:1920px){
	.container-fluid.singleProject,
	.vc_row.wpb_row.vc_row-fluid{
		max-width: 1920px;
		left: inherit!important;
	}
}
@media screen and (min-width:992px){
	.imageLogo:NOT(.vide) .vc_column-inner{
		min-height: 550px!important;
	}
	/*PAGE CONTACT*/
	.imageMinHeight{
		min-height: 550px;
	}
}
@media screen and (max-width:991.99px){
	.imageLogo:NOT(.vide) .vc_column-inner{
		min-height: 450px!important;
	}
	/*PAGE CONTACT*/
	.imageMinHeight{
		min-height: 450px;
	}
}
@media screen and (max-width:767.99px){
	#frontpage {
		font-size: 32px;
	}
	span#hoverBrand {
		margin-left: 10px;
	}
	#masthead #containerNav .wrap ul li{
		padding: 5px 20px;
	}
	#masthead #containerNav .wrap ul li a{
		font-size: 2.5em;
	}
	#masthead #containerNav .wrap ul li.current-menu-item a:before,
	#masthead #containerNav .wrap ul li.current-page-ancestor a:before{
		transform: translate(0, -50%) scale(0.45) rotate(-90deg);
	}
	#masthead #containerNav .wrap ul li a:hover,
	#masthead #containerNav .wrap ul li.current-menu-item a,
	#masthead #containerNav .wrap ul li.current_page_item a,
	#masthead #containerNav .wrap ul li.current-page-ancestor a{
		padding-right: 60px;
	}
	.d-after-sm{
		display: none;
	}

	/*DETAIL PROJECT*/
	.imageLogo:NOT(.vide) .vc_column-inner{
		min-height: 400px!important;
		margin-left: 0 !important;
	}
	.containerImages .imageBg{
		min-height: 400px;
	}

	/*PAGE CONTACT*/
	.imageMinHeight{
		min-height: 360px!important;
	}
}