/*
------------------
CSS Reset
------------------
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
------------------
Variáveis
------------------
*/

:root {
	/*
	------------------
	Paleta de cores
	------------------
	*/

  --ev-cor-aluno: #86D100;
  --ev-cor-aluno-2: #000000;

  --ev-cor-prof: #6694FF;
  --ev-cor-prof-2: #000000;

  --ev-cor-institut: #FDAF00;
  --ev-cor-institut-2: #000000;

  --ev-cor-default-red: #D70000;

	/*		Botão - Primary Style (Store)		*/

	--ev-store-cor-botao-primary-normal-txt: #FFFFFF;
	--ev-store-cor-botao-primary-normal-in: #D70000;

	--ev-store-cor-botao-primary-focus-txt: #FFFFFF;
	--ev-store-cor-botao-primary-focus-in: #D70000;
	--ev-store-cor-botao-primary-focus-outline: #000000;

	--ev-store-cor-botao-primary-hover-txt: #FFFFFF;
	--ev-store-cor-botao-primary-hover-in: #000000;

	--ev-store-cor-botao-primary-disabled-txt: #FFFFFF;
	--ev-store-cor-botao-primary-disabled-in: #C6C6C6;

	/*		Botão - Secondary Style (Store)		*/

	--ev-store-cor-botao-secondary-normal-txt: #FFFFFF;
	--ev-store-cor-botao-secondary-normal-in: #016DC0;

	--ev-store-cor-botao-secondary-focus-txt: #FFFFFF;
	--ev-store-cor-botao-secondary-focus-in: #016DC0;
	--ev-store-cor-botao-secondary-focus-outline: #000000;

	--ev-store-cor-botao-secondary-hover-txt: #FFFFFF;
	--ev-store-cor-botao-secondary-hover-in: #000000;

	--ev-store-cor-botao-secondary-disabled-txt: #FFFFFF;
	--ev-store-cor-botao-secondary-disabled-in: #C6C6C6;
	--ev-store-cor-botao-secondary-disabled-out: #C6C6C6;

	/*		Botão - Tertiary Style (Store)		*/

	--ev-store-cor-botao-tertiary-normal-txt: #333333;
	/* --ev-store-cor-botao-tertiary-normal-in: #FFFFFF; */
  --ev-store-cor-botao-tertiary-normal-in: transparent;
	--ev-store-cor-botao-tertiary-normal-out: #333333;

	--ev-store-cor-botao-tertiary-focus-txt: #FFFFFF;
	--ev-store-cor-botao-tertiary-focus-in: #333333;
	--ev-store-cor-botao-tertiary-focus-outline: #000000;

	--ev-store-cor-botao-tertiary-hover-txt: #333333;
	--ev-store-cor-botao-tertiary-hover-in: #FFFFFF;
	--ev-store-cor-botao-tertiary-hover-out: #333333;

	--ev-store-cor-botao-tertiary-disabled-txt: #737373;
	--ev-store-cor-botao-tertiary-disabled-in: #FFFFFF;
	--ev-store-cor-botao-tertiary-disabled-out: #C6C6C6;

  /*		Pesos de Texto		*/

  --evStore-texto-peso-titulo: 300;
  --evStore-texto-peso-subtitulo: 700;
  --evStore-texto-peso-destaque: 700;
  --evStore-texto-peso-texto: 400;
  --evStore-texto-peso-legenda: 400;

  /*		Tamanho		*/

  --evStore-largura-min: 320px;
  --evStore-largura-max: 984px;
}

/*
------------------
Base
------------------
*/

body, html {
	position: relative;
  height: 100%;

  font-family: 'Source Sans Pro', system-ui, sans-serif;
}

body {
	padding-top: 70px;
}

#ConteudoPrincipal {
  scroll-margin-top: 70px;
}

/*
------------------
Texto
------------------
*/

/*
  Preço
*/

.evStore_priceTag {
  font-size: 22px;
  line-height: 18px;
  font-weight: 400;
}

/*
  (i)
*/

.evStore_priceTag_info {
  font-size: 20px;
  display: inline-block;
  width: auto;
  height: 1.5ch;
  aspect-ratio: 1;
/*   border: 2px solid;
  border-color: #333333; */
  color: #333333;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
  line-height: 2.25ch;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

/*
  (Novos) Standard Links
*/

/* Normal */

.standardLink2025,
a.standardLink2025 {
	text-decoration:none;
	color:#000;
  line-height: normal;
}

a.standardLink2025 {
  display: inline-block;
}

button.standardLink2025 {
  font-family: inherit;
  border: 0;
  background: none;
}

.standardLink2025:hover,
a.standardLink2025:hover{
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-position: under;
}

.standardLink2025:focus-visible,
a.standardLink2025:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #000;
  outline-offset: 5px;
}

/* Vermelho */

.standardLink2025_red,
a.standardLink2025_red {
  display: inline-block;
	text-decoration:none;
	color: var(--ev-cor-default-red);
  line-height: normal;
  padding: 5px;
}

.standardLink2025_red:hover,
a.standardLink2025_red:hover{
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-position: under;
}

.standardLink2025_red:focus-visible,
a.standardLink2025_red:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #000;
  outline-offset: 5px;
}

/*
  Dentro de banners
*/

.evStore_banner_textContainer {
  /*  A caixa de texto  */
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px;
  max-width: 50em;

  margin: 0 auto;
}


/*
------------------
Botões Store
------------------
*/

.ev_store_botaoPrimary:hover,
.ev_store_botaoSecondary:hover,
.ev_store_botaoTertiary:hover {
  cursor: pointer;
}


.ev_store_botaoPrimary:focus-visible,
.ev_store_botaoSecondary:focus-visible,
.ev_store_botaoTertiary:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-offset: 3px;
}

button.ev_store_botaoPrimary,
button.ev_store_botaoSecondary,
button.ev_store_botaoTertiary {
  font-family: inherit;
  border: 0;
}

/*		Primary		*/

.ev_store_botaoPrimary {
	width:100%;
	min-height: 40px;

	border-radius: 40px;

	font-size: 14px;
	line-height: 16px;
  font-weight: 700;
	text-decoration:none;

	display: flex;
	align-items: center;
	justify-content: center;

	color:var(--ev-store-cor-botao-primary-normal-txt);
	background: var(--ev-store-cor-botao-primary-normal-in);
}

.ev_store_botaoPrimary:hover {
  text-decoration: none;
	background: var(--ev-store-cor-botao-primary-hover-in);
}

.ev_store_botaoPrimary:focus-visible {
  outline-color: var(--ev-store-cor-botao-primary-focus-outline);
}

.ev_store_botaoPrimary_disabled,
.ev_store_botaoPrimary:disabled {
	background: var(--ev-store-cor-botao-primary-disabled-in);
}

/*		Primary	(Post-Login Blue)	*/

.ev_store_botaoPrimary.postLoginBlue {
  background: #00B3FF;
}

.ev_store_botaoPrimary.postLoginBlue:hover {
	background: var(--ev-store-cor-botao-primary-hover-in);
}

.ev_store_botaoPrimary_disabled.postLoginBlue,
.ev_store_botaoPrimary.postLoginBlue:disabled {
	background: var(--ev-store-cor-botao-primary-disabled-in);
}

/*		Secondary		*/

.ev_store_botaoSecondary {
	width:100%;
	min-height: 40px;

	border-radius: 40px;

	font-size: 14px;
	line-height: 16px;
  font-weight: 700;
	text-decoration:none;

	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--ev-store-cor-botao-secondary-normal-txt);
	background: var(--ev-store-cor-botao-secondary-normal-in);
}

.ev_store_botaoSecondary:hover {
  text-decoration: none;
	background: var(--ev-store-cor-botao-secondary-hover-in);
}

.ev_store_botaoSecondary:focus-visible {
  outline-color: var(--ev-store-cor-botao-secondary-focus-outline);
}

.ev_store_botaoSecondary_disabled,
.ev_store_botaoSecondary:disabled {
	background: var(--ev-store-cor-botao-secondary-disabled-in);
}

/*		Secondary	(Gray)	*/

.ev_store_botaoSecondary.gray {
  background: #333333;
}

.ev_store_botaoSecondary.gray:hover {
	color:var(--ev-store-cor-botao-tertiary-normal-txt);
	background: var(--ev-store-cor-botao-tertiary-normal-in);
	border: 2px solid var(--ev-store-cor-botao-tertiary-normal-out);
}

/*		Tertiary  	*/

.ev_store_botaoTertiary {
	width:100%;
	min-height: 40px;

	border-radius: 40px;

	font-size: 14px;
	line-height: 16px;
  font-weight: 700;
	text-decoration:none;

	display: flex;
	align-items: center;
	justify-content: center;

	color:var(--ev-store-cor-botao-tertiary-normal-txt);
	background: var(--ev-store-cor-botao-tertiary-normal-in);
	border: 2px solid var(--ev-store-cor-botao-tertiary-normal-out);
}

.ev_store_botaoTertiary:hover {
  text-decoration: none;
	border-width: 4px;
}

.ev_store_botaoTertiary:focus-visible {
  outline-color: var(--ev-store-cor-botao-primary-focus-outline);
}

.ev_store_botaoTertiary_disabled,
.ev_store_botaoTertiary:disabled {
	background: var(--ev-store-cor-botao-primary-disabled-in);
}

/*  Image */

.ev_store_botaoImage {
  position: relative;
  width: auto;
  height: 40px;
  bottom: 4px;

  display: inline-block;
  text-decoration: none;

  box-sizing: content-box;
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 4px;
}

.ev_store_botaoImage:hover {
  border-color: black;
}

.ev_store_botaoImage img {
  display: block;
  height: 100%;
  width: auto;
}

.ev_store_botaoImage:focus-visible {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #000000;
  outline-offset: 6px;
}

/*  50px Versions */

.ev_store_botaoPrimary.botao50,
.ev_store_botaoSecondary.botao50,
.ev_store_botaoTertiary.botao50,
.ev_store_botaoImage.botao50 {
	height: 50px;
}

.ev_store_botaoPrimary.botao50,
.ev_store_botaoSecondary.botao50,
.ev_store_botaoTertiary.botao50 {
	border-radius: 50px;
	font-size: 16px;
	line-height: 18px;
}

.ev_store_botaoTertiary.botao50 {
  border-width: 3px;
}

.ev_store_botaoSecondary.botao50:hover {
  border-width: 4px;
}

.ev_store_botaoTertiary.botao50:hover {
  border-width: 5px;
}

.ev_store_botaoPrimary.botao50:focus-visible,
.ev_store_botaoSecondary.botao50:focus-visible,
.ev_store_botaoTertiary.botao50:focus-visible {
  outline-width: 2px;
  outline-offset: 3px;
}

/*  Big Text Versions */

.ev_store_botaoPrimary.bigText,
.ev_store_botaoSecondary.bigText,
.ev_store_botaoTertiary.bigText {
  font-size: 18px;
  font-weight: 600;
}

/*  Big Text Versions */

.ev_store_botaoPrimary.normalText,
.ev_store_botaoSecondary.normalText,
.ev_store_botaoTertiary.normalText {
  font-size: 16px;
  font-weight: var(--evStore-texto-peso-texto);
}


/*
------------------
Containers
------------------
*/

/*
  Overrides
*/

.withOverflow {
  overflow: visible !important;
}

/*
------------------
Carousel Btn
------------------
*/


.ev_carouselBtn {
  position: relative;
  width: 15px;
  height: 15px;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 50%;
}

.ev_carouselBtn_selected,
.ev_carouselBtn[aria-selected="true"] {
  background: #000000;
}

.ev_carouselBtn:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
}

.ev_carouselBtn:hover {
  cursor: pointer;
}

/*
------------------
Caixas
------------------
*/

.ev_store_caixa {
  /*
  Border
  */

  background-color: #FFF;
  border: 2px solid #737373;
  border-radius: 4px;
  -webkit-transition: box-shadow .7s, -moz-box-shadow .7s, -webkit-box-shadow .7s;
  -moz-transition: box-shadow .7s,-moz-box-shadow .7s,-webkit-box-shadow .7s;
  transition: box-shadow .7s, -moz-box-shadow .7s, -webkit-box-shadow .7s;

  /*
  Label
  */

  font-size: 16px;
  line-height: 45px;
  text-align: left;
  color: #444;
}

.ev_store_caixa.flex {
  display: flex;
  align-items: center;
}

.ev_store_caixa:hover {
  box-shadow: 0 0 0 .25rem #0d6efd40;
  border: 2px solid #006DC0;
  outline: 0;
  cursor: pointer;
}


.ev_store_caixa:focus-visible {
  background-color: #D4F0FF;

  border-color: transparent;
  outline-offset: -2px;

  outline-width: 2px;
  outline-style: solid;
  outline-color: #006DC0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
  
}

.ev_store_caixa_texto {
    color: #999;
}

.ev_store_caixa_placeholder::placeholder {
    color: #999;
}

.ev_store_caixa_listitem {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 50px;

  background-color: #FFFFFF;    

  border-bottom: 1px solid #E0E0E0;
}

.ev_store_caixa_listitem:last-child {
  border-bottom: 0;
}

.ev_store_caixa_listitem[aria-selected="true"] {
  background: url(../../../images/Global/2025/ListItem_Radio_On.svg);
  background-repeat: no-repeat;
  background-position: 3% 50%;
}

.ev_store_caixa_listitem[aria-selected="false"] {
  background: url(../../../images/Global/2025/ListItem_Radio_Off.svg);
  background-repeat: no-repeat;
  background-position: 3% 50%;
}

.ev_store_caixa_listitem.focused {
  background: #D0D0D0;
  color: #444;
}

.ev_store_caixa_listitem:hover {
  background-color: #F4F4F4;
  cursor: pointer;
}

/*
------------------
Swals
------------------
*/

.ev-store-swal-popUp {
	padding: 1em 0 2em 0;
	border-radius: 25px;
}

.ev-store-swal-title {
	padding: 0;
	max-width: 20ch;
	margin: 0 auto;
	color: #000000;
	font-weight: 900;
}

.ev-store-swal-html {
	color: #333333;
	font-size: 20px;
	line-height: 24px;
}

.ev-store-swal-closeButton {
    color: black;
    padding: 0 0.01em 0.1em 0 !important;
    position: relative;
    top: -15px;
    width: 60px;
    height: 60px;
}

.ev-store-swal-closeButton:hover {
	color: var(--ev-cor-default-red);
}

.ev-store-swal-closeButton:focus {
	outline: none;
}

.ev-store-swal-closeButton:focus-visible {
	box-shadow: none;
	border-radius: 50px;
	outline-width: 3px;
	outline-style: solid;
	outline-color: #000000;
	outline-offset: -16px;
}

/*
------------------
Outros
------------------
*/

.evStore_visuallyHidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.evStore_disableScroll {
  overflow-y: hidden;
}

/*
------------------
Legacy
------------------
*/

/* Cookie Bar */

.cookieAcceptBar {
  display:none;
  position: fixed;
  width: 100%;
  bottom: 0;
  left:0;
  text-align: center;
  background-color: rgba(51,51,51,0.98);
  color: #fff;
  padding: 20px 15px;
  z-index: 99999;
  
}

.cookieAcceptBarMain{
	width: 100%;
	max-width: 1160px;
	padding: 0;
	margin: auto;
}

.cookieAcceptBar p {
	
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #FFFFFF;
}

.cookieAcceptBar a.pol {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

.cookieAcceptBar a.pol:hover {
  color: var(--ev-cor-default-red);
}

.cookieAcceptBar button {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 45px;
  color: #FFFFFF;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  text-align: center;
  font-size: 19px;
  margin:15px 0 0 0;
  opacity: 0.4;
}

.cookieAcceptBar button:hover {
	opacity: 0.9;
}

/*Utilities*/
.fLeft{
	float:left;
}

.fRight{
	float:right;
}

.cFloat{
	clear:both;
}

/*End Utilities*/

/*DIV Styles*/

.fullWidthStyle1{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background-color:#FFFFFF;
}


.fullWidthStyle2{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background-color:#EDEDED;
}

.fullWidthStyle3{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background-color:#000000;
}

.fullWidthStyle4{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background-color:#333;
}

.fullWidthStyle5{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background-color:#EFEBDF;
}

.fullWidthStyle6{
	width:100%;
	height:auto;
	border:0;
	margin:auto;
	border-collapse:collapse;
	text-align:center;
	background-color:#FFFFFF;
}

/*End DIV Styles*/

/*Figure Player*/
figure .videothumb{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	margin:0;
	padding:0;
	background: url("../images/Global/BTPlay.png") center no-repeat;
	background-size:70px auto;
}

figure .videothumb:hover{
	background: url("../images/Global/BTPlay.png") center no-repeat,  url(../images/Global/BTPlay.png) center no-repeat;
	background-size:70px auto, 70px auto;
}
/*End Figure Player*/

/*Back to Top CSS*/
.btmask{
	overflow:hidden;
}

.btgradient{
	background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.btgradient:hover {    
    background: #ff7667; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7667 0%, #fb3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7667), color-stop(100%,#fb3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff7667 0%,#fb3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff7667 0%,#fb3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff7667 0%,#fb3f3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff7667 0%,#fb3f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7667', endColorstr='#fb3f3f',GradientType=0 ); /* IE6-9 */
}

.btroundedCorners{
	width:60px;
	height:50px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.back-to-top {
    position: fixed;
	width:60px;
	height:50px;
    bottom: 50px;
    right: 0;
	line-height:60px;
    text-decoration: none;
	text-align:center;
    color: #000000;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	cursor:pointer;
    font-size: 12px;
    display: none;
	z-index:1000;
}

b, strong{
	font-weight:bold;
}

i{
	font-style:italic;
}

a.standardlink1{
	text-decoration:none;
	color:#000;
}

a.standardlink1:hover{
	text-decoration:underline;
	color:#000;
}

a.standardlink2{
	text-decoration:none;
	color:#0066FF;
}

a.standardlink2:hover{
	text-decoration:underline;
	color:#09F;
}

a.standardlink3{
	text-decoration:none;
	color:var(--ev-cor-default-red);
}

a.standardlink3:hover{
	text-decoration:underline;
	color:#CC3B3D;
}

a.standardlink4{
	text-decoration:none;
	color:#FFFFFF;
}

a.standardlink4:hover{
	color:#000000;
}

a.standardlink5{
	text-decoration:underline;
	color:#000000;
	font-weight: 700;
}

a.standardlink5:hover{
	text-decoration:underline;
	color:var(--ev-cor-default-red);
	font-weight: 700;
}

a.standardlink6{
	text-decoration:underline;
	color:#000000;
	font-weight: 400;
}

a.standardlink6:hover{
	text-decoration:underline;
	color:var(--ev-cor-default-red);
	font-weight: 400;
}

.anchor1{
  display: block;
  height: 170px;
  margin-top: -170px;
  visibility: hidden;
}

.anchor2{
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}

/*End*/

.insetBoxShadowFix{
	-moz-box-shadow:inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow:inset  0 -8px 8px -8px #696868;
    box-shadow:inset  0 -8px 8px -8px #696868;
}
/*End CommonStyles*/

/* Reset Box Model */
*{
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}
/* End Reset Box Model */

/* Clear Floats Utility */
.clearfix{
	width:100%;
	display:inline-block;
}
.clearfix:after{
	visibility:hidden;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	clear:both;
}

.marginTopFix{
	margin-top:170px;
}

/* Clear Floats Utility */


/* To View CSS3 Animations */

/*animation element*/

.animation-element {
  position: relative;
}
/*animation element sliding left*/

/* bf */

.animation-element.bf-slide-right {
  -moz-transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  -webkit-transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  -o-transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  -moz-transform: translate3d(1900px, 0, 0px) skewX(-70deg);
  -webkit-transform: translate3d(1900px, 0, 0px) skewX(-70deg);
  -o-transform: translate(1900px, 0) skewX(-70deg);
  -ms-transform: translate(1900px, 0) skewX(-70deg);
  transform: translate3d(1900px, 0, 0px) skewX(-70deg);
}

.animation-element.bf-slide-right.in-view {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bf-slide-left {
  -moz-transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  -webkit-transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  -o-transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  transition: all 1000ms cubic-bezier(.29,0,.35,1.2);
  -moz-transform: translate3d(-1900px, 0, 0px) skewX(70deg);
  -webkit-transform: translate3d(-1900px, 0, 0px) skewX(70deg);
  -o-transform: translate(-1900px, 0) skewX(70deg);
  -ms-transform: translate(-1900px, 0) skewX(70deg);
  transform: translate3d(-1900px, 0, 0px) skewX(70deg);
}

.animation-element.bf-slide-left.in-view {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bf-slide-left-default {
  -moz-transition: all 1000ms cubic-bezier(.29,0,.35,1.1);
  -webkit-transition: all 1000ms cubic-bezier(.29,0,.35,1.1);
  -o-transition: all 1000ms cubic-bezier(.29,0,.35,1.1);
  transition: all 1000ms cubic-bezier(.29,0,.35,1.1);
  -moz-transform: translate3d(-1900px, 0, 0px);
  -webkit-transform: translate3d(-1900px, 0, 0px);
  -o-transform: translate(-1900px, 0);
  -ms-transform: translate(-1900px, 0);
  transform: translate3d(-1900px, 0, 0px);
}

.animation-element.bf-slide-left-default.in-view {
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bf-slide-top {
  opacity: 1;
  -moz-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 700ms cubic-bezier(0,.72,.51,1);
  transition: all 700ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, -738px, 0px);
  -webkit-transform: translate3d(0px, -738px, 0px);
  -o-transform: translate(0px, -738px);
  -ms-transform: translate(0px, -738px);
  transform: translate3d(0px, -738px, 0px);
}

.animation-element.bf-slide-top.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate3d(0px, 50px, 0px);
}

@media (max-width:999px){
	.animation-element.bf-slide-top {
  opacity: 1;
  -moz-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 700ms cubic-bezier(0,.72,.51,1);
  transition: all 700ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, -738px, 0px);
  -webkit-transform: translate3d(0px, -738px, 0px);
  -o-transform: translate(0px, -738px);
  -ms-transform: translate(0px, -738px);
  transform: translate3d(0px, -738px, 0px);
}

.animation-element.bf-slide-top.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 20%, 0px);
  -webkit-transform: translate3d(0px, 20%, 0px);
  -o-transform: translate(0px, 20%);
  -ms-transform: translate(0px, 20%);
  transform: translate3d(0px, 20%, 0px);
}

}

@media (max-width:480px){
	.animation-element.bf-slide-top {
  opacity: 1;
  -moz-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 700ms cubic-bezier(0,.72,.51,1);
  transition: all 700ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, -738px, 0px);
  -webkit-transform: translate3d(0px, -738px, 0px);
  -o-transform: translate(0px, -738px);
  -ms-transform: translate(0px, -738px);
  transform: translate3d(0px, -738px, 0px);
}

.animation-element.bf-slide-top.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 60%, 0px);
  -webkit-transform: translate3d(0px, 60%, 0px);
  -o-transform: translate(0px, 60%);
  -ms-transform: translate(0px, 60%);
  transform: translate3d(0px, 60%, 0px);
}

}

.animation-element.bf-bg-scale {
	background-size:100% auto;
  -moz-transition: all 60000ms ease-out;
  -webkit-transition: all 60000ms ease-out;
  -o-transition: all 60000ms ease-out;
  transition: all 60000ms ease-out;
  animation: bgMov 220s infinite;
  animation-delay:110s;
}

.animation-element.bf-bg-scale.in-view {
  background-size:150% auto;
}

@keyframes bgMov {
  0% {
    background-size:6304px 5582px;
  }
  50% {
    background-size:1920px 1700px;
  }
  100% {
    background-size:6304px 5582px;
  }
}

@media (max-width:1920px){
	
.animation-element.bf-bg-scale {
	background-size:1920px auto;
  -moz-transition: all 120000ms ease-out;
  -webkit-transition: all 120000ms ease-out;
  -o-transition: all 120000ms ease-out;
  transition: all 120000ms ease-out;
}

.animation-element.bf-bg-scale.in-view {
  background-size:6304px auto;
}

}

@media (max-width:1280px){
	
.animation-element.bf-bg-scale {
	background-size:1280px auto;
  -moz-transition: all 60000ms ease-out;
  -webkit-transition: all 60000ms ease-out;
  -o-transition: all 60000ms ease-out;
  transition: all 60000ms ease-out;
}

.animation-element.bf-bg-scale.in-view {
  background-size:3536px auto;
}

}

/* End bf */

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 1000ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 1000ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 1000ms cubic-bezier(0,.72,.51,1);
  transition: all 1000ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left-light {
  opacity: 0;
  -moz-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(-50px, 0px, 0px);
  -webkit-transform: translate3d(-50px, 0px, 0px);
  -o-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  transform: translate3d(-50px, 0px, 0px);
}

.animation-element.slide-left-light.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -webkit-transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -o-transition: all 1000ms cubic-bezier(0,.72,.51,1);
  transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate3d(200px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right-big {
  opacity: 0;
  -moz-transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -webkit-transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -o-transition: all 1000ms cubic-bezier(0,.72,.51,1);
  transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -moz-transform: translate3d(2000px, 0px, 0px);
  -webkit-transform: translate3d(2000px, 0px, 0px);
  -o-transform: translate(2000px, 0px);
  -ms-transform: translate(2000px, 0px);
  transform: translate3d(2000px, 0px, 0px);
}

.animation-element.slide-right-big.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left-big {
  opacity: 0;
  -moz-transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -webkit-transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -o-transition: all 1000ms cubic-bezier(0,.72,.51,1);
  transition: all 1000ms cubic-bezier(.56,.01,.09,1);
  -moz-transform: translate3d(-2000px, 0px, 0px);
  -webkit-transform: translate3d(-2000px, 0px, 0px);
  -o-transform: translate(-2000px, 0px);
  -ms-transform: translate(-2000px, 0px);
  transform: translate3d(-2000px, 0px, 0px);
}

.animation-element.slide-left-big.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right-light {
  opacity: 0;
  -moz-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(50px, 0px, 0px);
  -webkit-transform: translate3d(50px, 0px, 0px);
  -o-transform: translate(50px, 0px);
  -ms-transform: translate(50px, 0px);
  transform: translate3d(50px, 0px, 0px);
}

.animation-element.slide-right-light.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-bottom {
  opacity: 0;
  -moz-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 700ms cubic-bezier(0,.72,.51,1);
  transition: all 700ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200px, 0px);
}

.animation-element.slide-bottom.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-bottom-light {
  opacity: 0;
  -moz-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, 50px, 0px);
  -webkit-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate3d(0px, 50px, 0px);
}

.animation-element.slide-bottom-light.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-top {
  opacity: 0;
  -moz-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 700ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 700ms cubic-bezier(0,.72,.51,1);
  transition: all 700ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200px, 0px);
}

.animation-element.slide-top.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-top-light {
  opacity: 0;
  -moz-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -webkit-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -o-transition: all 2000ms cubic-bezier(0,.72,.51,1);
  transition: all 2000ms cubic-bezier(0,.72,.51,1);
  -moz-transform: translate3d(0px, -50px, 0px);
  -webkit-transform: translate3d(0px, -50px, 0px);
  -o-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate3d(0px, -50px, 0px);
}

.animation-element.slide-top-light.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.scale-up {
  -moz-transition: all 400ms cubic-bezier(.29,0,.35,2);
  -webkit-transition: all 400ms cubic-bezier(.29,0,.35,2);
  -o-transition: all 400ms cubic-bezier(.29,0,.35,2);
  transition: all 400ms cubic-bezier(.29,0,.35,2);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.animation-element.scale-up.in-view {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.animation-element.scale-up-lite.in-view {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.animation-element.scale-up-lite {
  -moz-transition: all 400ms cubic-bezier(.29,0,.35,1.4);
  -webkit-transition: all 400ms cubic-bezier(.29,0,.35,1.4);
  -o-transition: all 400ms cubic-bezier(.29,0,.35,1.4);
  transition: all 400ms cubic-bezier(.29,0,.35,1.4);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.animation-element.fade-in {
  opacity: 0;
  -moz-transition: all 1000ms linear;
  -webkit-transition: all 1000ms linear;
  -o-transition: all 1000ms linear;
  transition: all 1000ms linear;
}

.animation-element.fade-in.in-view {
  opacity: 1;
}

.animation-element.bg-scale {
	background-size:100% auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale.in-view {
  background-size:120% auto;
}

.animation-element.bg-scale-2 {
	background-size:120% auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale-2.in-view {
  background-size:100% auto;
}

@media (max-width:1920px){
	
.animation-element.bg-scale {
	background-size:1920px auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale.in-view {
  background-size:2304px auto;
}
	
.animation-element.bg-scale-2 {
	background-size:2304px auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale-2.in-view {
  background-size:1920px auto;
}

}

@media (max-width:1280px){
	
.animation-element.bg-scale {
	background-size:1280px auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale.in-view {
  background-size:1536px auto;
}
	
.animation-element.bg-scale-2 {
	background-size:1736px auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale-2.in-view {
  background-size:1480px auto;
}

}

.oldMarginFix{
	margin-top: 170px;
}

@media (max-width:800px){

.oldMarginFix{
	margin-top: 134px;
}
	
.animation-element.bg-scale {
	background-size:999px auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale.in-view {
  background-size:1280px auto;
}
	
.animation-element.bg-scale-2 {
	background-size:1580px auto;
  -moz-transition: all 10000ms ease-out;
  -webkit-transition: all 10000ms ease-out;
  -o-transition: all 10000ms ease-out;
  transition: all 10000ms ease-out;
}

.animation-element.bg-scale-2.in-view {
  background-size:1380px auto;
}

}

@media (max-width:480px){
	
  .animation-element.bg-scale {
    background-size:480px auto;
    -moz-transition: all 10000ms ease-out;
    -webkit-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;
  }

  .animation-element.bg-scale.in-view {
    background-size:1000px auto;
  }
    
  .animation-element.bg-scale-2 {
    background-size:1000px auto;
    -moz-transition: all 10000ms ease-out;
    -webkit-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;
  }

  .animation-element.bg-scale-2.in-view {
    background-size:1080px auto;
  }

  .fullWidthStyle6{
    height:640px;
  }

}

.animation-element.delay250 {
  -webkit-transition-delay: 0.25s; /* Safari */
  transition-delay: 0.25s;
}

.animation-element.delay100 {
  -webkit-transition-delay: 0.1s; /* Safari */
  transition-delay: 0.1s;
}

.animation-element.delay200 {
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
}

.animation-element.delay300 {
  -webkit-transition-delay: 0.3s; /* Safari */
  transition-delay: 0.3s;
}

.animation-element.delay400 {
  -webkit-transition-delay: 0.4s; /* Safari */
  transition-delay: 0.4s;
}

.animation-element.delay500 {
  -webkit-transition-delay: 0.5s; /* Safari */
  transition-delay: 0.5s;
}

.animation-element.delay600 {
  -webkit-transition-delay: 0.6s; /* Safari */
  transition-delay: 0.6s;
}

.animation-element.delay700 {
  -webkit-transition-delay: 0.7s; /* Safari */
  transition-delay: 0.7s;
}

.animation-element.delay800 {
  -webkit-transition-delay: 0.8s; /* Safari */
  transition-delay: 0.8s;
}

.animation-element.delay900 {
  -webkit-transition-delay: 0.9s; /* Safari */
  transition-delay: 0.9s;
}

.animation-element.delay750 {
  -webkit-transition-delay: 0.75s; /* Safari */
  transition-delay: 0.75s;
}

.animation-element.delay1000 {
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}

.animation-element.delay1250 {
  -webkit-transition-delay: 1.25s; /* Safari */
  transition-delay: 1.25s;
}

.animation-element.delay1500 {
  -webkit-transition-delay: 1.5s; /* Safari */
  transition-delay: 1.5s;
}

.animation-element.delay2000 {
  -webkit-transition-delay: 2s; /* Safari */
  transition-delay: 2s;
}

.animation-element.delay2500 {
  -webkit-transition-delay: 2.5s; /* Safari */
  transition-delay: 2.5s;
}

.animation-element.delay3000 {
  -webkit-transition-delay: 3s; /* Safari */
  transition-delay: 3s;
}

.animation-element.delay4000 {
  -webkit-transition-delay: 4s; /* Safari */
  transition-delay: 4s;
}

.animation-element.delay5000 {
  -webkit-transition-delay: 5s; /* Safari */
  transition-delay: 5s;
}

.animation-element.delay8000 {
  -webkit-transition-delay: 8s; /* Safari */
  transition-delay: 8s;
}

.animation-element.delay10000 {
  -webkit-transition-delay: 10s; /* Safari */
  transition-delay: 10s;
}

.animation-element.delay11000 {
  -webkit-transition-delay: 11s; /* Safari */
  transition-delay: 11s;
}

.animation-element.delay12000 {
  -webkit-transition-delay: 12s; /* Safari */
  transition-delay: 12s;
}

.animation-element.delay13000 {
  -webkit-transition-delay: 13s; /* Safari */
  transition-delay: 13s;
}

.animation-element.delay14000 {
  -webkit-transition-delay: 14s; /* Safari */
  transition-delay: 14s;
}


.animation-element.delay15000 {
  -webkit-transition-delay: 15s; /* Safari */
  transition-delay: 15s;
}

.animation-element.delay16000 {
  -webkit-transition-delay: 16s; /* Safari */
  transition-delay: 16s;
}

.animation-element.delay17000 {
  -webkit-transition-delay: 17s; /* Safari */
  transition-delay: 17s;
}

.animation-element.dur100 {
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s;
}

.animation-element.dur500 {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
}

.animation-element.dur1000 {
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}

.animation-element.dur1500 {
  -webkit-transition-duration: 1.5s; /* Safari */
  transition-duration: 1.5s;
}

.animation-element.dur2000 {
  -webkit-transition-duration: 2s; /* Safari */
  transition-duration: 2s;
}

.animation-element.dur3000 {
  -webkit-transition-duration: 3s; /* Safari */
  transition-duration: 3s;
}

.animation-element.dur4000 {
  -webkit-transition-duration: 4s; /* Safari */
  transition-duration: 4s;
}

.animation-element.dur5000 {
  -webkit-transition-duration: 5s; /* Safari */
  transition-duration: 5s;
}

.animation-element.dur6000 {
  -webkit-transition-duration: 6s; /* Safari */
  transition-duration: 6s;
}

.animation-element.dur7000 {
  -webkit-transition-duration: 7s; /* Safari */
  transition-duration: 7s;
}