@charset "UTF-8";
html {
	font-size: 62.5%;
	height: 100%;
	overflow-x: hidden;
}

/************* GLOBAL ******************/

body
{
	position: relative;
	width:100%;
    height: 100%;
    margin:0 auto;
	
	background:url('../img/BG IMG Atacama.jpg') no-repeat center center fixed;
    background-size: cover;
    background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size:1.6rem;
    line-height:1.8;
}

/************* ADMIN PAGE ******************/

.admin_page
{
	width:100%;
    height: 100%;
	background:url('../img/BG IMG Atacama.jpg') no-repeat center center fixed;
    background-size: cover;
    background-repeat:no-repeat;
	
	text-align: center;
}

.inline-block
{
	display: inline-block;
	
	vertical-align: middle;
}

.width1px
{
	width: 1px;
	height: 100%;
}

#password
{
	padding: 7px;
	width: 190px;
	
	border: 3px solid #000;
	
    background-color: transparent;
}

.admin_input::placeholder
{
	color: #000;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.admin_input::-webkit-input-placeholder {
    color: #000;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.admin_input::-moz-placeholder {
    color: #000;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.admin_input::-ms-placeholder {
    color: #000;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.admin_login_button
{
	padding-top: 14px;
}

.login_button
{
	width: 191px;
	margin: auto;
	padding: 7px;
	
	background-color: #25468b;
	border: none;
	
	color: white;
	font-size: 15px;
	font-weight: bold;
	
	border-radius: 5px;
	
	cursor: pointer;
}

.login_button:hover
{
	background-color: #019027; 
}

.wrong_pass
{
	display: none;
	
	color: #cc0202;
	font-size: 18px;
}

.confirm_button
{
	padding: 7px;
	margin-right: 18px;
	
	background-color: #25468b;
	border: none;
	
	color: white;
	font-size: 15px;
	font-weight: bold;
	
	border-radius: 5px;
	
	cursor: pointer;
}

.yes_button:hover
{
	background-color: #019027; 
}

.del_button
{
	background-color: #ff0000;
}

.del_button:hover
{
	background-color: #f74343;
}

.table_holder
{
	padding-top: 50px;
	
	text-align: center;
}

table 
{
	width: 60%;
	margin: auto;
	margin-top: 50px;
	
	border-collapse: collapse;
}

th, td 
{
	padding: 8px;
	
	border: 2px solid #fff;
}

th
{
	background-color: #4f81bd;
	
	color: #fff;
	text-align: left;
}

tr
{
	background-color: #e9edf4;
}

tr:nth-child(even) {
  background-color: #d0d8e8;
}

td a
{
	color: #000;
	font-size: 17px;
}

.delete_contact
{
	color: #000;
	
	cursor: pointer;
}

td a:hover, .delete_contact:hover
{
	color: #fff;
}

.delete_contact_pop
{
	display: none;
	position: fixed;
    left: 0px;
    top: 0px;
	
    width: 100%;
    height: 100%;
	
    background-color: rgba(232, 232, 232, 0.9);
	
	text-align: center;
	
    z-index: 100;
    
}

.answer_quest
{
	position: relative;
	top: 250px;
	
	width: 30%;
	margin: auto;
	padding: 20px 20px 20px;
	
	background-color: #fff;
	
	border-radius: 10px;
}

.answer_buttons
{
	padding: 12px;
}

.width_45
{
	display: inline-block;
	
	width: 45%;
}

.confirm_button
{
	cursor: pointer;
}

.table_input
{
	padding: 8px;
	
	border: none;
}

.table_textarea
{
	border: none;
	resize: none;
}

.contact_error
{
	border: 1px solid #fc0000;
} 

.save_button
{
	width: 80px;
	margin: auto;
	padding: 7px;
	
	background-color: #25468b;
	border: none;
	
	color: white;
	font-size: 15px;
	font-weight: bold;
	
	border-radius: 5px;
	
	cursor: pointer;
}

.save_button:hover, .add_contact_button:hover, .logout_button:hover, .cms_button:hover
{
	background-color: #019027; 
}

.top_search
{
	padding-top: 20px;
	
	text-align: center;
}

.table_search
{
	display: inline-block;
	width: 41%;
	
	text-align: left;
}

.search_input
{
	width: 90%;
	padding: 14px;
	
	border: none;
}

.contact_button
{
	display: inline-block;
}

.add_contact_button, .logout_button, .cms_button
{
	width: 140px;
	margin: auto;
	padding: 8px;
	
	background-color: #25468b;
	border: none;
	
	color: white;
	font-size: 15px;
	font-weight: bold;
	
	border-radius: 5px;
	
	cursor: pointer;
}

.wrong_email
{
	display: none;
	
	padding-top: 15px;
	
	color: #cc0202;
	font-size: 18px;
	text-align: center;
}

.my-main-menu span
{
	font-size: 20px;
}

a
{
	text-decoration:none;
}

p
 {
	text-align: justify;
}

img 
{
	max-width:100%;
	max-height:100%;
}



*, *:after, *:before 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


a 
{
	display: inline-block;
	position: relative;

	color: #fff;
	font-size: 18px;
	cursor: pointer;

	background: none;
	background: transparent; 

	border: none; 
}

/************** button 1 **************/
.btn-1::before
{
	left: 50%;
	top: 0;
	transition-duration: 0.4s;
}

.btn-1::after
{
	left: 50%;
	bottom: 0;
	transition-duration: 0.4s;
}

.btn-1 span::before
{
	left: 0;
	top: 50%;
	transition-duration: 0.4s;
}

.btn-1 span::after
{
	right: 0;
	top: 50%;
	transition-duration: 0.4s;
}

.btn-1:hover::before, .btn-1:hover::after
{
	left: 0;
}

.btn-1:hover span::before, .btn-1:hover span::after
{
	top: 0;
}

/****************** MAIN DIAM IMG ******************/

.imgabout 
{
	position: relative;
	display: inline-block;  
	width: 100%;
	
	min-width: 100px;
	max-width: 120px;
	max-height: 120px;
	
	color: #fff;    
	text-align: center;
	
	border: 2px solid;
	border-color: #fff;

	background: #000000;
	color: #fff;
	
	overflow: hidden;
	
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: translateY(20%) rotate(45deg);
	transform: translateY(20%) rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.imgabout img 
{
	max-width: 100%;
	-webkit-transform: scale(1.45) rotate(-45deg);
	transform: scale(1.45) rotate(-45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.imgabout figcaption 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;

	overflow: hidden;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.imgabout h2 
{
	position: absolute;
	top: 48%;
	width: 100%;
	left: 0;
	margin: 0;
	padding: 0 7px;

	font-weight: 170;
	text-transform: uppercase;

	opacity: 0;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.imgabout:hover h2 
{
	opacity: 0.9;
}

.imgabout h2 span 
{
	font-weight: 170;
}

.imgabout a 
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;  
}

.imgabout:hover img 
{
	-webkit-filter: brightness(-100%);
	-webkit-transition: all 0.1s ease;
	 -moz-transition: all 0.3s ease;
	   -o-transition: all 0.8s ease;
	  -ms-transition: all 1s ease;
		  transition: all 1.2s ease;
	-webkit-filter: brightness(50%);
}
.imgabout:hover 
{
	transition: all 1.2s ease;
	border: 2px solid black; 
}

#romlos 
{
	width: 120px;
	height: 120px;
	position: relative;
}

.animated 
{  
	-webkit-animation-duration: 1s;  
	animation-duration: 1s;  
	-webkit-animation-fill-mode: both;  
	animation-fill-mode: both;
}

.animated.infinite 
{  
	-webkit-animation-iteration-count: infinite;  
	animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {  from,  20%,  53%,  80%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%,  43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}@keyframes bounce {  from,  20%,  53%,  80%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%,  43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  from,  50%,  to {    opacity: 1;  }  25%,  75% {    opacity: 0;  }}@keyframes flash {  from,  50%,  to {    opacity: 1;  }  25%,  75% {    opacity: 0;  }}.flash {  -webkit-animation-name: flash;  animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  from,  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%,  30%,  50%,  70%,  90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%,  40%,  60%,  80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  from,  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%,  30%,  50%,  70%,  90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%,  40%,  60%,  80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes headShake {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  6.5% {    -webkit-transform: translateX(-6px) rotateY(-9deg);    transform: translateX(-6px) rotateY(-9deg);  }  18.5% {    -webkit-transform: translateX(5px) rotateY(7deg);    transform: translateX(5px) rotateY(7deg);  }  31.5% {    -webkit-transform: translateX(-3px) rotateY(-5deg);    transform: translateX(-3px) rotateY(-5deg);  }  43.5% {    -webkit-transform: translateX(2px) rotateY(3deg);    transform: translateX(2px) rotateY(3deg);  }  50% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes headShake {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  6.5% {    -webkit-transform: translateX(-6px) rotateY(-9deg);    transform: translateX(-6px) rotateY(-9deg);  }  18.5% {    -webkit-transform: translateX(5px) rotateY(7deg);    transform: translateX(5px) rotateY(7deg);  }  31.5% {    -webkit-transform: translateX(-3px) rotateY(-5deg);    transform: translateX(-3px) rotateY(-5deg);  }  43.5% {    -webkit-transform: translateX(2px) rotateY(3deg);    transform: translateX(2px) rotateY(3deg);  }  50% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.headShake {  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-name: headShake;  animation-name: headShake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%,  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%,  50%,  70%,  90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%,  60%,  80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%,  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%,  50%,  70%,  90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%,  60%,  80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes wobble {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes jello {  from,  11.1%,  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}@keyframes jello {  from,  11.1%,  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}.jello {  -webkit-animation-name: jello;  animation-name: jello;  -webkit-transform-origin: center;  transform-origin: center;}@-webkit-keyframes bounceIn {  from,  20%,  40%,  60%,  80%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  from,  20%,  40%,  60%,  80%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInDown {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInLeft {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInRight {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  from,  60%,  75%,  90%,  to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%,  55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%,  55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}.bounceOut {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%,  45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%,  45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%,  45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%,  45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}@keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible ;  backface-visibility: visible;}@-webkit-keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}@keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}@keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}@keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}@keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}@keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}@keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%,  60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%,  80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%,  60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%,  80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;  -webkit-animation-name: hinge;  animation-name: hinge;}@-webkit-keyframes jackInTheBox {  from {    opacity: 0;    -webkit-transform: scale(0.1) rotate(30deg);    transform: scale(0.1) rotate(30deg);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;  }  50% {    -webkit-transform: rotate(-10deg);    transform: rotate(-10deg);  }  70% {    -webkit-transform: rotate(3deg);    transform: rotate(3deg);  }  to {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);  }}@keyframes jackInTheBox {  from {    opacity: 0;    -webkit-transform: scale(0.1) rotate(30deg);    transform: scale(0.1) rotate(30deg);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;  }  50% {    -webkit-transform: rotate(-10deg);    transform: rotate(-10deg);  }  70% {    -webkit-transform: rotate(3deg);    transform: rotate(3deg);  }  to {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);  }}.jackInTheBox {  -webkit-animation-name: jackInTheBox;  animation-name: jackInTheBox;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut;}@-webkit-keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomInDown {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInDown {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInLeft {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInRight {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInUp {  from {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp;}@-webkit-keyframes zoomOut {  from {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  to {    opacity: 0;  }}@keyframes zoomOut {  from {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  to {    opacity: 0;  }}.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  to {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  to {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  to {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  to {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}


/***************** TEXTING ******************/
.textcontainer 
{
	display: flex;
	height: 100%;
	width: 100%;
	
	justify-content: center;
	align-items: center; 
}

.text 
{
	height: auto;
	min-width: 400px;
	
	font-size: 28px;
	color: #fff;
	font-weight: 100;
	text-align: center;
}

/* remettre le h1 + h2 en place in HTML mas tarde */
h1 
{
	margin-top: 130px;
	
	font-size: 18px;
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight: 200;
	color: #fff;	
}

/*************** main ***************/

.modal-content 
{
	background: rgba(255,255,255,0.9);
}

/*************** A voir un jour ***************/

.flexslider 
{
	width: 25%;
    margin-left: 200px;
    margin-right: auto;   
}

.flex-caption 
{
	width: 96%;
	padding: 2%;
	left: 0;
	bottom: 0;

	background: rgba(0,0,0,.5);

	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 1.4rem;
	line-height: 18px;
}

/*************** nav ***************/

.main-navbar-nav .navbar-brand 
{
	position: relative;
	top: -5px;
	margin-left: 20px;

	font-size: 38px;
	letter-spacing: 4px;
	font-weight: 500;  
}

.main-navbar-nav 
{
	color: #fff ;
}

.main-navbar-nav li 
{
	color: #fff;
}

.main-navbar-nav .navbar-nav .nav-item a:hover 
{
	color: #234197;
	-webkit-transition: all .33s ease;
	-moz-transition: all .33s ease;
	-o-transition: all .33s ease;
	-ms-transition: all .33s ease;
	transition: all .33s ease;
}

.main-navbar-nav .active 
{
	color: #fff;
	opacity: 1;
}

.main-navbar-nav a 
{
	text-decoration: none;
	color: #fff;
}

.main-navbar-nav a:hover
{
	text-decoration: none;
	color: #fff;
}

.navbar-light .navbar-nav .nav-link
{
	color: #fff;
}

.main-navbar-nav .nav-link 
{
	margin: 0 35px;
	opacity: 1;
	font-size: 14.5px;
	font-weight: 500;
}

.my-main-menu .nav-item 
{
	font-family: 'Fira Sans Condensed', sans-serif;
}

.social-icons-header i 
{
	margin: 15px;
	font-size: 20px;
}

.social-icons-header a:hover i 
{
	opacity: .6;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

.fh5co-hero-inner 
{
	margin-top: 110px;
	position: relative;
}
.fh5co-hero-inner > h1 
{
	color: #fff;
	font-weight: 300;
	font-size: 55px;
	letter-spacing: 2px;
}

.fh5co-hero-inner > p 
{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 400px;
	
	font-size: 14px;
	color: #fff;
	line-height: 2em;
}

.sqr 
{
	display:inline-block;
	width:80px;
	height:80px;
	padding:0px;
	margin:21px 18px;

	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#sqr a 
{
	margin:0 auto;
	padding:0;
}

.sqr-txt 
{
	display: table-cell;
	height: 80px;
	width: 80px;
	
	font-size:16px;
	font-family: 'Fira Sans Condensed', sans-serif;
	text-align:center;
	text-transform: uppercase;
	text-decoration:none;
	
	vertical-align: middle;
	
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

#sqr-1-1 
{
	right: 10px;
	top: 10px;
	
	background-color: transparent;
	
	border-color: #fff;
	
	cursor: pointer;
}

.sqr-txt 
{
	color: #fff;
}

a::before, a::after
{
	width: 0;
	height: 2px;
	position: absolute;
	
	background: #000;
	
	content:"";
	
	transition: all 0.5s linear;	
}

span::before, span::after
{
	position: absolute;
	width: 2px;
	height: 0;
	
	background: #000;
	
	content:"";
	transition: all 0.2s linear;
}

a.btn-1:hover::before, a.btn-1:hover::after
{
	width: 100%;
}

a.btn-1:hover span::before, a.btn-1:hover span::after
{
	height: 100%;
}

a.active span
{
	color: #000 ;
}

a.active::before , a.active::after 
{
	left: 0;
	width: 100%;	
}

a.active span::before, a.active span::after
{
	top: 0;
	height: 100%;  
}

ul li a:hover > span 
{
	color: #000;
	background-color: transparent;
}

ul li a:hover 
{
	border-color: #000 ;
}

.sqr:hover 
{
	-webkit-filter: brightness(-100%);
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 1s ease;
	transition: all 1.5s ease;
}

.sqr:hover 
{
	-webkit-filter: brightness(0%);
}

.icon-bar 
{
	display: block;
	width: 22px;
	height: 2px;
	padding: 2px;
	margin: 3px;
	
	background: #fff;	
	
	border-radius: 1px;	
}

footer 
{
	bottom: 0;
    background-color: transparent;
    font-family: 'Fira Sans Condensed', sans-serif;   
}

.stickyfooter 
{
	position: fixed;
	left: 0;
	width: 100%;

	background-color: transparent;

	color: black;
	text-align: center;
}

footer p 
{
    text-align: center;
    font-size: 12px;
    color: #17354f;
}

section > p 
{
	font-size: 14.5px;
}

.success1 
{
	display: none;
}


figcaption .fig_cap_h2
{
	font-size: 2rem;
}

.social-icons-header
 {
    padding-right: 25px;
}

.navbar-toggler 
{
	margin-left: 25px;
}

.navbar-brand img
{
	width: 80px;
	height: 40px;
}

/*******************  erreur 404 *********************/

.page_not_exist 
{
	padding-top: 21vh;
	
	color: #FFF;
	font-weight: bold;
	font-size: 3vh;
	text-align: center;
}

.notfound 
{
	width: 10vw;
	height: 10vw;
	min-width: 100px;
	margin: 14vh auto auto auto;
	
	background: url('/img/404.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.takeback 
{
	display: block;
	width: 200px;
	margin: 10vh auto;
	
	color: inherit;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	
	border: 2px solid #000;
}

.404body 
{ 
	background-position: center center; 
}

/*******************  Gaming Product/About/Digital Marketing *********************/

.objectives
{
	width:100%;
}

.objectives > li
{
	font-size: 18px;
	list-style:none;
}

.objectives > li::before 
{
	content: "-";
	padding: 5px;
	font-size:18px;
}

.img 
{
	width : 100%;
}

.inform
{
	padding: 10px;
	font-size: 18px;
}

.col-md-5 h2 
{
	font-size: 3rem;
}

.col-md-12 p 
{
	font-size: 18px;
}

.col-md-4 > p 
{
	font-size: 18px;
}

button.close
{
	font-size: 35px;
}

.game_prod
{
	text-align: center;
}

.row_uiux > p
{
	font-size:18px;
	padding: 20px;
}

.add_new
{
	float: right;

	font-size: 35px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;

	opacity: .5;

	cursor: pointer;
}

.form_add
{
	display: inline-block;
	
	width: 100%;
	max-width: 500px;
	
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	
	background-color: #fff;
	
	border-radius: 10px;
	
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}

.for_one_add
{
	display: inline-block;
	
	width: 100%;
	
	margin-bottom: 25px;
	
	text-align: center;
}

.main_input
{
	width: 100%;

	padding: 10px 15px;

	font-size: 12px;
	
	border: 1px solid #efefef;
	border-radius: 35px;

	resize: none;
}

.input_title
{
	padding-bottom: 10px;
	
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000;
}

.picture_add
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding: 10px 20px;
	
	background-color: #e9edf4;
	
	font-size: 14px;
	text-align: center;
	color: #000;
	
	border-radius: 35px;
	
	cursor: pointer;
}

.one_checkbox
{
	display: inline-block;

	position: relative;

	margin-right: 10px;
	padding-left: 40px;

	font-size: 14px;
	color: #000;
	text-align: left;

	cursor: pointer;
}

.checkbox
{
	position: absolute;
	top: -6px;
	left: 5px;

	width: 30px;
	height: 30px;

	border-radius: 50%;

	border: 1px solid #ddd;
}

.checked_box
{
	display: none;
	
	font-size: 16px;
	text-align: center;
	color: #000;
}

.checkbox.active .checked_box
{
	display: block; 
}

.all_form
{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.top_header
{
	position: relative;
	display: inline-block;
	
	width: 100%;
	
	padding-top: 20px;
	
	text-align: center;
}

.main_back
{
	position: absolute;
	top: 25px;
	left: 25px;
	
	width: 21px;
	height: 20px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/back_arrow.png');
	
	cursor: pointer;
}

.one_page
{
	display: inline-block;
	
	margin: 0 35px;

	opacity: 1;

	font-size: 18px;
	font-weight: 500;
	color: #fff;
	
	cursor: pointer;
}

.one_page.active
{
	color: #000;
}

.file_input, .file_input_added
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	opacity: 0;
	
	cursor: pointer;
}

.picture_added
{
	display: none;
	position: relative;
	
	width: 140px;
	height: 140px;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.picture_added.active
{
	display: inline-block;
}

.hidden
{
	display: none;
}

.my_editor
{
    display: inline-block;
}

.my_editor p
{
	margin: 0px;
}

.error_main 
{
    display: none;
    position: fixed;
    left: 33%;
    top: 45%;
    width: 33%;
    
	padding: 10px;
    
	background: rgba(234, 107, 107, 0.88);
    color: #FFFFFF;
    text-align: center;
    
    border-radius: 10px;
    z-index: 9999999;
}

.update_content, .delete_content
{
	cursor: pointer;
}

.update_content:hover, .delete_content:hover
{
	color: #fff;
}

.add_art
{
	width: 150px;
	
	margin-top: 20px;
}

.relative
{
	position: relative;
}

.abs_iks
{
	position: absolute;
	top: -15px;
	right: 0px;

	font-size: 26px;
	color: #000;
	font-weight: bold;
	
	cursor: pointer;
}

.content_div
{
	width: 100%; 
	height: 70px;

	padding: 10px 15px;

	font-size: 12px;
	text-align: left;

	border: 1px solid #efefef;

	border-radius: 35px;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.full_loader
{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    
	width: 100%;
    height: 100%;
    
	background-color: rgba(255, 255, 255, 0.7);
    
	z-index: 999;
    
	text-align: center;
}

.width1px_l
{
    display: inline-block;
    
	width: 1px;
    height: 100%;
    
	vertical-align: middle;
}

.loader 
{
    display: inline-block;
    
	width: 120px;
    height: 120px;
    
	border: 16px solid #f3f3f3;
	border-radius: 50%;
    border-top: 16px solid #9db9ea;
    
	-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    
	vertical-align: middle;
}

.section_main
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.main_title
{
	margin-bottom: 10px;

	font-weight: 600;
	font-size: 3rem;
	line-height: 1.2;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color: #3c4e5a;
	text-align: left;
}

.left_part_one
{
	display: inline-block !important;
	
	width: 100% !important;
	
	vertical-align: top !important;
}

.right_part_one
{
	display: inline-block !important;
	
	width: 65% !important;
	
	vertical-align: top !important;
}

.one_main_row
{
	width: 100%;
}

.text_part
{
	font-size: 16px;
	text-align: left;
	color: #000;
}

.padd_row
{
	padding-left: 15px;
	padding-right: 15px;
}

.right_img
{
	float: right;
	
	width: 65%;
	
	margin-left: 15px;
	margin-bottom: 10px;
}

.left_img
{
	float: left;
	
	width: 65%;
	height: 250px;
	
	margin-right: 15px;
	margin-bottom: 10px;
}

.right_img img, .left_img img
{
	width: 100%;
	
	object-fit: cover;
}

.for_menu_cont
{
	display: inline-block;
	
	width: 100%;
	
	padding-top: 20px;
	padding-bottom: 20px;
	
	text-align: center;
}

.trumbowyg-editor a
{
	font-size: 12px;
	color: #000;
}

.text_part a
{
	font-size: 16px;
	color: #3c4e5a;
	font-weight: bold;
}

button:focus {outline: 0 !important;}

.text_part ol
{
	display: inline-block;
}

.border_menu
{
	border: 2px solid #000 !important;
}

.article_select
{
	display: inline-block;
	
	width: 50%;
	
	padding: 5px;
	
	border: 1px solid #efefef;
}

.article_select select 
{
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
}

/*******************  Mobile CSS *********************/

@media screen and (max-width: 769px)
{
	table
	{
		width: 95%;
	}
	
	body, html
	{
		overflow-x: hidden;
	}
	
	.one_page
	{
		margin: 0 15px;
		font-size: 16px;
	}
	
	.form_add
	{
		width: 90%;
	}

  .right_img, .left_img
  {
    height: auto;
  }
}

@media screen and (max-width: 550px)
{
	.one_page
	{
		width: 100%;
		
		margin: 5px 15px;
		font-size: 18px;
	}
}

@media screen and (max-width: 550px)
{
	table
	{
		font-size: 12px;
	}
}

@media screen and (max-width: 360px)
{
	table
	{
		font-size: 10px;
	}
}