@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:200,300,400,500,600,700,900');

@font-face {
    font-family: 'Antipasto';
    src:url('fonts/Antipasto.ttf.woff') format('woff'),
        url('fonts/Antipasto.ttf.svg#Antipasto') format('svg'),
        url('fonts/Antipasto.ttf.eot'),
        url('fonts/Antipasto.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


:root{
	--c1: rgba(156,155,153,1);	--c1-15: rgba(156,155,153,.15);	--c1-25: rgba(156,155,153,.25);	--c1-50: rgba(156,155,153,.5);	--c1-75: rgba(156,155,153,.75);
	--c2: #92D1B3; 	--c2-15: #92D1B315;	--c2-25: #92D1B325; 	--c2-50: #92D1B350;	--c2-75: #92D1B375;
	--c3: #645BA7; 	--c3-15: rgba(85,187,141,.15); 	--c3-25: rgba(85,187,141,.25); 	--c3-50: rgba(85,187,141,.5);	--c3-75: rgba(85,187,141,.75);
	/*--c4: rgba(246,203,0,1); 	--c4-15: rgba(246,203,0,.15); 	--c4-25: rgba(246,203,0,.25); 	--c4-50: rgba(246,203,0,.5);	--c4-75: rgba(246,203,0,.75);*/
	--c4: #645BA7; 	--c4-15: #645BA715;	--c4-25: #645BA725; 	--c4-50: #645BA750;	--c4-75: #645BA775;
	--c5: #645BA7; 	--c5-15: #645BA715;	--c5-25: #645BA725; 	--c5-50: #645BA750;	--c5-75: #645BA775;
	--c6: #2a3886;
	--c7: #0a2a66;

	--back:/*#F3F4F8;*/ #FFF;
	--text: #444950;
	--dark:rgba(0,0,0,.3); 		--dark-2:rgba(0,0,0,.4);
	--shadow-panel: 0px 5px 10px rgba(0,0,0,.2);
	--shadow-v: 0px 5px 20px rgba(0,0,0,.2);
	--shadow-p: 0px 30px 60px 0px var(--c3-15);

	--border-light: #f2f5f7;
	--border-dark: #c1d0d8;
	--back-lateral:#fafafa;

	--facebook: #3b5999; --twitter: #55acee; --linkedin: #0077B5; --whatsapp: #25D366; --instagram: #e4405f; --messenger: #0084ff; --youtube: #cd201f;

	--name: #03A9F4;
	--blue: #007bff;
	--blue-a: #007bff80; --blue-b: /*#e8f1ff;*/#edf2fa;
	--indigo:#6610f2;
	--purple:#6f42c1;
	--pink:#e83e8c;
	--red:#dc3545; --red-a:#dc354530;
	--orange:#fd7e14;
	--yellow:#ffc107;
	--green:#28a745; --green-a:#28a74530;
	--teal:#20c997;
	--cyan:#17a2b8;

	--white: #fff; --white2: #F5F5F9; --white-3:#F0F3FF;

	--gray:#6c757d; --gray-light: #b4bcc8; --gray-dark: #313539;
	--gray-2:#8498A7;

	--secondary2: #f1f2f3;


	--success: #0abb87; --success-a: #0abb8790;
	--info:#5578eb;
	--warning:#ffb822;
	--danger:#fd397a; --danger-a:rgba(253,57,122,.5);
	--light:#f8f9fa; --light-2: #F0F3FF;
	/*--dark:#343a40;*/



	/*#74788d #494b74 #364150; #494b74

	--line*/

	--br:1px solid #F00;
	--font: 'Montserrat', sans-serif;
	--wdg:1400px;
}


*{margin: 0; border:0; padding: 0;outline: none;font-weight: 500; -webkit-font-smoothing: antialiased; box-sizing:border-box;
	/*font-family: segoe ui, helvetica neue, helvetica, arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;*/
}

/*[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit
	-khtml-user-drag: element;
	-webkit-user-drag: element;
}*/

html, body {
	margin:0;
	width:100%; height:100% !important;
	font-family: var(--font);
	font-size:16px;
	line-height: 30px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	color: var(--text);
	background: var(--back);
}

p 			{margin-top:20px; margin-bottom: 20px;}

a 			{color: var(--c2);text-decoration: none;}
a:hover		{text-decoration: underline;}

.table 		{display: table;}
.td, .td2 	{display: table-cell; vertical-align: top}
.th			{display: table-cell; font-weight: 600;}
.td.top 	{vertical-align: top;}
.td.mid, .th.mid	{vertical-align: middle;}
.td.bot 	{vertical-align: bottom;}
.td.s20		{width:20%;}
.td.s25		{width:25%;}
.td.s30		{width:30%;}
.td.s33		{width:33%;}
.td.s50		{width:50%;}
.td.s60		{width:60%;}
.td.s70		{width:70%;}
.td.s80		{width:80%;}

.table.s80	{width:80%;}
.table.s100	{width:100%;}
.tr			{display: table-row;}

.center 	{text-align:center;}
.left		{text-align: left}
.right		{text-align: right}
.top		{vertical-align: top;}

.container	{ z-index: 3; width: var(--wdg); margin:auto;}

.spc		{margin-top:150px; margin-bottom: 150px;}
.spc2		{margin-top:50px; margin-bottom: 50px;}

.float-r	{float:right;}
.float-l	{float:left;}

.line		{border-top:1px solid var(--c1-25);}
.hr			{display:inline-block; width:100px; height: 2px; background: var(--c2); margin-top:30px;}
.rel 		{position:relative;}
.overlay	{position:absolute;width:100%;height:100%;background:url(../images/pattern.png)}

.lds-ripple{display:inline-block;position:relative;width:80px;height:80px;margin-top:20px}.lds-ripple div{position:absolute;border:4px solid var(--c3);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}

.circle {
	width:50px; height:50px;
	background: var(--white);
	border-radius: 50%;

	text-align: center;
	line-height: 50px;
	font-size:60px;
	color:var(--dark);
}

.btn, a.btn {
	display: inline-block;
	padding:8px 20px;
	border-radius:2px;

	font:500 13px 'Montserrat', sans-serif !important;
	letter-spacing: -0.03em;

	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

button.btn {
	padding:12px 20px;
}

button:disabled.btn {
	background: var(--c4-50);
	color: var(--white);
	text-shadow: -1px -1px 1px rgba(0,0,0,.2);
	cursor: not-allowed;
}

.btn i {margin-right:10px;}

	.btn.yellow {background:var(--c4); color: var(--white); text-shadow: 0px 1px 1px rgba(0,0,0,.5)}
	.btn.cyan {background:var(--c2); color: var(--white);}
	.btn.red {background:var(--red); color: var(--white);}
	.btn.green {background:var(--success); color: var(--white);}
	.btn.orange {background:var(--orange); color: var(--white);}
	.btn.white {border:2px solid var(--border-light); color: var(--c2); background: var(--white)}
	.btn.blue {background:var(--blue); color: var(--white);}

	.btn.fb {background:var(--messenger); color: var(--white);}
	.btn.wa {background:var(--whatsapp); color: var(--white);}

.card {display: inline-block; vertical-align:middle;padding:5px 10px;border-radius:3px;font-size: 11px; margin-right:3px; text-align: center; line-height: 14px}
.card i {margin-right: 5px}
.card.gray {background: var(--light);color: var(--gray-light);}
.card.green {background: var(--teal);color: var(--white);}
.card.green-t {background: var(--green-a);color: var(--green); padding:5px 10px; font-weight: 500;}
.card.yellow {background: var(--yellow);color: var(--white);}
.card.cyan {background: var(--c2);color: var(--white);}
.card.blue {background: var(--blue);color: var(--white);}
.card.red {background: var(--red);color: var(--white);}
.card.red-t {background: var(--red-a);color: var(--red); padding:0 10px; font-weight: 500;}

h2.green {color:var(--green);}


.input-box {
	position:relative;
	margin:30px;
}

.input-box label {
	position:absolute;
	top:17px; left:10px;
	font:500 16px var(--font);
	color: var(--gray-light);

	transition:all .3s ease;
	cursor: text;
}

.input-box.focus label{
	top:-6px;
	font-size: 11px;
	color: var(--text);
}

.input-box::before {
	content:'';
	position:absolute;
	top:calc(100% - 2px); left:50%;
	width:0%; height:2px;
	background: var(--blue);
	transition: all .3s ease;
}

.input-box.focus::before {
	width:100%; left:0;
}

.input-box input {
	width: 100%;
	border-bottom:2px solid var(--c2);
	padding:15px;
	background: transparent;

	font:500 16px var(--font);
	color:var(--text);
}

.input-box.error input {border-bottom:2px solid var(--red);}
.input-box.error::before {background: var(--red);}

.input-box .mess {
	position:absolute;
	top:100%;
	padding:10px;
	font:400 12px 'Roboto', sans-serif;
	line-height: 13px;
	color: var(--red);
}

button {
	padding:10px 30px;
	background: var(--blue);
	border-radius:3px;

	font:500 14px var(--font);
	color: var(--white);
}

.title-main {
	font:400 30px var(--font);
	letter-spacing: -0.07em;
	line-height: 30px;
}

.title-main.bb {border-bottom: 1px solid var(--gray-light); padding:10px 0;}

.title-main span {
	font-size: 12px; letter-spacing: normal;
	color: var(--c1);
}

.title-main span i {font-size: 8px;}
.title-main span i:first-child {font-size: 12px;}

.subtitle-main {
	font:400 25px var(--font);
	letter-spacing: -0.07em;
}

.title-void {margin:100px 0;font:500 20px var(--font);color: var(--gray-light);}
.title-void i {font-size: 80px; margin-bottom:20px;}
.nota {font-size: 13px; font-weight: 500; color: var(--c1); line-height: 16px}
.blk {max-width:1000px; width:auto; text-align:justify; font-size: 14px; margin:50px auto; line-height: 20px;}
.blk h3 {font-weight: 600;}
.blk .bold {font-weight: 600;}
.blk li {margin:10px 50px;}

ul.roman {list-style-type: lower-roman;}
ul.let {list-style-type: upper-latin;}

.c-red {color: var(--red);}
.c-green {color: var(--green);}





#dlg {

	position:fixed; z-index: 9999;
	width: 500px; max-width: 90%;
	top:60px; left: 50%;
	transform:translateX(-50%);

	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);

	display: table;
	margin:auto;

	font:400 14px var(--font);
	line-height: 14px;
	color:var(--white);
	box-shadow: 0px 3px 20px rgba(0,0,0,.3);
	text-align:left;

	display: none;
}
#dlg .td { vertical-align: middle;}
#dlg .icon {padding:20px; width:20px; font-size:30px;}
#dlg .text {padding:20px 40px 20px 10px;}

#dlg.alert	{background: #f0ad4e;}
#dlg.error {background: #d9534f;}
#dlg.info	{background: var(--cyan); color:#FFF;}
#dlg.succes {background: #5cb85c;}

.lds-ellipsis{display:inline-block;position:relative;width:64px;height:20px;margin-top:10px}.lds-ellipsis div{position:absolute;top:0;width:11px;height:11px;border-radius:50%;background:var(--white);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:26px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:45px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(19px,0)}}

.inline {display: inline-block;}
.hide_ {display: none;}

.emp {font-family: 'Antipasto', sans-serif; font-weight: 500; letter-spacing: normal; color: var(--c3);}

.chk {display: inline-block; margin-right: 10px;}
.chk input[type="checkbox"] {display:none;}
.chk input[type="checkbox"] + label {
	display: inline-block;
	width: 18px; height: 18px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: var(--light-2);
	cursor: pointer;
	border-radius: 3px;
	text-align:center;
	font-size: 11px;
	line-height: 20px;
	transition:all .3s ease;
	box-shadow: 0px 0px 5px inset rgba(0,0,0,.2);
}
.chk input[type="checkbox"] + label i {opacity:0;transition:all .3s ease;}
.chk input[type="checkbox"]:checked + label {text-align: center}
.chk input[type="checkbox"]:checked + label i {opacity:1;}

.select {
	position:relative;
	width:100%;
	border:2px solid var(--border-light);
	border-radius:3px;
	padding:10px;
	cursor:pointer;
	margin-bottom:10px;
	background:var(--white);
}

.select > i {float:right;line-height:20px;}
.select .label {
	margin-right:10px;
	font:500 14px var(--font);
	color:var(--gray);
}

.select .panel-select {
	position: absolute; z-index: 9999;
	top:100%; left:0;
	width:100%;
	border:2px solid var(--border-light);
	background: var(--white);
}

.select .panel-select .row {
	padding: 10px;
}


.custom-select {
	position: relative;
	width:100%;
	font:400 14px var(--font);
	text-align: left;
}

	.custom-select select {display: none;}

	.select-selected {
  		background: var(--white);
  		text-align: left;
	}

	.select-selected:after {
		position: absolute;
		content: "";
		top: 20px; right: 15px; width: 0;
		height: 0;
		border: 5px solid transparent;
		border-color: var(--text) transparent transparent transparent;
	}

	.select-selected.select-arrow-active:after {
		border-color: transparent transparent var(--text) transparent;
		top: 13px;
	}

	.select-selected {
		color: var(--gray);
		padding: 12px 16px;
		border: 2px solid var(--border-light);
		border-radius: 4px;

		font:600 12px var(--font);
		text-align: left;
	}

	.select-items div {
		padding: 12px 16px;
		font:500 14px 'Quicksand', sans-serif;
		color: var(--gray);
		cursor: pointer;
	}

	/* Style items (options): */
	.select-items {
		position: absolute;
		border:2px solid var(--border-light);
		border-top:none;
		background: var(--white);
		top: 100%; left: 0; right: 0;
		z-index: 99;
		max-height: 300px;
		overflow: auto;
	}

	/* Hide the items when the select box is closed: */
	.select-hide {display: none;}

	.select-items div:hover, .same-as-selected { background-color: var(--c2-50);}

	.sld {width:90%; margin:auto;}

#pag {
	color:var(--c2);
	background: var(--light);
	padding:10px;
	margin-top:100px;
}

#pag .td {
	font:700 14px 'Montserrat', sans-serif;
	vertical-align: middle;
	padding:10px;
}

#pag span {
	display: inline-block; vertical-align: middle;
	width:30px; height:30px;
	background: var(--light);
	border-radius:3px;

	text-align:center;
	line-height: 30px;
	color:var(--gray-light);
}

#pag .box {
	display: inline-block;
	margin:0 10px;
}

#pag button, #options button {
	border-radius:0;
	padding:6px 10px;
	margin-left: 5px;
	background: var(--gray)
}

#pag input {
	width:60px !important;
	padding:7px;
	text-align: center;
	border:1px solid var(--gray-light);
}

#overlay {
	position:fixed; z-index: 999;
	width:100%; height:100%;
	background: rgba(0,0,0,.85);
	display: none;
}

.fms-alr {
	position: fixed; z-index: 99;
	max-width: 95%;
	top:calc(100% - 200px);
	left:calc(100% - 300px);

	background: var(--white);
	border:2px solid var(--c3);
	border-radius:5px;
	padding:10px;

	box-shadow: var(--shadow-v);
	font-size: 14px;

	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;

	display: none;
}

.fms-alr:before {
	content: '';
	position: absolute; z-index: -1;
	width:15px; height:15px;
	top:calc(100% - 7px);
	left:75%;
	background:var(--white);

	border-bottom:2px solid var(--c3);
	border-right:2px solid var(--c3);

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

#result {
	position: fixed; z-index: 9999;
	width:400px; height:auto;
	top:0; left:/*calc(100% - 400px);*/ 0;
	background: #000;
	padding:10px;
	color:#FFF;
	display: none;
}









































/**********      HEADER     ***********/

#menu-alt {
	position:fixed; z-index: 99999999999;
	width:100%;	height:100%;
	top:0; left:0;
	background: var(--c2);
	text-align: center;
	padding:20px;
	display: none;
}

#close-menu {
	position:absolute;
	width:30px; height:30px;
	top:10px; left: calc(100% - 40px);

	text-align: center;
	color: var(--white);
	font-size: 25px

}

#menu-alt img {margin-bottom:20px; width:100px;}
#menu-alt a, #menu-alt .name {
	display: block;
	padding:10px;

	font-weight: 600;
	color: var(--white);
	text-decoration: none;

	transition:all .3s ;
}

#menu-alt a:hover {background: var(--white);color: var(--c3);}
#menu-alt a.link-m {font-weight: 400;letter-spacing: -0.03em;padding:3px;}
#menu-alt a.link-s {display: inline-block;	margin:20px 10px 0 0; line-height: 25px; padding:0;}

#m-alt {
	padding:20px;

	font-size: 25px;
	color: var(--white);
	text-align: right;

	cursor:pointer;
	display: none;
}



header {
	background: var(--c5);
}

/*header #top-cont {background: var(--c5); border:1px solid #F00;}*/

header #top {
	position:relative;
	padding:5px 0;
	color: var(--white);
	border-bottom:1px solid var(--c1-15);
	background: var(--c5);

	font-size: 14px;
}

header #top:before {
	content: '';
	position:absolute;
	width: 100%; height:100%;
	top:0; left:0;
	background: rgba(0,0,0,.2);
}

header #top .cts {position:relative; z-index:2; font-size: 11px; font-weight: 300;}
header #top .cts i {margin:0 15px;color: var(--c2);}

header .social {position: relative; z-index: 2;}
header .social a, a.link-s {
	display: inline-block;
	width:25px; height: 25px;
	margin:0 5px;
	border-radius:50%;

	text-align: center;
	font-size: 12px;
	line-height: 25px;
	color: var(--white);
}

header .social a.facebook-f:hover, a.link-s.facebook-f:hover  {background:var(--facebook); color:var(--white);}
header .social a.twitter:hover, a.link-s.twitter:hover {background:var(--twitter); color:var(--white);}
header .social a.instagram:hover, a.link-s.instagram:hover {background:var(--instagram); color:var(--white);}
header .social a.linkedin-in:hover, a.link-s.linkedin-in:hover {background:var(--linkedin); color:var(--white);}




nav {position:relative;}
#mu > .table{ border-left:1px solid rgba(255,255,255,.1);}
#logo {width:150px; margin:50px;} .logo {width: 180px;}

#menu {margin:0 10px; text-align:left;}

#menu .menu-item {
	position: relative;
	display: inline-block; vertical-align: middle;
	padding: 15px 0;
}

#menu .menu-item > a {
	border-radius:4px;
	padding: 8px 20px;

	font:600 13px var(--font);
	color: var(--white);
	text-decoration: none;
	overflow: hidden;
}

#menu .menu-item > a:hover {
}

#menu .menu-item > a.here {
	color: var(--c5);
	border-radius:4px;
	background: var(--white);
}

#menu .menu-item > a.here::before{display: none;}
#menu .menu-item > a.here::after {
	font-family: 'Line Awesome Free';
	font-size: 10px;
	font-weight: 600;
	content: "\f107";

	position: absolute;
	width:10px; height:10px;
	/*background: var(--c4);*/
	top:calc(100% - 6px); left:calc(50% - 5px);
	color:var(--c5);
}

#menu .menu-item > a.esp {
	background: var(--c4);
	color: var(--white);
	font-weight: 500;
	font-size: 16px;
}

#menu .menu-item > a.esp::before {
	display: none;
}

#menu .menu-item > a.esp i {margin:0 15px 0 60px;}

#lgb {
	position:absolute; z-index: 9999;
	width:320px;
	top:90px; left: calc(100% - 320px);

	background: var(--white);
	border-radius:4px;
	box-shadow: var(--shadow-panel);

	text-align: center;
	display: none;
}

#messa {
	width:100%;
	top:90px;
	font:400 13px 'Roboto', sans-serif;
	line-height: 12px;
	color:var(--red);
}

#legend, #legend-reg {
	margin:30px 10px;
	font:500 25px var(--font);
	letter-spacing: -0.07em;
	color: var(--c3);
	display: none;
}

#lgb .icon {
	position:absolute;
	width:50px; height:50px;
	top:25px; left: calc(100% - 70px);

	background: var(--c2);

	text-align: center;
	font-size:35px; line-height: 50px;
	color:var(--white);

	box-shadow: var(--shadow-panel);
}

#lgb .title{
	margin:30px 0 10px 0;
	padding:10px 30px;
	border-left:3px solid var(--c2);

	font-size:18px;
	color: var(--c2);
	text-align:left;
}

#lgb a {font-size: 12px; color:var(--blue);}

#lgb button {
	width:100%;
	background: var(--blue);
	padding:15px 25px;

	font-size: 14px;
	font-weight: 500;
	color: var(--white);

	cursor: pointer;
}


#user-panel {cursor:pointer;font-size: 14px; color: var(--white);}

#user-panel span {font-weight: 600;}
#user-panel .td:last-child {padding-left:20px;}
#user-panel .circle {font-size: 18px; color:var(--c3); background: var(--white)}


#menu-user {
	position:absolute; z-index: 99;

	box-shadow: var(--shadow-panel);
	text-align:left;

	display: none;
}

#menu-user a {
	display: block;
	padding:15px 20px;
	margin:1px 0;
	background:var(--white);

	font:400 13px var(--font);
	color: var(--c1);

	transition:all .3s ease;
}

#menu-user a i {margin-right:15px;}

#menu-user a:hover {
	background: var(--c5);
	color: var(--white);
	text-decoration:none;
	transform: scale(1.1);
}

#sub-head {
	position:relative;
	height:250px;
	color: var(--white);
}

#sub-head.vd {
	background: url(../images/bg/bg-05-2.jpg);
	background-size: cover;
}

#sub-head.ab {
	background: url(../images/bg/amg-3775917_1920.jpg) center;
	background-size: 100% auto;
}

#sub-head.sb {
	background: url(../images/bg/bg-04.jpg) center -550px;
	background-size: 100% auto;
}

#sub-head .container {
	position: relative; z-index: 1;
	top:50%; left:0;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#sub-head .title {font:300 40px 'Quicksand', sans-serif;letter-spacing: -0.05em;}
#sub-head .path {margin:10px;font:300 12px var(--font);}
#sub-head .path .arw {margin: 0 10px; font-size: 10px;}

#sub-head .ban {
	position: absolute;
	width:50%; height:70%;
	top:50%; left:40%;

	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);

	border-left:1px solid rgba(255,255,255,.1);
}

#sub-head .ban p {
	position:absolute;
	top:100%; left:50px;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

	opacity:0;
	transition:all 1s ease;

	font:400 18px var(--font);
	line-height: 30px;
	text-align: center;
}

#sub-head .ban p.in {opacity:1; top:40%;}
#sub-head .ban p.out {opacity:0; top:0%;}



























#carousel {
	position:relative;
	width:100%; height:600px;
}

#header-back {
	position:relative; z-index: 0;
	width: 100%; height: 100%;
	overflow:hidden;
}

	.cr-over {position:absolute; z-index: 2; width:100%; height:100%; background: rgba(0,0,0,.5);}
	.cr-item {position:absolute;top:0; left:0;width: 100%; height:100%;transition: transform 20s ease;text-align:center;}
	.cr-item .image {position: absolute;width:100%; height:100%;}
	.cr-item img {min-width: 100%; width:auto;}

#search {
	position:absolute; z-index: 2;
	top:50%; left:50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	font-size: 12px;
	font-weight: 300;
}

#search .title {
	font:500 30px 'Quicksand', sasns-serif;
	letter-spacing: -0.05em;
	color: var(--white);
	text-align:center;

	margin-bottom: 10px;
}

.idpg {
	position:relative;
	width:120px; height: 120px;
	margin:50px auto;
	background: var(--c3);
	border:10px solid rgba(255,255,255,.2);
	border-radius: 50%;
	padding-top:20px;

	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	color:var(--white);

	cursor: pointer;
}

.idpg p {
	width:100%;
	margin:0;
	
}

.idpg i {

}

#form {background:var(--dark-2); padding: 25px; border-radius:5px; color: var(--c1);}
#form-pass {display: none;}

#form .td {padding:10px;}

#form select, #form input {
	padding:15px;
	font:500 14px var(--font);
	color: var(--white);
	border:none;
	background: transparent;
	border-bottom: 2px solid var(--white);
}

#sh-mar, #sh-mod {
	width:300px;
}

#form select option {
	font-size: 16px;
	color: var(--text);
	background: var(--white);
}

#form .form-bottom {
	margin-top:30px;
	color:#FFF;
}

#form .form-bottom .ubic {
	display: inline-block; vertical-align: top:;
	width:150px;
}

#form .form-bottom .prec {
	display: inline-block; vertical-align: top;
	width: calc(100% - 200px);
	margin-left: 20px;
}

#form .form-bottom .prec .lab {
	display: inline-block; vertical-align: middle;
	width:120px;
	font:300 12px var(--font);
}

#form .form-bottom .prec .sli {
	display: inline-block; vertical-align: middle;
	width:calc(100% - 140px);
	margin-left:10px;
}

#form .form-bottom i {
	vertical-align: middle; margin:0;
}

#form .form-bottom select, #form input {
	padding:5px;
	font:300 12px var(--font);
	border:none;
}

#form input::-webkit-input-placeholder {color: var(--white);}
#form input::-ms-input-placeholder {color: var(--white);}
#form input::placeholder {color: var(--white);}

#form .form-bottom select option {
	font-size: 14px;
	color: var(--text);
	background: var(--white);
}

#form .button-2 {
	width:200px;
	padding:10px 0px;
	margin:auto;

	border:0;
	background: var(--c3);

	font:600 14px var(--font);
	color: var(--white);
	text-align: center;

	cursor:pointer;
}

#send-is-rp {display:none;}













































/**********      INFO ACCESS     ***********/

.info-acs {
	padding:70px 0;
	/*background: url(../images/bg/bg-acs.jpg) no-repeat var(--gray-dark);*/
	/*background-position-x: 10%;*/
	color: var(--white);
	font-size: 18px;
	line-height: 30px;
}

.parallax-window {min-height: 400px;background: transparent}

.info-acs > .table > .td {padding:0 100px;}
.info-acs > .table > .td:first-child {width:50%;}

.info-acs .title {
	font:700 30px var(--font);
	text-transform: uppercase;
}

.info-acs .num { width:50px;}

.info-acs ul {
	list-style: disc;
	list-style-position: inside;
}

.info-acs ul li {color: var(--c4); margin: 0 30px;}
.info-acs ul li span {color: var(--white);}
.info-acs .btn {width:200px; text-align: center; font-size: 16px; margin:auto;}

.info-acs-bot {background: var(--white); font-size: 16px; font-weight: 600; color: var(--c1);}
.info-acs-bot i {color: var(--c2); font-size: 40px; margin-bottom: 30px;}
.info-acs-bot .td.ct {padding:40px;}
.info-acs-bot .td.vl {
	width:1px;
	background: -moz-linear-gradient(top, rgba(49,53,57,0) 0%, rgba(49,53,57,1) 30%, rgba(49,53,57,1) 70%, rgba(49,53,57,0) 100%);
	background: -webkit-linear-gradient(top, rgba(49,53,57,0) 0%,rgba(49,53,57,1) 30%,rgba(49,53,57,1) 70%,rgba(49,53,57,0) 100%);
	background: linear-gradient(to bottom, rgba(49,53,57,0) 0%,rgba(49,53,57,1) 30%,rgba(49,53,57,1) 70%,rgba(49,53,57,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00313539', endColorstr='#00313539',GradientType=0 );

	opacity: .2;
}

.input-box.rem {
	width:500px; max-width: 90%;
	margin:50px auto 0 auto;
}

















































/**********      FORMS     ***********/
#form-reg {
	width:1000px; max-width: 90%;
	margin:50px auto;
	background: var(--white);
	border-radius: 4px;
	box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
}

#form-reg .reg {position: relative;}
#frm-reg {transition:all .5s ease;}
#legend-reg, #succes {
	position:absolute;
	width:80%;
	top:50%; left:50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
}

#succes i {font-size: 50px;color: var(--success);}
#succes .title {font-size: 30px; color:var(--success);}

#form-reg > .table > .td {width:50%;padding:50px;}
#form-reg .title {font-weight: 500;}


#form-reg .log {
	border-radius:4px 0 0 4px;
	color: var(--white);

	background: #32439b;
	background: -moz-linear-gradient(top, #32439b 0%, #0a2a66 98%);
	background: -webkit-linear-gradient(top, #32439b 0%,#0a2a66 98%);
	background: linear-gradient(to bottom, #32439b 0%,#0a2a66 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32439b', endColorstr='#0a2a66',GradientType=0 );
}

#form-reg .log .icon {font-size: 80px; margin-bottom:20px;}
#form-reg .log .title {font-size: 25px; font-weight: 400;}
#form-reg .log a {
	display: inline-block;
	background: var(--c2);
	padding:10px 30px;
	border-radius:3px;

	font:500 14px var(--font);
	letter-spacing: -0.03em;
	color: var(--white);
}


#form-reg .reg .box, #form-job .table {margin-bottom: 10px;}
#form-reg .reg .box .td:first-child, #form-job .table .td:first-child {padding-right:5px; }
#form-reg label, #form-job label {font:500 11px var(--font);}
#form-reg input, #form-job input, #form-job select, #form-job textarea {
	display: block;
	width:100%;
	padding:10px;
	border:1px solid var(--gray-light);
	border-radius:3px;
	margin-bottom:10px;

	font:500 14px var(--font);
}

#form-reg input.error, #form-job input.error, #form-job select.error, #form-job textarea.error {
	border:1px solid var(--red);
}

#form-reg input[type="radio"] {
	display: inline-block; vertical-align: bottom;
	width:20px;
}

#form-job textarea {height:150px;}

#form-reg button, #form-job button {
	display: block;
	margin:30px auto;

	color:var(--white);
	background: var(--blue);
	text-shadow: 0px -1px 1px rgba(0,0,0,.4);
	font:500 14px var(--font);
}

#form-job {
	width:600px; max-width: 90%;
	margin:auto;
	text-align: left;
	background: var(--white);
	border-radius: 4px;
	box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
	padding:30px;
}

#form-reg .chks {line-height: 10px;	margin-bottom:10px;}
#form-reg .chks .che {width:30px;}
#form-reg .chks label {cursor:pointer;}


#form-alr {
	width:90%;
	margin:20px auto;
	padding:20px;
	background: var(--light);
	line-height: 18px;
	text-align: center;

	display: none;
}

#form-alr .stp {
	text-align: left;
	display: inline-block; vertical-align: top;
	width:calc(50% - 25px);
	margin:0 10px;
}

#form-alr label {
	display: block;
	text-align: left;
	font:500 12px var(--font);
}

#alr-box-1, #alr-box-2 {display: none; font-size: 12px;}
#form-alr select {
	width:100%;
	border:1px solid #e8e8e8;
	border-radius: 5px;
	padding:10px;
	background:  var(--white);

	font:400 14px var(--font);
}

#form-alr input {
	width:100%;
	padding:10px;
	border:1px solid #e8e8e8;
	border-radius:4px;
	font:500 14px var(--font);
	color: var(--gray);
}

#form-alr .ctr {
	margin-top:20px;
}

.list-doc {
	width:800px; max-width: 95%;
	margin:auto;
	text-align: left;
}

.list-doc ul{
	/*list-style-image: url('../images/check-4.png');*/
	list-style:none;
}

.list-doc li {
	position:relative;
	margin:15px 0 15px 30px;
	font-size: 12px;
	line-height: 20px;
}

.list-doc li::before {
	position:absolute;
	left:-30px;

	font-family:"Font Awesome 5 Free";
	font-weight: 600;
	font-size: 14px;
	content:"\f00c";
	margin-right:10px;
	color:var(--green);
}

.list-doc li .bold {font-weight: 600;}
























































/**********      USERS PANEL     ***********/

.usr-menu {width:300px;}
.usr-menu .table {margin-bottom:15px;}
.usr-menu .table .ico {padding:15px 0;}
.usr-menu .circle {width:60px; height:60px; font-size: 30px; line-height: 60px; color:var(--white);}
.usr-menu .name {font:500 16px var(--font); line-height: 15px; padding:0 0 0 15px; color: var(--text);}
.usr-menu .name span {font-size: 12px; color: var(--c1-75);}

.usr-menu .info {font-weight:500; font-size:12px; color:var(--gray-light); margin-bottom:25px;}
.usr-menu .idu {padding: 5px 10px; line-height: 14px; border-bottom:1px solid var(--light);}
.usr-menu .idu i {margin-right:10px;}
.usr-menu .idu label {display:inline-block;width:100px;}

.usr-menu .idu.act-1 {color: var(--success);}

.usr-menu a {position:relative;display: block; padding:10px 20px; margin:10px 0; background: var(--light); border-radius:3px; font:400 13px var(--font); color: var(--gray);}
.usr-menu a:hover {text-decoration: none; color: var(--blue);}

.usr-menu a.here {background: var(--blue); color:var(--white);}
.usr-menu a.here::before {}
.usr-menu a i {margin-right:25px;}

#menu-comb {display: none;}

#comb-menu-user {
	width:100%;
	padding:10px;
	border: 2px solid var(--border-light);
	/*font: 500 16px 'Quicksand', sans-serif;*/
	font:400 14px var(--font);
}

.panel {
	background: var(--white);
	box-shadow:0px 0px 15px rgba(0,0,0,.1);
	border-radius:3px;
	color:var(--dark);
}

	.ml {padding-left:20px;}
	.mr {padding-right:20px;}

	.panel .title {
		padding:20px;
		font:500 16px 'Quicksand', sans-serif;
		letter-spacing: -0.03em;
		border-bottom:1px solid var(--c1-25);
		color: var(--text);
	}

	.panel .title .button-hd {
		display: inline-block;
		width:30px; height:30px;
		float:right;

		text-align: center;
		line-height: 30px;
		font-size: 12px;
		color:var(--primary);

		background:var(--light-2);
		cursor: pointer;
		border-radius:3px;
		transition: all .3s ease;
	}

	.panel .title .button-hd:hover {
		background: var(--c2);
		color: var(--white);
	}


	.panel .title span {
		font:300 13px var(--font);
		color:var(--gray-light);
		margin-left:20px;
	}

	.pd {padding:15px;}

	.panel-form {
		display: table;
		width:80%;
		margin:20px auto;
	}

	.panel-form label {
		display:block;
		margin-top:11px;
		padding: 0 30px;

		font-weight: 400;
		font-size: 13px;
		color:var(--gray);
	}

	.panel-form input, .panel-form select, .panel .head-opt select, #opt-head select {
		width:360px;
		border:1px solid #e2e5ec;
		border-radius:5px;
		padding:9px 15px;

		font:500 14px 'Quicksand', sans-serif;
		color:var(--c1);
		transition:all .3s ease;
	}

	.panel-form input:disabled{background-color:var(--light);}

	.panel-form input.wcr, .panel-form input.wcl {
		display: inline-block;
		width:310px;
	}

	.panel-form input.wcr { border-radius:5px 0 0 5px; border-right:none;}
	.panel-form input.wcl {	border-radius:0 5px 5px 0; border-left:none;}

	.inct {
		display: inline-block;
		vertical-align: top;
		width:50px; height:38px;
		border:1px solid #e2e5ec;
		background: var(--light);

		font-size: 14px;
		color:var(--text);
		text-align:center;
		line-height: 38px;

		cursor:default;
	}

	.inct.rs {border-radius:0 5px 5px 0;}
	.inct.ls {border-radius:5px 0 0 5px;}
	.inct.bt {cursor:pointer;}

	.panel-form input.error, .panel-form select.error {
		border-color:var(--red);
	}

	.panel-form input:focus, .panel-form select:focus {
		box-shadow: 0px 5px 10px rgba(0,0,0,.1)
	}

	.panel-form span {
		display: block;
		padding:5px;
		font:300 12px 'Roboto', sans-serif;
		color:var(--gray-light);

	}

	.panel-form .sub-title {
		font-weight: 500;
		color: var(--text);
	}

	.panel-ctrl {
		border-top:1px solid var(--secondary);
		padding:0 20px 20px
	}

	.panel-form #spn {
		position: relative;
		display: inline-block;
		transform:translateX(-20px);
		transition: all .5s ease;
		opacity:0;
	}

	#spinner {
		color:var(--green);

		-webkit-animation: 1s rotate linear infinite;
		animation: 1s rotate linear infinite;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

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

.alr-item {margin:20px auto;}
.alr-item .td {padding: 10px;}
.alr-item .tr:nth-child(2n) .td {background: var(--light);}

.alr-item .ico{width:20px;}
.alr-item .ctr{width:120px;}
.alr-item .dat {font:500 12px var(--font); color: var(--text);}























































/**********      FORM LOGIN     ***********/
.login {
	background: url(../images/bg/bg-log.jpg);
	background-size: cover;
}

#form-2 {
	position:absolute; z-index:2;
	top:45%; left: 50%;

	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);

	padding:20px;
	border-radius:5px;

	text-align: center;
	transition: filter .5s ease;
}

#form-2 .box {
	position:relative;
	margin:10px 0;
}

#form-2 input {
	padding:15px 15px 15px 40px;
	width:300px;
	border-radius:3px;
	font:500 14px var(--font);
	transition: all .5s ease;
}

#form-2 .box i {
	position:absolute;
	top:13px; left:10px;
	font-size: 18px;
}

#form-2 .box.error input {background: var(--red);}
#form-2 .box.error input::-webkit-input-placeholder {color: var(--white);}
#form-2 .box.error input::-ms-input-placeholder {color: var(--white);}
#form-2 .box.error input::placeholder {color: var(--white);}
#form-2 .box.error i {color:var(--white);}

#form-2 button {
	padding:7px 20px;
	background: var(--c4);
	border-radius:3px;

	font: 500 14px var(--font);
}

.blur {filter:blur(10px);}

.no-log {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
	10%, 90% {
		transform: translate(-50%, -50%) translate3d(-5px, 0, 0);
	}
	20%, 80% {
		transform: translate(-50%, -50%) translate3d(10px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate(-50%, -50%) translate3d(-20px, 0, 0);
	}
	40%, 60% {
		transform: translate(-50%, -50%) translate3d(20px, 0, 0);
	}
}










































/**********      INFO CTO - ABOUT    ***********/

.cto {font-size: 16px; line-height: 25px; color: var(--c1); overflow:hidden;}
.cto .img {position:relative; height:500px;}
.cto .img img {
	position: absolute;
	height:500px; width:auto;
	top:calc(100% - 500px); left:50%;

	transform: translateX(-50%);
}
.cto .title {font:400 30px var(--font); color: var(--text); letter-spacing: -0.05em;}
.cto .ico {width: 35px; color: var(--c2);}
.cto .chat i {font-size: 20px; vertical-align: middle; margin-right: 15px;}

.container.text_, .container.cont_{
	width:1200px;
	font:500 18px var(--font);
	line-height: 30px;
}

.text_ .td {padding:20px;}
.text_ #lg {width:300px;}

.text_ .val, .text_ .bottom, .regq {border-collapse: separate; border-spacing: 20px;}
.text_ .val .td, .text_ .bottom .td,  .regq .td {
	background: var(--c2);
	color: var(--white);
	padding:50px;
	font-size: 16px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 30px 60px 0px;
	border-radius:6px;
}

.text_ .val .td .title {font-size: 25px;}

.regq i {font-size:35px; color: var(--dark);}
.regq .title {font-weight: 600;}

.text_ .bottom .td, .regq .td {
	background: var(--white);
	color: var(--text);
}

.text_ .bottom .td div:nth-child(1) {width:75%;font-size: 23px;}
.text_ .bottom .td div:nth-child(2) {text-align: right; margin-top:20px;}

.container.cont_ > .table > .td {padding:20px;}

.lat-cont .item {
	padding:40px;
	border-bottom:1px solid var(--c1-25);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.05em;
}

.lat-cont .item:last-child {border:none;}
.lat-cont .item i {font-size: 40px;margin-bottom:20px;color:var(--c2);}
.lat-cont .item a {color: var(--white); text-align: center;}
.lat-cont .item a i {font-size: 10px;color: var(--white);}
.lat-cont a.link-s {
	background: var(--c1);
}

.container.cont_ .td.main-cont {position:relative; padding-top:40px;}
.main-cont .form-row .td:nth-child(1) {padding-right:10px;}
.main-cont .form-row .td:nth-child(2) {padding-left:10px;}
.main-cont .form-row {margin-bottom:20px;}

.main-cont label {font-size: 12px; font-weight: 500; color: var(--text);}
.main-cont input, .main-cont textarea {
	width:100%;
	padding:10px;
	border:1px solid var(--c1-25);

	font:500 16px 'Quicksand', sans-serif;
	color: var(--gray);
}

.main-cont textarea {height:200px}
.main-cont span {font-size: 12px;padding:0 5px}

.container.cont_ .scs {}
.container.cont_ .scs .scl {
	display: inline-block; vertical-align: top;
	width:calc(33% - 30px);
	margin:10px;
	background: var(--white);
	padding:20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 30px 60px 0px;
}

.container.cont_ .scs .scl .suc {font-weight: 500;}

.container.cont_ .scs .scl .dat {
	font:500 14px 'Roboto', sans-serif;
	margin-bottom:10px;
}

.container.cont_ .scs .scl .dat span {
	display: inline-block;
	white-space: nowrap;
	margin:5px 10px;
}

.container.cont_ .scs .scl iframe {
	width:100%; height:200px;
}



































/**********      VEHICULOS     **********/

.vehicle {
	position:relative;
	display: inline-block; vertical-align: top;
	width:calc(25% - 30px);
	margin:10px;

	border:1px solid var(--c1-15);
	overflow:hidden;
	background: var(--white);

	text-align:left;

	transition: all .3s ease;
}
	.vehicle.vd {
		width:calc(33% - 30px);
	}

	.vehicle:hover {box-shadow: var(--shadow-v)}
	.vehicle:hover .img::before {opacity:1;}
	.vehicle:hover .tools {opacity:1;}

.vehicle .card.top {
	position:absolute; z-index: 10;
	top:10px; left:10px;
}

.vehicle .tools {
	position:absolute; z-index: 3;
	width:100%;
	top:190px;
	padding:10px;
	text-align: right;
	opacity:1;
}

.vehicle .circle {
	display: inline-block;
	width:30px; height:30px;
	border-radius:50%;
	margin-right:5px;

	font-size:12px;
	line-height: 30px;
	color: var(--text);
	text-align: center;

	transition: all .3s ease;
}

.vehicle .circle:hover {
	background: var(--c2);
	color: var(--white);
}

.vehicle .circle.act, .vehicle .circle.act:hover {
	background: var(--red);
	color: var(--white);
}

.vehicle a.img {
	position:relative;
	display: block;
	overflow: hidden;
	width:100%; height:250px;
	cursor: pointer;
}

.vehicle a.img::before {
	content:'';
	position:absolute; z-index: 2;
	width:100%; height: 100%;
	background: var(--dark);
	opacity:0;
	transition:all .5s ease;
}

.vehicle a.img img {
	position:absolute;
	width:auto; height:100%;
	top:50%; left:50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@supports(object-fit: cover){
	.vehicle a.img img{
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

.vehicle .data {
	position:relative;
	color: var(--text);
	overflow: hidden;
}

.vehicle .data .btn {
	display: block;
	width:90%;
	margin:10px auto;
	text-align: center;
}

.vehicle .data .btn:hover {text-decoration: none;}

.vehicle a.title {
	display: block;
	width:100%; height:60px;
	font:500 18px var(--font);
	color: var(--c3);
	padding:15px;
	cursor:pointer;
}

.vehicle a.title:hover {text-decoration: none;}

.vehicle .data i {
	margin-right: 5px;
}

.vehicle .cost {
	font:500 18px var(--font);
	padding:15px 15px 5px 15px;
	color:var(--text);
}

.vehicle .ofer, .vehicle .count {
	padding:0 15px ;
	color: var(--text);
	font-size: 12px;
	line-height: 20px;
}

.vehicle .data .det {
	margin-top:15px;
	border-top:1px solid var(--c1-15);
	color: var(--c1);
	font-size: 12px;
}

.vehicle .data .td {
	width:33%;
	padding:15px 5px;
	text-align: center;
	text-overflow: ellipsis; white-space:nowrap; overflow: hidden;
}

.vehicle .icon {
	height:13px; width:auto;
	vertical-align:middle;
	margin-right:5px;
	fill: var(--c1);
}

.cert {
	background: var(--light);
	width:400px; max-width: 90%;
	margin:50px auto;
	padding:30px;

	font:500 25px var(--font);
}

.cert svg {width:100px; fill: var(--green);}

#dialog-box {
	position:fixed; z-index: 1000;
	width:700px; max-width: 90%;

	top:50%; left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	background: var(--white);
	box-shadow: rgba(0, 0, 0, .2) 0px 30px 60px 0px;
	border:1px solid var(--border-light);
	border-radius: 5px;
	padding:30px;

	font-size: 14px;
	line-height: 16px;
	display: none;
}

#dialog-box #conf, #dialog-box #mess, #dialog-box #form-nid, .legend {display: none;}
#legend-reg.vd {
	position:fixed; z-index: 1001;
	color: var(--white);
}

#dialog-box a {white-space: nowrap;}












.vehicle-2 {
	display: inline-block; vertical-align: top;
	width: calc(25% - 24px);
	margin:10px;
	border:1px solid #EEE;
	cursor:pointer;
}

.vehicle-2 .img {
	position:relative;
	width:100%; height:150px;
}


.vehicle-2 .img img {
	position:absolute;
	width:auto; height:100%;
	top:50%; left:50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@supports(object-fit: cover){
	.vehicle-2 .img img{
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

.vehicle-2 .dat, .vehicle-2 .ctr {
	padding:10px;
}

.vehicle-2 .stock {font:500 12px 'Roboto', sans-serif; color:var(--text);}
.vehicle-2 .title {font:500 18px 'Roboto', sans-serif;}
.vehicle-2 .cost {font:500 18px 'Roboto', sans-serif; margin:10px 0;}
.vehicle-2 .spec {font:500 12px 'Roboto', sans-serif; margin-top:10px;}
.vehicle-2 .spec div {padding:5px;}








.vehicle-3 {
	width:100%;
	margin:20px auto;
	border-bottom:1px solid #EEE;
}

.vehicle-3 .img {
	position:relative;
	width:120px; height:80px;
}


.vehicle-3 .img img {
	position:absolute;
	width:auto; height:100%;
	top:50%; left:50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@supports(object-fit: cover){
	.vehicle-3 .img img{
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

.vehicle-3 .dat {padding:10px;}
.vehicle-3 .stock {font:600 11px 'Roboto', sans-serif; color:var(--gray);}
.vehicle-3 .title {font:500 22px 'Roboto', sans-serif;}


.block {
	display: inline-block; vertical-align: top;
	width:calc(50% - 43px);
	margin:20px;
	font:400 13px 'Roboto', sans-serif;
}

.block .title {
	border-bottom:1px solid var(--border-light);
	padding:10px;
	font-size: 14px;
	background: var(--light);
}
.block .title i {margin-right:10px; color: var(--c1);}

.block .cont {
	padding:20px;
}

.block .inv {width:90%; margin:10px auto;}
.block .inv .td {
	padding:5px;
	background: var(--light);
}
.block .inv .tr:nth-child(2n) .td {
	background: var(--white);
}

.block .inv .con {color: var(--gray); border-radius:3px 0 0 3px;}
.block .inv .val {font-weight: 500;}
.block .tot {font-size: 16px; padding:40px 0px; border-top:1px solid #CCC;}
.block .tot .val {color:var(--green);}




#mrc .txt {
	width:900px; max-width: 95%;
	margin:auto;
	padding: 40px;
	border-radius:5px;
	box-shadow: rgba(0, 0, 0, .06) 0px 30px 60px 0px;
}

#mrc .subtitle-main {
	margin-bottom:30px;
	font-weight: 500;
}

#mrc p {
	font-weight: 300;
}


#marcas {
	position: relative;
	overflow: hidden;
}

#marcas.about {
	width:100%;
}

#marcas .handle {
	margin:100px 0 100px 0;
}

#c-slider {position: relative; width:95%; margin:auto; text-align: center;}
#mrc-next, #mrc-prev {

	position:absolute;
	width:20px; height: 20px;
	top:calc(50% - 10px);

	text-align: center;
	line-height: 20px;

	cursor:pointer;
}

#mrc-next {left:calc(100% - 20px)}
#mrc-slider {display: flex;}
#mrc-slider div {position: relative; padding:30px; border:1px solid var(--c1-15); margin: 0 20px; transition: transform 1.2s ease;}
#mrc-slider div.current {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}

#mrc-slider div img {width:80px; height:auto;}

.lat-filt {width:300px; border:2px solid var(--border-light); background: var(--back-lateral); transition: all .5s ease;}
.lat-filt.visible {left:0;}

.lat-filt .title {position:relative; font:600 14px var(--font); color: var(--c2); border-bottom:1px solid var(--c1-25); padding:15px;}
.lat-filt .ctrl {position:absolute;width:115px;top:12px; left:calc(100% - 130px); text-align: right;}

.lat-filt .title i {margin-right:10px;}

.lat-filt .title a {display:inline-block; vertical-align:middle;font-size: 11px;line-height: 20px;text-decoration: underline; cursor:pointer; margin-left:10px;}
.lat-filt .title a:first-child {margin:0;}
#close-filt {font-size: 16px; display:none;}

.lat-filt .sub-title { font:600 12px var(--font); padding:15px;margin-bottom:35px;}
.lat-filt .ct {padding:0 20px;}
.lat-filt .line {width:85%; margin:20px auto;}

.lat-filt .sub-title.exp {cursor:pointer;}
.lat-filt .sub-title.exp i {float:right; font-size: 16px; color:var(--c2); transition:all .5s ease;}

.lat-filt .custom-select {margin-bottom:10px;}

.lat-filt select {
	width:100%;
	font:400 14px var(--font);
	text-align: left;
}

#list-main {
	padding-left:30px;
}

.main-top {
	width:100%;
	margin:0 0 15px 0;
	background: var(--back-lateral);
	border-radius:5px;
}
.main-top .td {
	vertical-align: middle;
	padding:15px;

	font:500 16px var(--font);
	color: var(--c2);
}

.main-top .btn {
	margin-right:20px;
	padding:10px 20px;
	display: none;
}

.main-top-rp {margin-bottom:30px;font:15px 'Roboto', sans-serif; display: none; text-align:center;}
.main-top-rp div{margin:10px 0;}
.main-top-rp div:first-child{font-weight:500;}
.main-top-rp div:last-child {font-weight:500; font-size:13px;}
.main-top-rp select {
	padding:5px;
	background: var(--border-light);
	font:500 12px 'Roboto', sans-serif;
	color: var(--text);
}

.chk-est {
	display: inline-block; vertical-align: top;
	width:calc(33% - 4px);
	margin: 2px;
	border-radius:3px;

	text-align: center;
	cursor:pointer;

	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.chk-est.checked {background: var(--c2); color:var(--white);}

.chk-est .chk {display: block; text-align: right; margin: 0;}
.chk-est img {display:block;width:70%; margin:auto;}
.chk-est label, .lat-filt label {font:600 12px 'Quicksand', sans-serif;}







.view-vho {position:relative; z-index: 1}
#main-gallery {
	display: block;
	width:calc(100% - 370px);
	border:1px solid var(--border-light);
}
.main-data {display: block;	width: calc(100% - 370px);}




/*BLOQUE LATERAL*/

.view-vho .data {

}

#lt {
	position:absolute; z-index: 10;
	width:365px;
	top:0; left:calc(100% - 365px);

	padding:0 30px;
}

.view-vho .stock { font:600 12px var(--font); color:var(--c1); }
.view-vho .title {padding:0 0 5px 0; font:600 20px var(--font); line-height: 22px}

.view-vho .data .spec-1 .card {
	padding:5px 10px;
	font-size: 12px; font-weight:500;
	color:var(--c1);
}

.view-vho .data .spec-1 .card .icon {
	height:13px;
	margin-right:5px;
	vertical-align: middle;
}

#dsb {
	margin-top:20px;
	text-align: center;
}

.view-vho .data .cost {margin:10px auto; font:600 35px 'Roboto', sans-serif;}
#puja {letter-spacing: -0.07em}
.view-vho .data .cost span {display: inline-block; vertical-align: middle;	font:400 13px 'Roboto', sans-serif;color: var(--c1-75);}

.view-vho .button {
	display: block;
	width:300px;
	background: var(--c2);
	border-radius:4px;
	padding:12px;
	margin:0 auto 40px auto;

	text-align:center;
	font:500 14px var(--font);
	color: var(--white);
	cursor:pointer;
}

.view-vho .cto {
	width:90%;
	text-align:center;
	margin:auto;
}

.view-vho .cto input, #vct-nid input {
	width:100%;
	padding:13px;
	margin:3px 0;
	border:1px solid var(--border-light);

	font:500 12px var(--font);
	color: var(--text);
}

.view-vho .cto button, #vct-nid button {
	width:100%;
	margin-top:10px;
}

.vho-min {
	margin-bottom:20px;
}

.vho-min .img {
	position:relative;
	width:120px; height:80px;
}


.vho-min .img img {
	position:absolute;
	width:auto; height:100%;
	top:50%; left:50%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@supports(object-fit: cover){
	.vho-min .img img{
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

.vho-min .dat {padding:10px;}
.vho-min .stock {font:600 11px 'Roboto', sans-serif; color:var(--gray);}
.vho-min .title {font:500 22px 'Roboto', sans-serif;}

.msg-wl {
	display: block;
	margin:auto;
	border-radius:4px;
	padding:10px;

	color: var(--white);
	font:400 22px var(--font);
}

.msg-wl.green-t{background:var(--green)}.msg-wl.red-t{background:var(--red)}

.temp {
	position: relative;
	border-radius:4px;
	padding:10px;
	background: var(--text);

	font:400 13px var(--font);
	color:var(--white);
}

#temp-bar {
	content:'';
	position:absolute; z-index:1;
	width:0%; height:100%;
	top:0; left:0;
	background: transparent;
	border-radius: 4px;

	/*transition:background 1s ease;*/
}

.temp * {
	position: relative;
	z-index:2;
}

.temp i {margin-right:10px;}



















.offer {
	position: relative;
	padding:10px 0px;
	text-align: center;
}

/*.offer i {
	position:absolute;
	top:21px; left:18px;
	font-size: 14px
}*/

.offer .ctrl-box {
	position: relative;
	display: inline-block;
	width:160px;
	margin-right:5px;
}
.offer .btc {
	position:absolute;
	width:30px; height:30px;
	top:50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);

	font-size: 12px;
	line-height: 30px;
	text-align: center;
	color:var(--blue);

	cursor:pointer;
}



.offer .btc.plus {left:calc(100% - 30px);}
.offer .btc.minus {left:1px;}

.offer .btc.disabled {
	color:var(--gray-light);
	cursor:default;
}

.offer input, .offer_b input {
	width:160px;
	border:1px solid var(--gray-light);
	padding:8px;
	font:600 14px var(--font);
	color: var(--text);
	text-align:center;
}
	.offer_b input {
		padding:5px;
		margin:10px 0;
		text-align:center;
	}

.offer button, .offer_b button {
	padding:9px 20px;
}


.offer_b {
	padding:10px; margin-top:4px;
	background: var(--light);
	font:500 11px 'Montserrat', sans-serif;
	text-align: center;
}

.offer_b button {

}

.offer h4 {line-height: 16px;}
.offer .msg{
	font-size: 10px;
	line-height: 16px;
}





.view-vho .sub-tit {
	position:relative;
	margin-bottom:100px;
	font:400 30px var(--font);
	letter-spacing: -0.03em;
}

.view-vho .sub-tit .crl {
	float:left; vertical-align: middle;
	margin-right: 20px;
	background: var(--c4);
	padding:10px 20px;
	color: var(--white);
}

.view-vho .sub-tit span {
	display: block;
	padding-left:10px;
	font:400 11px 'Ubuntu', sans-serif;
	letter-spacing: 0.3em;
	color: var(--c1-75);
}

.view-vho .sub-tit-2 {
	position:relative;
	font:500 18px var(--font);
	letter-spacing: -0.03em;
	margin-bottom:10px;
}

.view-vho .sb-data {
	margin-top:20px;
	padding:20px 0;

	border-top:1px solid var(--c1-15);
}

.view-vho .sb-data .td {font:500 12px var(--font); line-height: 14px; color: var(--text); padding:2px 0;}
.view-vho .sb-data .ico {width:20px; text-align: center; color:var(--c1);}
.view-vho .sb-data .lab {padding:0 10px;}
.view-vho .sb-data .card {padding:8px}











.sp { text-align:left; }

.sp .item {
	display: inline-block; vertical-align: top;
	width:calc(25% - 12px);
	background: var(--white);
	border-radius:3px;
	margin:5px 3px 0 0;
}

.sp .item .dat {font:600 13px var(--font); text-align:left;}
.sp .item .td {padding: 10px;}
.sp .item .ico {width:30px; font-size: 25px; color:var(--c2); text-align: center;}
.sp .item .ico .icon {height:20px; margin-right:10px; vertical-align: middle; fill: var(--c2);}

.ficha {font:500 13px var(--font); background: var(--white)}
.ficha > .td {padding:30px;}

.ficha .list .td, .ficha .list .th {background: var(--c2-15); padding:10px;}
.ficha .list .tr:nth-child(2n) .td, .ficha .list .tr:nth-child(2n) .th {background: var(--white)}

.ficha  ul {
	margin:0 20px;
}

.tabs {
	margin-bottom:30px;
}

.tabs .tab {
	display: inline-block;
	padding:10px 30px;
	font-size: 14px;
	cursor:pointer;
}

.tabs .tab.selected {
	background: var(--c2);
	border-radius:4px;
	color:var(--white);
}

#imgdocs {
	display: none;
	padding:30px;
	font-size: 12px;
	line-height: 14px;
}

#imgdocs p {
	margin:5px;
}

#galdoc {background: #EEE;}

.fin {
	display: table;
	border-collapse: separate; border-spacing: 20px;
	width:90%; margin:auto;
	background: var(--white);
}

.fin > .td {
	padding:20px;
	box-shadow: var(--shadow-p);
	font:500 16px var(--font);
	border-radius: 4px;
}

.fin .table .td .circ {
	display: inline-block; vertical-align: middle;
	width:30px; height:30px;
	background: var(--c3);
	border-radius: 50%;
	margin-right: 20px;

	text-align: center;
	font-weight: 700;
	line-height: 30px;
	color: var(--white);
}
.fin .table .td {font:600 16px var(--font); padding:0;}


.fin .box {position:relative;}
.fin .box i {
	position: absolute;
	top:11px; left:62px;
	color: var(--dark);
}

.fin #vho-eng {
	display: inline-block; vertical-align: top;
	width:150px;
	background:var(--c2);
	border-radius:3px;
	padding:10px;
	box-shadow: var(--shadow-p);

	font:600 20px var(--font);
	color: var(--white);
	text-align: center;
}

.fin .calc span {
	font:500 12px var(--font);
	color: var(--c1);
}

.fin .row {
	display: block;
	padding:10px;
	margin:5px 0;
	border-radius: 4px;

	font:500 13px var(--font);

	cursor:pointer;
	transition:all .3s ease;
}

.fin .row span {font:500 13 var(--font);}

.fin .row.selected {
	background: var(--c2);
	color: var(--white);
}

.fin .row:hover {
	background: var(--c2-15);
}

.fin .row input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.fin .pre {font:600 30px var(--font);}












































/**********      FOOTER    **********/

footer {
	background: var(--gray-dark);
	padding:50px 0;
	border:1px solid var(--c1-25);
	box-shadow: 0px -10px 25px rgba(0,0,0,.1);
	font: 400 13px 'Ubuntu', sans-serif;
	color: var(--c1);
}

footer > .table > .td {padding:0 50px;}
footer > .table > .td.vl {padding: 0;}

footer .logo {font-weight:400;line-height: 25px;}
footer .logo img {width:100px;}
footer .logo p {margin-left:0px;}

footer .title {
	margin:15px 0 30px 0;
	font: 500 17px var(--font);
	font-weight: 500;
	letter-spacing: -0.05em;
	color: var(--white);
}

footer .menu a {
	display: block;
	padding: 7px 15px;
	color: var(--c1);
	transition: all .3s ease;
}

footer .menu a i {
	font-size: 10px;
	margin-right:10px;
}

footer .menu a:hover {color: var(--c3); text-decoration: none;}

footer .td.vl {
	width:1px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );

	opacity: .12;
}

footer .ct .table {margin:10px 0;}
footer .ico {width:30px;}





























/**********      ANIMACIONES     ***********/

.animate, .cust {opacity:0}
.menu-hide{right:-300px}
.sec-height{height:100%;left:100%;}
.sec-ini{left:0;}

.start.top-to-bottom.dly-02,.start.bottom-to-top.dly-02,.start.left-to-right.dly-02,.start.right-to-left.dly-02,.start.appear.dly-02{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s;}
.start.top-to-bottom.dly-04,.start.bottom-to-top.dly-04,.start.left-to-right.dly-04,.start.right-to-left.dly-04,.start.appear.dly-04{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;}
.start.top-to-bottom.dly-06,.start.bottom-to-top.dly-06,.start.left-to-right.dly-06,.start.right-to-left.dly-06,.start.appear.dly-06{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;}
.start.top-to-bottom.dly-08,.start.bottom-to-top.dly-08,.start.left-to-right.dly-08,.start.right-to-left.dly-08,.start.appear.dly-08{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s;}
.start.top-to-bottom.dly-1,.start.bottom-to-top.dly-1,.start.left-to-right.dly-1,.start.right-to-left.dly-1,.start.appear.dly-1{-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}
.start.top-to-bottom.dly-12,.start.bottom-to-top.dly-12,.start.left-to-right.dly-12,.start.right-to-left.dly-12,.start.appear.dly-12{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s;}

.start.top-to-bottom{-webkit-animation:ttb .7s 1 cubic-bezier(0.175,.885,.32,1);-moz-animation:ttb .7s 1 cubic-bezier(0.175,.885,.32,1.275);-o-animation:ttb .7s 1 cubic-bezier(0.175,.885,.32,1.275);animation:ttb .7s 1 cubic-bezier(0.175,.885,.32,1.275);opacity:1}
.start.bottom-to-top{-webkit-animation:btt .7s 1 cubic-bezier(0.175,.885,.32,1);-moz-animation:btt .7s 1 cubic-bezier(0.175,.885,.32,1.275);-o-animation:btt .7s 1 cubic-bezier(0.175,.885,.32,1.275);animation:btt .7s 1 cubic-bezier(0.175,.885,.32,1.275);opacity:1}
.start.left-to-right{-webkit-animation:ltr .7s 1 cubic-bezier(0.175,.885,.32,1);-moz-animation:ltr .7s 1 cubic-bezier(0.175,.885,.32,1.275);-o-animation:ltr .7s 1 cubic-bezier(0.175,.885,.32,1.275);animation:ltr .7s 1 cubic-bezier(0.175,.885,.32,1.275);opacity:1}
.start.right-to-left{-webkit-animation:rtl .7s 1 cubic-bezier(0.175,.885,.32,1);-moz-animation:rtl .7s 1 cubic-bezier(0.175,.885,.32,1.275);-o-animation:rtl .7s 1 cubic-bezier(0.175,.885,.32,1.275);animation:rtl .7s 1 cubic-bezier(0.175,.885,.32,1.275);opacity:1}
.start.appear{-webkit-animation:appear .7s 1 cubic-bezier(0.175,.885,.32,1);-moz-animation:appear .7s 1 cubic-bezier(0.175,.885,.32,1.275);-o-animation:appear .7s 1 cubic-bezier(0.175,.885,.32,1.275);animation:appear .7s 1 cubic-bezier(0.175,.885,.32,1.275);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}

@-webkit-keyframes ttb{0%{-webkit-transform:translate(0%,-100%);opacity:0}100%{-webkit-transform:translate(0%,0);opacity:1}}
@-moz-keyframes ttb{0%{-moz-transform:translate(0%,-100%);opacity:0}100%{-moz-transform:translate(0%,0);opacity:1}}
@-o-keyframes ttb{0%{-o-transform:translate(0%,-100%);opacity:0}100%{-o-transform:translate(0%,0);opacity:1}}
@keyframes ttb{0%{transform:translate(0%,-100%);opacity:0}100%{transform:translate(0%,0);opacity:1}}

@-webkit-keyframes btt{0%{-webkit-transform:translate(0%,40%);opacity:0}100%{-webkit-transform:translate(0%,0);opacity:1}}
@-moz-keyframes btt{0%{-moz-transform:translate(0%,40%);opacity:0}100%{-moz-transform:translate(0%,0);opacity:1}}
@-o-keyframes btt{0%{-o-transform:translate(0%,40%);opacity:0}100%{-o-transform:translate(0%,0);opacity:1}}
@keyframes btt{0%{transform:translate(0%,40%);opacity:0}100%{transform:translate(0%,0);opacity:1}}

@-webkit-keyframes ltr{0%{-webkit-transform:translate(-20%,0);opacity:0}100%{-webkit-transform:translate(0%,0);opacity:1}}
@-moz-keyframes ltr{0%{-moz-transform:translate(-20%,0);opacity:0}100%{-moz-transform:translate(0%,0);opacity:1}}
@-o-keyframes ltr{0%{-o-transform:translate(-20%,0);opacity:0}100%{-o-transform:translate(0%,0);opacity:1}}
@keyframes ltr{0%{transform:translate(-20%,0);opacity:0}100%{transform:translate(0%,0);opacity:1}}

@-webkit-keyframes rtl{0%{-webkit-transform:translate(20%,0);opacity:0}100%{-webkit-transform:translate(0%,0);opacity:1}}
@-moz-keyframes rtl{0%{-moz-transform:translate(20%,0);opacity:0}100%{-moz-transform:translate(0%,0);opacity:1}}
@-o-keyframes rtl{0%{-o-transform:translate(20%,0);opacity:0}100%{-o-transform:translate(0%,0);opacity:1}}
@keyframes rtl{0%{transform:translate(20%,0);opacity:0}100%{transform:translate(0%,0);opacity:1}}

@-webkit-keyframes appear{0%{-webkit-transform:scale(0.3);opacity:.1}100%{-webkit-transform:scale(1);opacity:1}}
@-moz-keyframes appear{0%{-moz-transform:scale(0.5);opacity:.1}100%{-moz-transform:scale(1);opacity:1}}
@-o-keyframes appear{0%{-o-transform:scale(0.5);opacity:.1}100%{-o-transform:scale(1);opacity:1}}
@keyframes appear{0%{transform:scale(0.5);opacity:.1}100%{transform:scale(1);opacity:1}}




/**********     RESPONSIVE     **********/