@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined');

*{margin:0;padding:0;}
*, ::after, ::before {
    box-sizing: border-box;
}
a{cursor:pointer;text-decoration:none;}
/**, :after, :before {
    box-sizing: inherit;
}
*, *:before, *:after{
	box-sizing: inherit;
}*/
html,body{height:100%;}
body{font-family:Roboto,sans-serif;background-color:#FFF;overflow-x:hidden;}

:root{
	--primary:rgb(148 189 57);
	--primary-light:rgba(148, 189, 57, .45);
	--gold:#F7D013;
	--secondary:#111;
	--mdc-theme-primary:#1865F2;
	--mdc-theme-secondary:#39F;
}

/* ------ Special styles ------ */
.s_centered{
	-ms-display:flex;
	display:flex;
	align-items:center;
	justify-content:center;
}
.s_centered.v{justify-content:initial;}
.s_truncate{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-break:normal;
}
.s_no-select{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.s_clearfix:after{
	content:'';
	clear:both;
	display:table;
}
.s_capitalized{text-transform:capitalize;}

/* Material Icons Sizes*/
.material-icons.md-16,.material-icons-outlined.md-16{font-size:16px;}
.material-icons.md-17,.material-icons-outlined.md-17{font-size:17px;}
.material-icons.md-18,.material-icons-outlined.md-18{font-size:18px;}
.material-icons.md-22,.material-icons-outlined.md-22{font-size:22px;}
.material-icons.md-24,.material-icons-outlined.md-24{font-size:24px;}
.material-icons.md-26,.material-icons-outlined.md-26{font-size:26px;}
.material-icons.md-28,.material-icons-outlined.md-28{font-size:28px;}
.material-icons.md-30,.material-icons-outlined.md-30{font-size:30px;}
.material-icons.md-32,.material-icons-outlined.md-32{font-size:32px;}
.material-icons.md-34,.material-icons-outlined.md-34{font-size:34px;}
.material-icons.md-36,.material-icons-outlined.md-36{font-size:36px;}
.material-icons.md-40,.material-icons-outlined.md-40{font-size:40px;}
.material-icons.md-100,.material-icons-outlined.md-100{font-size:100px;}

.loader{
	position:relative;
	margin-top: -14px;
	width:40px;
	height:40px;
}
.loader:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	border:solid 4px #222;
	border-right-color:transparent;
	box-sizing:border-box;
	-webkit-animation:rotateAnimation .7s infinite linear;
	animation:rotateAnimation .7s infinite linear;
}
.loaderText{
	position: absolute;
	top: 100%;
	height: 20px;
	margin-top: 8px;
	margin-left: -50%;
	color: #222;
}
.success{
	padding:6px 14px;
	color:#FFF;
	background-color:#669D1F;
	box-shadow:0 0 22px rgba(0, 0, 0, .6);
	border-radius:8px;
}

._uiAnimationWrapper__content{
	max-width:100%;
	opacity:1;
	transition-duration:1000ms;
	transform:translate(0) scale(1);
	width:100%;
}
._uiAnimationWrapper__content.hidden{
	opacity:0;
    transform:translateY(120px);
}

/* Material Design Fixes */
/*.my-masonry-image-list {
	@include image-list.masonry-columns(5);
}*/
.mdc-image-list.mdc-image-list--masonry{
	padding: 15px;
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 16px;
	column-gap: 16px;
	/*max-width: 1000px;*/
}
.mdc-image-list.mdc-image-list--masonry .mdc-image-list__item{
	margin-bottom: 16px;
}
.mdc-image-list.rounded .mdc-image-list__image{
	border-radius: 8px;
}
.floated-supporting .mdc-image-list__supporting{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 36px;
	padding: 0 16px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
}
.rounded.floated-supporting .mdc-image-list__supporting{
	border-radius: 0 0 8px 8px;
}
.hide-supporting .mdc-image-list__supporting{display: none;}

.windowFix{
	margin: 0 auto;
	max-width: 2048px;
}
#navBarPosFix,
#navBar{height: 60px;}
#navBar{
	display: flex;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, .9);
	/*backdrop-filter: blur(3px);*/
	z-index: 10;
}
#navBar.shade{border-bottom:1px solid #cec9c1;}
#navBar #btn-menu{
	position: absolute;
	width: 70px;
	height: 60px;
	top: 0;
	left: 0;
}
#navBar #btn-menu .hamburger,
#navBar #btn-menu .hamburger:before,
#navBar #btn-menu .hamburger:after,
#navBar #menu .menuHeader #btn-closeMenu:before,
#navBar #menu .menuHeader #btn-closeMenu:after{
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #000;
	/*transition: transform 200ms ease;*/
}
#navBar #btn-menu .hamburger{top: 28px;left: 20px;}
#navBar #btn-menu .hamburger:before{margin-top:-6px;}
#navBar #btn-menu .hamburger:after{margin-top:6px;}
#navBar .logoFix{
	width: 100%;
	height: 100%;
}
#navBar .logoFix .logo{
	cursor: default;
    display: block;
    width: 170px;
    height: 60px;
    text-decoration: none;
    background-size: auto 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/img/promoram_black.svg');
}
#navBar #w-contact{
	cursor: default;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 100%;
	background-size: 45%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/img/whatsapp.svg');
	-webkit-animation:oscilar 3s ease 1s infinite alternate-reverse none;
	animation:oscilar 3s ease 1s infinite alternate-reverse none;
}
#menuBackdrop{
	pointer-events:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0, 0, 0, .5);
	transition:all 0.3s ease;
	opacity:0;
	z-index:2;
}
#navBar #menu{
	position:fixed;
	top:0;
	left:-110%;
	width:calc(100% - 70px);
	height:100%;
	background-color:#FFF;
	box-shadow:0 0 10px rgba(0, 0, 0,.5);
	transition:opacity 300ms ease, left 300ms ease;
	opacity:0;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:3;
}
#navBar #menu.visible{
	left:0;
}
#menuBackdrop.visible,
#navBar #menu.visible{
	pointer-events:auto;
	opacity:1;
}
#navBar #menu .menuHeader{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:20px;
}
#navBar #menu .menuHeader #btn-closeMenu{
	float:left;
	position:relative;
	/*cursor:pointer;*/
	width:70px;
	height:60px;
}
#navBar #menu .menuHeader #btn-closeMenu:before,
#navBar #menu .menuHeader #btn-closeMenu:after{
	top: 28px;
	left: 22px;
	width: 26px;
}
#navBar #menu .menuHeader #btn-closeMenu:before{transform: rotate(45deg);}
#navBar #menu .menuHeader #btn-closeMenu:after{transform: rotate(-45deg);}
#navBar #menu .sectionTitle{
	padding:8px 14px 0 25px;
	-webkit-box-shadow:inset 0 1px 0 rgb(100 121 143 / 15%);
	box-shadow:inset 0 1px 0 rgb(100 121 143 / 15%);
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-size:.9rem;
	letter-spacing:.25px;
	-webkit-border-radius:0;
	border-radius:0;
	color:#202124;
	font-weight:500;
	line-height:34px;
	max-height:34px;
	box-sizing: initial;
}
#navBar #menu .menu{
	list-style:none;
	box-sizing:border-box;
}
#navBar #menu .menu li .option{
	display:block;
	cursor:default;
	position:relative;
	margin-right: 8px;
	padding-left:22px;
	color:#222;
	height:46px;
	/* font-weight: 300; */
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
	border-radius:0 50px 50px 0;
	box-sizing:border-box;
	/*transition:background-color .25s ease;*/
}
#navBar #menu .menu li .option.currentSection{background-color:var(--primary-light, rgba(148, 189, 57, .45));}
#navBar #menu .menu li .option .icon{
	float:left;
	width:28px;
	height:46px;
	color: #333;
}
#navBar #menu .menu li .option.currentSection .icon{color: #000;}
#navBar #menu .menu.subMenu li .option .icon{width:22px;}
#navBar #menu .menu li .option .optionTitle{
	line-height:46px;
	padding:0 22px;
	font-size: 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
}



/* Estilos para slider */
[class^="m-"]{
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 48px;
}
.m-hero .progressBar{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	background-color: #FFF;
}
/*.m-hero .theme-light .progressBar{
	background-color: #000;
}*/
.m-hero{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.sl-carousel{
	position: relative;
}
.sl-carousel.f-multi-slide.f-scrollable-previous, .sl-carousel.f-multi-slide.f-scrollable-next{
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: transparent;
}
.theme-dark{
	color: #FFF;
	background-color: #333;
}
.sl-group{
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding: 1px;
}
.sl-carousel>.sl-group{
	display: block;
	position: absolute;
	bottom: 8px;
	width: 100%;
	padding: 1px 0;
	text-align: center;
	z-index: 2;
}
.c-sequence-indicator{
	font-size: 0;
	background-color: rgba(0, 0, 0, 0.3) !important;
}
.sl-carousel .sl-sequence-indicator{
	position: absolute;
	z-index: 3;
	width: 100%;
	text-align: center;
	bottom: 24px;
}
.sl-carousel>.sl-group .sl-sequence-indicator{
	position: static;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	border-radius: 50px; 
}
.sl-sequence-indicator button{
	position: relative;
	border: 2px solid transparent;
	outline: 0;
	width: 22px;
	height: 20px;
	padding: 2px 3px;
	display: inline-block;
	background-color: transparent;
}
.sl-sequence-indicator button:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid rgb(0, 0, 0);
}
.theme-dark .sl-sequence-indicator button:before{
	border-color: rgba(255,255,255,.8);
}
/*.sl-sequence-indicator button:after{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	border: 1px solid transparent;
}*/
.sl-sequence-indicator button[aria-selected=true]:before{background-color: #000;}
.theme-dark .sl-sequence-indicator button[aria-selected="true"]:before{background-color: #FFF;}
button.c-action-toggle{
	margin-right: 8px;
	width: 40px;
	height: 40px;
	position: relative;
	border: 0;
	outline: 0;
	display: inline-block;
	padding: 6px;
	color: #FFF;
	background: none;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 8px;
}
.theme-light button.c-action-toggle{color: #000;}
button.c-action-toggle::before{
	position:relative;
	/*top: -1px;*/
	font-size: 28px;
	font-family: 'Material Icons';
}
button.c-action-toggle.glyph-play:before{content:'pause';}
button.c-action-toggle.glyph-pause:before{content:'play_arrow';}
button:not(:disabled){
	cursor: pointer;
}
.m-hero .sl-carousel .sl-flipper{
	display: none;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	outline: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background: #333;
	color: #ccc;
	border: 1px solid #666;
	opacity: .8;
	z-index: 100;
}
.m-hero .sl-carousel.theme-light .sl-flipper{
	background: #000;
	border-color: #CCC;
}
.m-hero .sl-carousel .sl-flipper:before{
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	font-family: 'Material Icons';
	width: 30px;
	height: 30px;
	color: #FFF;
	font-size: 30px;
}
.m-hero .sl-carousel .sl-flipper.f-previous:before{content: 'chevron_left';}
.m-hero .sl-carousel .sl-flipper.f-next:before{content: 'chevron_right';}
.m-hero .sl-carousel .sl-flipper:hover,
.m-hero .sl-carousel .sl-flipper:focus{opacity: 1;}
.m-hero .sl-carousel .sl-flipper.f-previous{left: 7px;}
.m-hero .sl-carousel .sl-flipper.f-next{right: 7px;}
ul.heroList{
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.sl-carousel li{
	position: relative;
	height: 100%;
	z-index: 1;
}
.sl-carousel.f-multi-slide li{
	display: none;
	width: 100%;
}
.sl-carousel.f-multi-slide li.f-active{
	display: block;
}
.m-hero-item{
	position: relative;
	overflow: hidden;
	height: inherit;
	padding: 0;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}
.m-hero-item:before{
	display: block;
	content: "";
	width: 100%;
	padding-bottom: 61.875%;
}
.m-ambient-video{
	padding: 48px 0 0;
	margin: 0;
	width: 100%;
	min-width: 320px;
	direction: ltr;
	position: relative;
	overflow: hidden;
}
.m-hero-item .m-ambient-video{
	display: none;
	position: absolute;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	left: 0;
}
.m-hero-item>div.m-ambient-video:before{
	display: block;
	content: "";
	width: 100%;
	padding-bottom: 37.55%;
}
.m-ambient-video video{
	display: block;
	width: 100%;
	height: 100%;
	background: 0 0;
}
.m-hero-item .m-ambient-video video{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	height: auto !important;
	width: 100% !important;
	background-size: cover;
	overflow: hidden;
	z-index: -2;
}
.m-hero-item>picture{
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	-ms-transform: none !important;
	transform: none !important;
}
picture.c-image img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.m-hero-item>picture img{
	position: absolute;
	pointer-events: none;
	width: 100%;
	left: 0;
	top: calc(50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
}
.sl-carousel li.f-animate-next picture img, .sl-carousel li.f-animate-next .text-container{
	-webkit-animation: hero-content-next 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both;
	animation: hero-content-next 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both;
}
.sl-carousel li.f-animate-previous picture img, .sl-carousel li.f-animate-previous .text-container{
	-webkit-animation: hero-content-previous 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both;
	animation: hero-content-previous 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both;
}
/*.sl-carousel li.f-animate-next>picture.c-image img{
	animation:hero-background-next cubic-bezier(.16,1,.29,.99) 667ms both;
}*/
.m-hero-item[class*="f-x"][class*="f-y"]>picture img{
	top: 0;
	left: calc(50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}
.sl-carousel li .m-hero-item.f-x-left>picture img,
.sl-carousel li .m-hero-item.f-x-right>picture img{
    left: calc(50%);
	right: auto;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.sl-carousel li.f-animate-next .m-hero-item[class*="f-x"][class*="f-y"]>picture img{
	animation-name: hero-background-next-x-center;
}
.sl-carousel li.f-animate-previous .m-hero-item[class*="f-x"][class*="f-y"]>picture img{
	animation-name: hero-background-previous-x-center;
}
.m-hero-item>div{
	margin: 0 auto;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 88%;
	height: 52vw;
	padding: 12px;
	max-width: 2048px;
	z-index: 1;
	overflow: visible;
}
.sl-carousel li.f-animate-previous .m-hero-item>div{
	animation: hero-content-previous cubic-bezier(.16,1,.29,.99) .667s both;
}
.sl-carousel li.f-animate-next .m-hero-item>div{
    animation: hero-content-next cubic-bezier(.16,1,.29,.99) .667s both;
}
.m-hero-item>div>div{
	position: absolute;
	z-index: 1;
	max-width: 520px;
}
.m-hero-item[class*="f-x"][class*="f-y"]>div>div{
	position: relative;
	margin: 0 auto;
	left: 0;
	top: 0;
	top: calc(50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	/*max-width: 100%;*/
}
.m-hero-item[class*="f-x"][class*="f-y"].a-r>div>div{
	left:auto;
	right:0;
}
.m-hero-item[class*="f-x"][class*="f-y"].a-c>div>div{
	position: relative;
	text-align: center;
}
.sl-carousel li .m-hero-item>div>div{
	padding-bottom: 48px;
}
.home-hero .m-hero-item>div>div{
	top: 34vw !important;
}
.c-heading-1, .c-heading-2, .c-heading-3{
	font-size: 26px !important;
	line-height: 30px;
}
li .c-heading-1{
	padding: 6px 0 !important;
	font-size: 46px;
	line-height: 56px;
}
.home-hero .c-heading-1{
	font-size: 34px;
	line-height: 36px;
}
.c-subheading-1{
	padding: 9px 0 3px;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 20px;
}
.m-hero-item>div>div>div{
	padding: 12px 2px 0;
	justify-content: center;
}
.m-hero-item.context-accessory>div>div>div{
	margin-top: 2px;
}
a.c-call-to-action, button.c-call-to-action{
	font-size: 15px;
	padding: 7px 36px 7px 20px;
	position: relative;
	border: 1px solid transparent;
	outline: 1px solid transparent;
	outline-offset: -3px;
	max-width: 100%;
	display: inline-block;
	overflow: hidden;
	color: rgb(64 93 0);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0;
	line-height: 1.3;
	white-space: nowrap;
	transition: all 200ms ease-in-out;
	box-shadow: 0 4px 8px 0 transparent;
	background-color: var(--primary, rgb(148 189 57));
	border-radius: 8px;
}
a.c-call-to-action:before, button.c-call-to-action:before{
	content: 'chevron_right';
	position: absolute;
	top: 1px;
	right: 12px;
	font-family: 'Material Icons';
	font-size: 24px;
}
a.c-call-to-action:hover, button.c-call-to-action:hover{
	text-decoration: underline;
}
a.c-call-to-action.light{
	color: #000;
	background-color: #FFF;
}
a.c-call-to-action.dark{
	color: #FFF;
	background-color: #000;
}
.home-hero .c-call-to-action{
	margin-top: 16px;
}
.c-badge{
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	letter-spacing: .075em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}
.c-badge.f-highlight{
	background-color: var(--gold, #F7D013);
	color: #000;
	font-weight: 400;
}
.c-badge.f-small{
	padding: 0 7px;
	line-height: 18px;
	height: 18px;
}
.c-badge.f-small.f-highlight{
	padding: 0 7px 1px;
}
/* TERMINAN LOS ESTILOS PARA SLIDER */



.heading-title{
	padding: 30px 10px;
	font-size: 26px;
	text-align: center;
	font-weight: 300;
}
#contactForm{padding: 30px 15px;grid-gap: 70px;}
#contactForm .contactFormFix{margin-top: 54px;}
#contactForm .mdc-text-field{
	width: 100%;
	text-transform: none;
}
#contactForm .mdc-text-field .mdc-text-field__input.capitalized{
    text-transform: capitalize;
}
.mdc-text-field--textarea .mdc-text-field-character-counter{
	left: auto;
	right: 16px;
	position: absolute;
	bottom: 13px;
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color: rgba(0,0,0,.38);
}
.mdc-text-field .mdc-text-field__input{
	caret-color: #111;
}
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{
	border-color: var(--primary, rgb(148 189 57));
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{
	color: #111;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading{
	border-radius: 8px 0 0 8px;
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{
	border-radius: 0 8px 8px 0;
}
.mdc-text-field--textarea .mdc-floating-label{
	top:17px;
	left: 4px;
	right: auto;
	width:auto;
	pointer-events:none;
}
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
	-webkit-transform: translateY(-130%) scale(.75);
	-ms-transform: translateY(-130%) scale(.75);
	transform: translateY(-130%) scale(.75);
	font-size: 1rem;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{
	border-color: #b00020;
	border-color: var(--mdc-theme-error, #b00020);
}
.mdc-button--raised{
	padding: 0 32px;
	height: 50px;
	border-radius: 32px;
}
.mdc-button:not(:disabled){
	color: #111;
	background-color: var(--primary, rgb(148 189 57));
}



/* ESTILOS PARA GALERY */
#galeryJS{
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	box-sizing: border-box;
	/*backdrop-filter: blur(6px);*/
	z-index: 10;
}
#galeryJS .spotlight{
	position: relative;
	width: 100%;
	height: 100%;
}
#galeryJS .spotlight img{
	max-width: 100%;
	max-height: 100%;
}
#galeryJS .counter{
	cursor: default;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	width: 100px;
	height: 40px;
	color: #FFF;
	border-radius: 0 0 8px 8px;
	background-color: rgba(0, 0, 0, .4);
}
#galeryJS .btn_close, #galeryJS .title, #galeryJS .btn_previous, #galeryJS .btn_next{
	cursor: pointer;
	position: absolute;
	width: 60px;
	background-color: rgba(0, 0, 0, .3);
}
#galeryJS .title{
	cursor: default;
	width: auto;
	padding: 16px;
	bottom: 0;
	color: #FFF;
	width: 100%;
	text-align: center;
	background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
}
#galeryJS .btn_previous{
	left: 10px;
	height: 44px;
	border-radius: 8px;
}
#galeryJS .btn_next{
	right: 10px;
	height: 44px;
	border-radius: 8px;
}
#galeryJS .btn_close{
	top: 0;
	right: 0;
	width: 65px;
	height: 65px;
	border-radius: 0 0 0 8px;
}
#galeryJS .btn_close:after, #galeryJS .btn_previous:after, #galeryJS .btn_next:after{
	position: absolute;
	font-family: 'Material Icons';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 34px;
	color: #FFF;
}
#galeryJS .btn_close:after{content: 'close';}
#galeryJS .btn_previous:after{content: 'arrow_back';font-size: 28px;}
#galeryJS .btn_next:after{content: 'arrow_forward';font-size: 28px;}
/* TERMINAN LOS ESTILOS PARA GALERY */





#designer{
	margin-top: 32px;
	margin-bottom: 64px;
	padding: 32px 16px;
	border-radius: 32px;
	background-color:#F6FFDA;
}
#designer .badge{
	margin: 0 auto;
	text-align: center;
}
#designer .badge .title{
	padding-top: 16px;
	padding-bottom: 8px;
	font-size: 36px;
}
#designer .badge .des{
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 8px;
	font-size: 16px;
	line-height: 150%;
}
#designer .contact{
	align-items: center;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    column-gap: 16px;
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    justify-content: center;
    margin: 20px 0;
    padding: 0 48px;
	border-color: var(--primary, rgb(148 189 57));
	background-color: var(--primary, rgb(148 189 57));
	color: #F6FFDA;
}





#footer{
	background-color: #11211b;
	width: 100%;
}
#footer .logo{
	width:100%;
}
#footer .widget{
	margin-bottom: 30px;
}
#footer .widget .widget-title{
	margin-bottom: 15px;
	font-size: 18px;
	color: #FFF;
}
#footer .widget .contact-info{
	margin:0;
	padding-bottom:10px;
	list-style:none;
}
#footer .widget .contact-info .iconRow{
	/*height: 22px;*/
}
#footer .widget .contact-info .iconRow .icon{
	float: left;
	margin-right: 6px;
	font-size: 22px;
}
#footer .widget .contact-info .iconRow .badge{
	line-height: 22px;
	overflow: hidden;
}
#footer .widget .contact-info li{
	margin-top:10px;
	color:#999;
}
#footer .widget .contact-info li:first-child{
	margin-top:0;
}
#footer .widget .contact-info li span{color:#FFF;}
#footer .widget .contact-info li a{
	text-decoration:none;
	color:#999;
}
#footer .widget .socialNetwork{
	float: left;
	margin-right: 15px;
	width: 30px;
	height: 30px;
	/*background-color: red;*/
	background-size: 30px 30px;
	background-position: center;
	background-repeat: no-repeat;
}
#footer .widget .socialNetwork.facebook{background-image: url('/img/facebook.png');}
#footer .widget .socialNetwork.instagram{background-image: url('/img/instagram.png');}
#footer .widget .socialNetwork.whatsapp{background-image: url('/img/whatsapp-outlined.svg');}
#footer .branding{
	margin: 0 24px;
	padding: 24px 0;
	color: #888;
	border-top: solid 1px rgba(255,255,255,0.08);
}
#footer .branding .copy, #footer .branding .devLink{text-align: center;}
#footer .branding .devLink a{
	text-decoration: none;
	color: #555;
}





/* GENERALES */
.automar{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	box-sizing: initial;
}
.afhu{
	max-width:1080px;
	padding:0 24px;
}
.afhu p{
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    font-size: 16px;
    line-height: 22px;
}
.two-column{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.two-column.reverse{
	flex-direction:column-reverse;
}
.default{
    background-color: #fff;
    overflow: hidden;
}
.auction{
	border-bottom: 40px;
	border-bottom-style: solid;
	border-color:#11211b;
}
.auction:after{
	background: inherit;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	content: '';
	display: block;
	height: 40px;
	position: absolute;
	width: 100%;
	z-index: 1;
}
._9t2c{
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
._9se-{text-align: center;}
._9sey {
    text-align: left;
}
._9tar{display: flex;}
._9ta-{justify-content: space-between;}
._9u69{flex-direction: column-reverse;}
._9sdd, ._9y16 ._9sdd{padding-top: 32px;}
._9sd0, ._9y16 ._9sd0{padding-bottom: 32px;}
._9ta2{max-width: 100%;}
._9tb0 {
    justify-content: flex-start;
}
._9taw {
    align-items: flex-start;
}
._9tay {
    justify-content: center;
}
._9v11 {
    flex-direction: row;
}
._9v12 {
    flex-direction: column;
}
._9ta2 {
    max-width: 100%;
}
._9vd6 {
    display: flex;
    flex-wrap: wrap;
}
._9wmd {
    margin: 0 auto;
}
._9u4m, ._9u4n, ._9u4o, ._9u4i, ._9u4j {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
._ad_0, .two-column a {
	font-family: Helvetica Neue, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #000;
}
._allj:hover ._9u4l, ._advo._9u4l:hover {
    color: var(--primary, rgb(148 189 57));
}
._9vcv {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
._9u4l, ._afax {
    line-height: 16px;
}
._9u4l ._advp, ._afax ._advp {
    position: relative;
}
._9u4i ._advp, ._9u4j ._advp, ._9u4l ._advp, ._afax ._advp {
    font-weight: 500;
    letter-spacing: -0.01em;
}
._9u4l ._advp::after, ._afax ._advp::after {
    bottom: -5px;
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    border-top:solid 2px transparent;
    box-sizing: initial;
}
._9u4l ._advp::after {
    border-bottom: solid 2px var(--primary, rgb(148 189 57));
}
._aeo8 ._9u4c {
    padding: 2px 0 0 13px;
    box-sizing: initial;
}
._ad_0 b {
    color: var(--primary, rgb(148 189 57));
    font-weight: inherit;
}
._ad_0._ad_a {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 1;
}
._ad_0._ad_9 {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 1;
}
._9vd5._ad_0 h1, ._9vd5._ad_0 h2, ._9vd5._ad_0 h3, ._9vd5._ad_0 h4, ._9vd5._ad_0 h5 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
._a96d {
    border-radius: 32px;
}
._9v7q {
    max-width: 100%;
}



._a8tc {
    display: block;
    height: 100%;
    margin-top: 3em;
    position: relative;
    width: 100%;
}
._a8tc._afp9 {
    box-sizing: border-box;
    margin-top: 0;
    padding-top: 96px;
}
._90lg {
    width: 100%;
}
._afpa ._afp8 {
    padding-bottom: 100px;
}
._90lg, ._90lh {
    margin: 0 auto;
    position: relative;
}
._afp5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
._afp9 ._afp5 {
    max-width: 436px;
}
._afp9 ._afp8 ._90lh {
    margin: 0;
    overflow: visible;
    width: 100%;
}
._afpa ._afp8 ._90lj {
	width: auto;
    max-width: 206px;
    padding-right: 8px;
}
._afpa ._afp8 ._90lj.fix{
	width: 250px;
	max-width: 250px;
}
._90lj {
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    width: 100%;
    transition: opacity 300ms ease 0s, transform 300ms ease 0s, visibility 300ms ease 0s;
    opacity: 1;
    visibility: visible;
}

._afp9 ._abjb {
	display: flex;
	position: absolute;
	top: auto;
	bottom: 38px;
}
._afp9 ._90lt, ._afp9 ._90ls{
	position: relative;
	/*cursor: pointer;*/
	transform: none;
	z-index: 1;
}
._afp9 ._90ls {margin-right: 16px;}
._afwh {
    align-items: center;
    border: 1px solid #1c1e21;
    border-radius: 50%;
    box-sizing: border-box;
    color: #1c1e21;
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: color .33s linear .5s, border-color ease-out .5s, background-color .33s linear 0s;
    vertical-align: bottom;
    width: 48px;
    background-color: transparent;
    background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
    z-index: 1;
}
._afwh.disabled{cursor: default;opacity: 0.3;}
._afwh.left{background-image: url('../img/chevron_left.svg');}
._afwh.right{background-image: url('../img/chevron_right.svg');}

.gMaps{
	width: 100%;
	height: 20px;
	background-image: url('../img/gmaps-logo.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.reviewContainer{
	position: relative;
	padding: 15px;
	border-radius: 25px;
	background-color: #F6FFDA;
}
.reviewContainer .authorBadge{
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
	margin-bottom: 12px;
}
.reviewContainer .authorBadge .reviewerLink{
	position: relative;
	align-self: flex-start;
	margin-right: 12px;
	width: 40px;
	height: 40px;
	box-shadow: rgba(17, 17, 17, 0.1) 0px 0px 2px inset;
	border-radius: 50%;
	background-color: rgb(210, 210, 210);
	/*overflow: hidden;*/
}
.reviewContainer .authorBadge .reviewerLink::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
}
.reviewContainer .authorBadge .reviewerLink::after{
	content: '';
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 20px;
	height: 20px;
	background-image: url('../img/google-multicolor-stroke.svg');
	background-size: 100%;
}
.reviewContainer .authorBadge .reviewerLink img,
.reviewContainer .authorBadge .reviewerLink img.avatar{
	width: inherit !important;
    height: inherit !important;
}
.reviewContainer .authorBadge .authorContainer{
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 0px;
    max-width: 100%;
    flex: 1;
}
.reviewContainer .authorBadge .authorContainer .reviewLink{
	display: flex;
	margin-bottom: 4px;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    color: rgb(17, 17, 17) !important;
}
.reviewContainer .authorBadge .authorContainer .reviewLink span{
	font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: initial;
    flex: 1;
}
.reviewContainer .authorBadge .authorContainer .reviewLink .reviewVerified{
	margin-left: 4px;
	width: 20px;
	height: 20px;
	background-image: url('../img/verified.svg');
	background-size: cover;
}
.reviewContainer .authorBadge .authorContainer .reviewDate,
._9vg3._9sep._aj1b .reviewDate{
	font-size: 14px;
    line-height: 14px;
    color: rgba(17, 17, 17, 0.5);
}
.rating{
    display: inline-flex;
	margin-bottom: 6px;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
}
.rating .ratingItem{
	position: relative;
	margin-right: 2px;
    width: 20px;
    height: 20px;
}
.rating .ratingItem .starUnfilled,
.rating .ratingItem .starFilled{
	position: absolute;
	line-height: 0;
	width: 100% !important;
    height: 100% !important;
	background-size: 100%;
}
.rating .ratingItem .starUnfilled{
	background-image: url('../img/star_rate.svg');
}
.rating .ratingItem .starFilled{
	background-image: url('../img/star.svg');
}
/*clip-path: inset(0px 30% 0px 0px);*/
.reviewContainer .content{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
}
.reviewContainer .content .reviewPhoto{
	display: flex;
	position: relative;
	margin-top: 8px;
	max-height: 160px;
}
.reviewContainer .content .reviewPhoto:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}
.reviewContainer .content .reviewPhoto img{
	border-radius: 16px;
	/*height: 100%;*/
	object-fit: cover;
	width: 100%;
}
/* GENERALES */

@media only screen and (max-width: 767px){
	ul.heroList{
		height: 143vw;
	}
}

@media (min-width: 540px){
	#navBar #menu{
		width: 300px;
	}
	.home-hero .c-heading-1{
		font-size: 46px !important;
		line-height: 46px !important;
	}
	.c-subheading-1{
		font-size: 26px !important;
		line-height: 32px !important;
	}

	.mdc-image-list.mdc-image-list--masonry{
		-webkit-column-count: 3;
		column-count: 3;
	}

	/*#galeryJS .title{
		width: auto;
		border-radius: 5px 5px 0 0;
		background: transparent;
		background-color: rgba(0, 0, 0, .4);
	}*/

	#contactForm .contactFormFix{margin-top: 0;}
}
@media (min-width: 600px){
	._afp9 ._afp8 ._90lh {
        width: 59%;
    }
    ._afpa ._afp8 ._90lj {
        max-width: 360px;
        padding-right: 16px;
    }
    ._afpa ._afp8 ._90lj.fix{
    	width: 312px;
    	max-width: 312px;
    }
    ._afp9 ._abjb{
    	bottom: 36px;
    }
}
@media (min-width: 768px){
	._9sd0, ._9y16 ._9sd0 {
		padding-top: 56px;
        padding-bottom: 56px;
    }
	._ad_0._ad_a {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 1;
    }
    ._ad_0._ad_9 {
        font-size: 40px;
        letter-spacing: -0.03em;
        line-height: 1;
    }
	._9t33._9bhd{
		width:50%;
	}

	._a8tc._afp9 {
        padding: 56px 0 0 0;
    }
    /*._afp9 ._afp8 {
        padding-bottom: 160px;
    }*/



	.m-hero-item{
		padding: 0 5%;
	}
	.m-hero-item>div{
		position: absolute;
		padding: 0;
	}
	.sl-carousel li .m-hero-item>div>div{padding: 0;}
	.m-hero-item[class*="f-x"][class*="f-y"]>div>div{position: absolute;}
	.c-subheading-1{
		font-size: 34px !important;
		line-height: 40px !important;
	}
	.home-hero .m-hero-item>div>div>div{
		margin-top: 12px;
	}
	.m-hero .c-action-toggle,
	.sl-carousel>.sl-group .sl-sequence-indicator{background-color: rgba(0, 0, 0, 0.4) !important;}
	.m-hero .theme-light .c-action-toggle,
	.sl-carousel.theme-light>.sl-group .sl-sequence-indicator{background-color: rgba(255, 255, 255, 0.4) !important;}
	#footer .branding{
		display: flex;
		justify-content: space-between;
	}

	.mdc-image-list.mdc-image-list--masonry{
		-webkit-column-count: 4;
		column-count: 4;
	}
	.floated-supporting .mdc-image-list__supporting{
		height: 42px;
	}
}
@media (min-width: 768px) and (max-width: 800px){
	.home-hero .m-hero-item>div>div>div{
		margin-top: 0;
	}
}
@media (min-width: 768px) and (max-width: 1083px){
	.home-hero section{
		height: 110vw;
	}
	.home-hero .m-hero-item>div>div{
		top: 126% !important;
		-ms-transform: none;
		transform: none;
		width: 101%;
		text-align: center;
		left: 0;
		right: 0;
	}
	.m-hero-item[class*="f-x"][class*="f-y"]>div>div{
		max-width: 1083px;
		-ms-transform: none;
		transform: none;
	}
}
@media (min-width: 992px){}
@media (min-width: 1084px){
	.afhu p{
	    font-size: 18px;
	    line-height: 25px;
	}
	.two-column, .two-column.reverse{
		flex-direction:row;
	}
	.two-column.space-between ._9vd6{
		padding:0 10px;
	}
	._9t33._9bil {
        width: 50%;
    }
	._ad_0._ad_a {
        font-size: 44px;
        letter-spacing: -0.03em;
        line-height: 1;
    }
    ._ad_0._ad_9 {
        font-size: 60px;
        line-height: 1;
    }

    ._a8tc._afp9 {
        padding: 96px 0;
    }
    ._afp9 ._afp8 {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
    }
    ._afp9 ._afp5 {
        width: 41%;
    }
    ._afp9._afpa ._afp5 {
        margin-right: 50px;
    }
    ._afp9 ._abjb {
        bottom: 0;
        left: unset;
        position: relative;
        top: unset;
        transform: none;
    }



	#navBar .logoFix .logo{background-size: contain;}
	.m-hero .progressBar{height:3px;}
	.mdc-image-list.mdc-image-list--masonry{
		padding: 15px 0;
	}
	#contactForm{padding: 30px 0;}
	.galeryJS .mdc-image-list__item{cursor: pointer;}

	.windowFix{width: 88%;}
	#navBarPosFix,
	#navBar,
	#navBar .logoFix .logo,
	#navBar #w-contact{height: 54px;}
	#navBar .logoFix .logo,
	#navBar #w-contact{cursor: pointer;}
	#navBar{display: block;}
	#navBar #btn-menu{display: none;}
	#navBar .logoFix{float: left;width: auto;}
	#navBar #w-contact{
		position: relative;
		float: right;
	}
	#navBar #menu{
		float:left;
		margin-left: 20px;
		position:relative;
		left:auto;
		width:auto;
		box-shadow:none;
		background-color:transparent;
		overflow:visible;
		opacity:1;
	}
	#navBar #menu .menuHeader,
	#navBar #menu .sectionTitle,
	#navBar #menu .menu li .option .icon{display: none;}
	#navBar #menu .menu{display: flex;}
	#navBar #menu .menu li .option{
		-ms-display:flex;
		display:flex;
		align-items:center;
		justify-content:center;
		height: 54px;
		line-height: 54px;
		cursor: pointer;
		margin-right: 0;
		padding: 0 22px;
		border-radius: 0;
	}
	#navBar #menu .menu li .option .optionTitle{position: relative;padding: 0;height: 30px;line-height: 30px;}
	/*#navBar #menu .menu li .option .optionTitle{position: relative;padding: 0;}*/
	#navBar #menu .menu li .option.currentSection{
		padding: 0 7px;
		background-color: transparent;
	}
	#navBar #menu .menu li .option.currentSection .optionTitle{
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
		background-color: var(--primary, rgb(148 189 57));
		border-radius: 8px;
	}
	/*#navBar #menu .menu li .option.currentSection .optionTitle:before{
		content:'';
		position: absolute;
		margin-top: -15px;
		top: 50%;
		left: -10%;
		width: 120%;
		height: 30px;
		background-color: rgb(247 208 19 / 45%);
		border-radius: 8px;
	}*/
	#navBar #menu .menu li .option:hover:not(.currentSection) .optionTitle:before{
		content:'';
		margin-top: 10px;
		top: 50%;
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #222;
	}

	.m-hero-item{text-align: initial;}
	.m-hero-item:before{
		padding-bottom: 41.55%;
	}
	.theme-light .sl-sequence-indicator button:hover:not([aria-selected=true]):before{background-color: rgba(0, 0, 0, .3);}
	.theme-dark .sl-sequence-indicator button:hover:not([aria-selected=true]):before{background-color: rgba(255, 255, 255, .3);}
	.m-hero-item .m-ambient-video{display: block;}
	.home-hero section{
		height: 36.7vw;
	}
	.home-hero .m-hero-item>div>div{
		top: 0;
		top: calc(50%) !important;
	}
	.m-hero-item>div{
		height: 100%;
	}
	.m-hero-item>div>div{
		max-width: 440px;
	}
	.home-hero .c-heading-1{
		font-size: 38px !important;
		line-height: 56px !important;
	}
	.home-hero .c-action-toggle,
	.sl-sequence-indicator button{cursor: pointer;}
	.m-hero:hover .sl-carousel .sl-flipper{display: block;}

	#designer{
		margin-top:64px;
	}
	#designer .badge{max-width: 788px;}
	#designer .badge .title{
		padding-top: 32px;
		padding-bottom: 16px;
		font-size: 44px;
	}
	#designer .badge .des{
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 16px;
		font-size: 18px;
	}
}

@-webkit-keyframes oscilar{
	0%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform-origin:center center;
		transform-origin:center center
	}
	10%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(.87);
		transform:scale(.87)
	}
	17%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(.98);
		transform:scale(.98)
	}
	33%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(.83);
		transform:scale(.83)
	}
	45%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes oscilar{
	0%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform-origin:center center;
		transform-origin:center center
	}
	10%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(.87);
		transform:scale(.87)
	}
	17%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(.98);
		transform:scale(.98)
	}
	33%{
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		-webkit-transform:scale(.83);
		transform:scale(.83)
	}
	45%{
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes hero-content-next{0%{transform:translateX(40px)}100%{transform:translateX(0)}}
@keyframes hero-content-previous{0%{transform:translateX(-40px)}100%{transform:translateX(0)}}
@keyframes hero-background-next-x-center{0%{transform:translateX(-48%)}100%{transform:translateX(-50%)}}
@keyframes hero-background-previous-x-center{0%{transform:translateX(-52%)}100%{transform:translateX(-50%)}}
/*@keyframes hero-background-next{0%{transform:translateX(10px)}100%{transform:translateX(0)}}
@keyframes hero-background-previous{0%{transform:translateX(-10px)}100%{transform:translateX(0}}*/

/* Loader styles */
@-webkit-keyframes rotateAnimation{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes rotateAnimation{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}