@charset "UTF-8";
/* CSS Document */


html,
body {
	margin:0;
	padding: 0;
	overflow-x: hidden;
	background-color: #fff;
}

.no_phone_temp {
}


#wrapper_home {
	 width:100%;
     height:100vh;
     overflow: hidden;
    background: url("shared_dior_press/images/white_intro.jpg") no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
	z-index : 0;
  
}

#login_square {
}


.opacity_0 {
	-webkit-transition: opacity 2s; /* Safari */
    transition: opacity 2s;
	opacity:0;
}

.opacity_1 {
	opacity: 1;
}



.start_anime {
  animation: pulse 3s forwards;
  -webkit-animation: pulse 3s forwards;
  -webkit-transition-timing-function: ease-in-out; /* Safari */
	transition-timing-function: ease-in-out;
}



@keyframes pulse {
  0% {
    -ms-transform: scale(0.90); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari */
    transform: scale(0.9);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
	opacity: 0;
  }
  50% {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
	opacity: 1;
  }
  100% {
	  -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
	opacity: 1;
  }
}

.start_anime_2 {
  animation: pulse_2 8s Infinite;
  -webkit-animation: pulse_2 8s Infinite;
  -webkit-transition-timing-function: ease-in-out; /* Safari */
	transition-timing-function: ease-in-out;
}


@keyframes pulse_2 {
  0% {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.3);
  }
  50% {
    -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari */
    transform: scale(0.9);
	-webkit-box-shadow:  0px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 0px rgba(0, 0, 0, 0.2);
  }
  100% {
     -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.3);
  }
}

.roll_in {
  animation: roll_in 1s forwards;
  -webkit-animation: roll_in 1s forwards;
  -webkit-transition-timing-function: ease-in-out; /* Safari */
	transition-timing-function: ease-in-out;
}


@keyframes roll_in {
  0% {
	   -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
  }
  100% {
    	-ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05);
	-webkit-box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.4);
  }
}

.roll_out {
  animation: roll_out 1s forwards;
  -webkit-animation: roll_out 1s forwards;
  -webkit-transition-timing-function: ease-in-out; /* Safari */
	transition-timing-function: ease-in-out;
}


@keyframes roll_out {
  0% {
	  -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05);
		-webkit-box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.4);
  }
  100% {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
	-webkit-box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow:  1px 1px 2px rgba(0, 0, 0, 0.4);
  }
}



#logo_dp {
	margin: 40px 40px 20px 40px;
	-webkit-transition: opacity 2.5s; /* Safari */
    transition: opacity 2.5s;
	-webkit-transition-timing-function: ease-in-out; /* Safari */
	transition-timing-function: ease-in-out;
}

#menu_login {
	-webkit-transition: opacity 2.5s; /* Safari */
    transition: opacity 2.5s;
	-webkit-transition-timing-function: ease-in-out; /* Safari */
	transition-timing-function: ease-in-out;
}

#welcome {
opacity:0;
-webkit-transition: opacity 1s; 
    transition: opacity 1s;
}

/*************************************************************************************/
/********************************* FONTS ********************************************/
/*************************************************************************************/


.shadow_index {
	-webkit-box-shadow:  2px 2px 3px rgba(0, 0, 0, .2);
    box-shadow:  2px 2px 3px rgba(0, 0, 0, .2);
}


.lang_intro {
	font-family: 'Font_Project1';
	font-size: 14px;
	margin: 0 10px;
	color:#888;
	cursor: pointer;
	
	-webkit-transition: color 0.4s; /* Safari */
    transition: color 0.4s;
}

.lang_intro:hover {
	
	color:#000000;
}

.enter_intro {
	font-size: 14px;
}

#login_square{
 width:300px;
 height:300px;
 margin:0 auto;
 background:#fff;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-150px;
 margin-top:-150px;
}


#comp_intro_logo {
	height:40px
}


@media (max-width: 1380px) {
	#login_square{
	 width:200px;
	 height:200px;
	 margin:0 auto;
	 background:#fff;
	 position:absolute;
	 left:50%;
	 top:50%;
	 margin-left:-100px;
	 margin-top:-100px;
	}
	
	#logo_dp {
		margin: 30px 40px 0px 40px;
	}
	
	.enter_intro {
		font-size: 11px;
	}
 #comp_intro_logo {
	 height:20px
	}
}


.panel-default {
 opacity: 0.9;
 margin-top:30px;
}
.form-group.last {
 margin-bottom:0px;
 
 text-align: center;
}

.panel-footer {
	position:absolute;
	bottom:0px;
	width: 100%;
	background-color:#ffffff;
	border:none;
	text-align: center;
}

.btn-default {
  color: #333;
  background-color: #ddd;
  border-color: #ccc;
}

.roll_square_home {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
	-webkit-box-shadow:  2px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow:  2px 2px 3px rgba(0, 0, 0, 0.3);
	opacity: 0.5;
}

.form-control:focus {
  border-color: #888888;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);
}


a {
  color: #666;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}