/*style.css*/
*{
	margin: 0;
	padding: 0;
}
body{
	padding-top: 150px;
    background-color: #000;
    padding-bottom: 150px;
    min-height: 100vh;
    height: 1px;
}
.landing-main{
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /* padding-top: 120px; */
    /* padding-bottom: 120px; */
    height: calc(100vh - 297px);
}
.container-fluid{
	max-width: 1520px;
	margin: 0 auto;
}
.group-logo{
    position: absolute;
    left: 50%;
    top: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.btn.btn-outline-light{
	border-radius: 0;
}
.copyright-text{
    color: #fff;
    background-color: #000;
    margin-bottom: 0!important;
}
.copyright-text p{
	padding-top: 60px;
    padding-bottom: 60px;
}
.logo-wrapper img{
	width: 170px;
}

@media (min-width: 992px){
	.group-logo img{
		width: 320px;
	}
	.logo-holder a{
		position: relative;
		display: inline-block;
	}
	.logo-holder a:before{
		pointer-events: none;
		position: absolute;
		content: '';
		bottom: -30px;
		left: 5%;
		height: 10px;
		width: 90%;
		filter: alpha(opacity=0);
		opacity: 0;
	  	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
	  	background: -webkit-radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
	  	background: -moz-radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
	  	background: -o-radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
		-o-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-o-transition-property: transform, opacity;
		-ms-transition-property: transform, opacity;
		-webkit-transition-property: transform, opacity;
		transition-property: transform, opacity;
	}
	.logo-holder a:hover:before, 
	.logo-holder a:focus:before, 
	.logo-holder a:active:before {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.logo-holder span {
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	.logo-holder a:hover span, 
	.logo-holder a:focus span, 
	.logo-holder a:active span {
		-o-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.logo-holder.un{
		animation-duration: .8s;
		animation-delay: .2s;
		animation-timing-function: ease-in;
	}
	.logo-holder.deux{
		animation-duration: .8s;
		animation-delay: .4s;
		animation-timing-function: ease-in;
	}
	.logo-holder.quatre{
		animation-duration: .8s;
		animation-delay: .8s;
		animation-timing-function: ease-in;
	}
	.logo-holder.trois{
		animation-duration: .8s;
		animation-delay: .6s;
		animation-timing-function: ease-in;
	}
	.logo-holder .btn-animator{
		/*display: none;
		transition: 1s ease-in-out;
		overflow: hidden;*/
		visibility: hidden;
	   	opacity: 0;
		transition: visibility 0s, opacity 0.4s ease-in-out;

	}
	.logo-holder a:hover .btn-animator{
		visibility: visible;
  		opacity: 1;
  		transition: visibility 0s, opacity 0.4s ease-in-out;
	}
	.grow { transition: all .4s ease-in-out; }
	.grow:hover { transform: scale(1.1); }
	.logo-holder{
		padding-top: 170px!important;
	}
}
@media (max-width: 1400px){
	.logo-wrapper img{
		width: 180px;
	}
}
@media (max-width: 1300px) and (min-width: 992px){
	.logo-wrapper img{
		width: 150px;
	}
	/*.un .logo-wrapper img{
		width: 160px;
	}*/
	/*.landing-main{
		height: calc(100vh - 90px);
	}*/
}
@media (max-width: 991px){
	.btn{
		font-size: .9rem;
	}
	.group-logo{
		top: 50px;
	}
	.group-logo img{
		width: 300px;
	}
	.logo-container:before{
		content: '';
	    position: absolute;
	    width: 100%;
	    border-top: 1px solid #fff;
	    background: #fff;
	    top: 0;
	    left: 0;
	}
	.landing-main{
		height: auto;
		/*padding-top: 80px;*/
		padding-top: 80px;
		padding-bottom: 80px;

	}
}
@media (max-width: 767px){
	.group-logo img{
		width: 270px;
	}
	.logo-wrapper img{
		width: 155px;
	}
	.landing-main{
		padding-top: 80px;

	}
}
@media (max-width: 575px){
	body{
		padding-top: 135px;
	}
	.logo-wrapper img{
		width: 130px;
	}
	.group-logo img {
    	width: 240px;
	}
	.landing-main{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.copyright-text{
		font-size: 13px;
	}
	.copyright-text p{
		padding-top: 30px;
    	padding-bottom: 30px;
	}
	.btn{
		font-size: 12px;
	}
}
@media (max-width: 420px){
	.logo-wrapper img{
		width: 90px;
	}
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
    	.landing-main {
		    padding-top: 80px;
		    padding-bottom: 120px;
}
     }