/*Make sure your selectors are very specific, you can accidentally overide builder css if you are not careful*/
/*Do not edit positioning, width, height in CSS, set that in the markup*/
/*CSS Changes, are somewhat permanent, user cannot change these, they can overide them via element inline style, but thats about it*/

.rueda.default {
	font-size: 18px;
	text-align: left;
}
/*  background  */
.rueda.default.pagebg {
	background: #e9e1ce;
	background-image: url(assets/rueda-kv.jpg);
	background-position: center 210px;
	background-repeat: no-repeat;
}
.rueda.default.pagebg-subpages {
	background-image: url(assets/rueda-bg.jpg);
	background-repeat: repeat;
	background-position: top center;
}

.rueda.default .header-bg {
	background-image: url(assets/rueda-header-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
.rueda.default .divider-line {
	border-top: 1px solid #d7d4cf;
}
.rueda.default .img-border {
	border: 1x solid #d0cec9;
}
/****************/
/* neo main nav */
/****************/
.rueda.default .navigation-2-plugin .neo-asset-inner ul {
	font-family: 'Coda', sans-serif;
}
.rueda.default .navigation-2-plugin .neo-asset-inner > ul > li {
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	margin-right: 0px;
	background-color: transparent;
	font-size: 18px;
}
.rueda.default .navigation-2-plugin .neo-asset-inner > ul > li > a {
	color: #000;
}
.rueda.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover {
	background-color: #EB6900;
	font-size: 18px;
}
.rueda.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover > a {
	color: #FFF;
}
.rueda.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active {
	background-color: #EB6900;
	font-size: 18px;
}
.rueda.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active > a {
	color: #FFF;
}

/***************/
/* neo sub nav */
/***************/
.rueda.default .navigation-2-plugin.sub-nav-fixed-plugin ul ul > li {
width: 130px;
}
.rueda.default .navigation-2-plugin ul ul > li {
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	margin-top: 3px;
	background-color: #EB6900;
	text-align:left;
	font-size: 14px;
}
.rueda.default .navigation-2-plugin ul ul > li > a {
	color: #FFF;
}
.rueda.default .navigation-2-plugin ul ul > li.k-state-hover {
	background-color: #59380d;
	font-size: 14px;
	text-align:left;
}
.rueda.default .navigation-2-plugin ul ul > li.k-state-hover > a {
	color: #ffdc73;
}
.rueda.default .navigation-2-plugin ul ul > li.k-state-active {
	background-color: #59380d;
	font-size: 14px;
	text-align:left;
}
.rueda.default .navigation-2-plugin ul ul > li.k-state-active > a {
	color: #ffdc73;
} 
/****************/
/* END NEO NAV2 */
/****************/
/* header logo */
.rueda.default .company-slogan {
	box-sizing: border-box;
	background-color: #000;
}
.rueda.default .company-name {
	box-sizing: border-box;
}
/* text styles */
.rueda.default p {
	color: #1b0104;
	font-size: 18px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	line-height: 27px;
	text-align: left;
}
.rueda.default a {
	list-style-image: none;
	list-style: none;
	color: #555552;
	text-decoration: none;
}
.rueda.default a:hover {
	color: #eb6900;
	text-decoration: none;
}
.rueda.default a:active {
	color: #eb6900;
	text-decoration: none;
}
.rueda.default h1 {
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 48px;
	margin: 0;
	text-align: center;
}
.rueda.default .contact-h5 {
	color: #eb6900
}
.rueda.default h2 {
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin: 0;
	line-height: normal;
}
.rueda.default h3 {
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
}
.rueda.default h4 {
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #eb6900;
	margin: 0;
	line-height: normal;
}
.rueda.default h5 {
	font-family: "Coda", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #eb6900;
	margin: 0;
	line-height: normal;
	text-align: left;
}
.rueda.default h6 {
	font-family: "Coda", Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #fff;
	margin: 0;
	line-height: 78px;
}
.rueda.default .text-plugin ul, .rueda li, .rueda ol {
	color: #1b0104;
	font-size: 14px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.rueda.default .home-ul {
	color: #fff;
	font-size: 16px;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	line-height: 36px;
	list-style: disc;
	margin: 0 0 0 10px;
	text-align: left;
	padding: 0;
}
.rueda.default .home-ul-2 {
	color: #eb6900;
	font-size: 16px;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	line-height: 36px;
	list-style: disc;
	margin: 0 0 0 10px;
	text-align: left;
	padding: 0;
}


/* HOME */
.rueda.default .box-1 {
	background-color: #000;
	border: 3px solid white;
	border-radius: 7px;
	padding: 30px;
}
.rueda.default .box-2 {
	background-color: #eb6900;
	border: 3px solid white;
	border-radius: 7px;
	padding: 33px 30px 30px 30px;
	text-align: center;
}
.rueda.default .box-1-h2 {
	color: #fff;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin: 0;
	text-align: center;
}
.rueda.default .box-1-h3 {
	color: #fff;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
	text-align: center;
}
.rueda.default .box-1-h4 {
	color: #fff;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	line-height: 32px;
}
.rueda.default .box-2-h1 {
	color: #fff;
	font-family: Coda, Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin: 0;
	padding: 0;
}
.rueda.default .p-home-1 {
	color: #fff;
	font-family: Coda, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.rueda.default .box-2-h3 {
	color: #fff;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
	text-align: center;
}
.rueda.default .box-3 {
	color: #eb6900;
	background-color: #fff;
	border: 3px solid #fff;
	border-radius: 7px;
	padding: 25px 30px 30px 30px;
	text-align: center;
}
.rueda.default .box-3-h2 {
	color: #eb6900;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin: 0;
	text-align: center;
	line-height: 36px;
}
.rueda.default .box-3-h3 {
	color: #eb6900;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
	text-align: center;
}
.rueda.default .cupon {
	color: #eb6900;
	background-image: url(assets/rueda-home-center.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: right;
	padding: 20px;
	border-radius: 10px;
	background-color: #eb6900
}
.rueda.default .p-right {
	text-align: center;
}
.rueda.default .p-bold {
	font-weight: bold;
}
.rueda.default .cupon-color {
	color: #fff;
	text-align: center;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.rueda.default .cupon-color-18 {
	font-size: 30px;
	color: #eb6900;
	text-align: center;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-36 {
	font-size: 60px;
	color: #fff;
	text-align: center;
	font-family: "Coda", Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-31 {
	font-size: 31px;
	color: #fff;
	text-align: center;
	font-family: "Coda", Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-minor {
	font-size: 45px;
	color: #fff;
	font-family: "Coda", Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-22 {
	font-size: 22px;
	color: #eb6900;
	text-align: right;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-22b {
	font-size: 22px;
	color: #eb6900;
	background-color: #000;
	text-align: right;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-20 {
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	float: right;
	text-align: right;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .cupon-color-20g {
	font-size: 20px;
	line-height: 37px;
	color: #fff;
	text-align: left;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	margin: 0;
}
.rueda.default .quote {
	background: #4c3007;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	border-radius: 30px 30px 0px 30px;
	padding: 20px 30px;
}
.rueda.default .quote:before {
	content: "";
	position: absolute;
	bottom: -50px;
	right: 0;
	border-width: 0 0 50px 135px;
	border-style: solid;
	border-color: transparent #4c3007;
}
.rueda.default .quote:after {
	content: "";
	position: absolute;
	bottom: -50px;
	right: 86px;
	border-width: 0 0 50px 50px;
	border-style: solid;
	border-color: transparent #4c3007;
}
.rueda.default blockquote {
	border-left: 0;
	margin: 70px 0;
	padding: 0;
	quotes: "\201C""\201D""\2018""\2019";
	font-family: 'Coda', Arial, Helvetica, sans-serif;
}
.rueda.default blockquote:before {
	color: #fff;
	opacity: .14;
	content: open-quote;
	font-size: 200px;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
.rueda.default blockquote span {
 display inline;
}
.rueda.default .copy-p {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #555552;
}
.rueda.default .copyright {
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #eb6900;
	text-align: center;
	text-transform: none;
}
/* ABOUT US */

.rueda.default .about-r {
	color: #eb6900;
	font-size: 18px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	line-height: 24px;
}
.rueda.default .about-r3 {
	color: #eb6900;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
	text-align: left;
}
.rueda.default .serv-r3 {
	color: #eb6900;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
	text-align: left;
}

.rueda.default .about-get {
	padding: 10px;
	text-align: center;
	color: #fff;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0;
	line-height: 36px;
}
.rueda.default .about-bg {
	background-color: #1b0104;

}
.rueda.default .vertical-line {
	border-left: 1px solid #d7d4cf;
}
/*CONTACT*/
.rueda.default .contact-p {
	color: #1b0104;
	font-size: 18px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	line-height: 24px;
}
.rueda.default .contact-span {
	color: #6d6c6c;
	font-size: 18px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	line-height: 24px;
}
/* Form */
.rueda.default .form-element-label {
	color: #000;
	font-size: 14px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.rueda.default textarea.form-element-size-large {
	width: 390px;
	min-width: 390px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #d7d4cf;
	color: #000;
	font-size: 14px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.rueda.default input.form-element[type='text'] {
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #d7d4cf;
	color: #000;
	font-size: 14px;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	width: 170px;
	min-width: 170px;
}
.rueda.default input.form-element[type='submit'] {
	background-color: #1b0104;
	font-size: 24px;
	color: #FFF;
	font-family: 'Coda', Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-top: 20px;
}
.rueda.default #FormHeading-id {
	display: none;
}