/**
 * Name: red.css
 *
 * -
 *
 * The red color scheme for the template
 *
 */
 
 /* ==========================================================================
 * =Typography
 * ========================================================================== */
	
	body {
		background-color: #fff;
		color: #4c4c4c;	
	}
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		color: #000;
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		color: #000; 
	}
	
	abbr[title] {
		border-bottom: 1px dotted #999; 
	}
	
	blockquote span { 
		color: #999999;  
	}

	hr { 
		border: thin solid #e0e0e0; 
	}
	
	code { 
		border: 1px solid #e0e0e0;
		background-color: #f3f3f3;
		color: #d50f25;
	}
	
	pre { 
		border: 1px solid #e0e0e0;
		background-color: #f3f3f3;
	}
	
	.hr { 
		border-top: 1px solid #e0e0e0;
	}
	
	.text-highlight { color: #f40b2b; }
	
	.mute{ color: #999; }
	
	@media (max-width: 767px) {
		
		body { 
			background-color: #fff; 
		}
	}
	
/* ==========================================================================
 * =Typography - Links
 * ========================================================================== */
	
	a, 
	a:visited { 
		color: #f40b2b; 
	}
	
	a:active {
		background: transparent;
	}
	
/* ==========================================================================
 * =Typography - Tables
 * ========================================================================== */
	
	table { 
		background-color: transparent; 
	}
	
	table th, 
	table td {
		border-top: 1px solid #b4bfc3;
		vertical-align: middle;
		text-align: left;
	}
	
	table th { 
		background-color: #f40b2b;
		color: #fff;
		text-align: center;
		font-weight: 700;
	}
	
/* ==========================================================================
 * =Typography - Forms
 * ========================================================================== */
	
	label span { color: #d50f25; }
	
	input,
	textarea,
	select {
		border: 1px solid #e0e0e0;
		background-color: transparent;
		color: #444;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	textarea:focus {
		border-color: #bbb;	
	}
	
	
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"] { 
		height: 30px; 
	}
	
	input[readonly]
	{
		
	}
	
	select { height: 30px; }
	
	select:focus {
		outline: 0px solid #bbb;
	}
	
	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #999;
	}
	
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #999;
	}
	
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #999;
	}
	
	input, textarea, select {
		padding: 3px 13px;
	}
	

/* ---------------------------------------------------------------------- */
/* Bootstrap Datepicker
/* ---------------------------------------------------------------------- */
	.datepicker {
		border-radius: 2px;
		font-size: 12px;
		padding: 10px 16px;
	}
	
	.datepicker thead tr .datepicker-switch {
		color: #f40b2b;
		font-size: 14px;
		font-weight: bold;
	}
	
	.datepicker thead tr .prev {
		color: #f40b2b;
		content: "";
		font-size: 0;
	}
	
	.datepicker thead tr .prev:before {
		color: #f40b2b;
		content: "\f053";
		font-family: 'FontAwesome';
		font-size: 13px;
	}
	
	.datepicker thead tr .next {
		color: #f40b2b;
		content: "";
		font-size: 0;
	}
	
	.datepicker thead tr .next:before {
		color: #f40b2b;
		content: "\f054";
		font-family: 'FontAwesome';
		font-size: 13px;
	}
	
	.datepicker thead tr .dow {
		color: #f40b2b;
		font-size: 12px;
		text-transform: uppercase;
	}
	
	.datepicker tbody tr .odd {
		color: #d0d3d8;
	}
	
	.datepicker table tr td.day:hover {
		background: none repeat scroll 0 0 #eeeeee;
		opacity: 0.65;
	}
	
	.datepicker table tr td span {
		border-radius: 4px;
	}
	
	.datepicker th,.datepicker td {
		padding: 1px 7px !important; !important;
	}
	
	.datepicker table tr td.old,.datepicker table tr td.new {
		color: #d0d3d8;
	}
	
	.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover
		{
		background-image: none;
		font-weight: 600;
		text-shadow: none;
	}
	
	.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover
		{
		background-color: #e5e9ec;
		background-image: none;
		color: #ffffff;
	}
	
	.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active[disabled],.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled[disabled]:hover
		{
		background-color: #f40b2b;
	}
	
	.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover
		{
		background-image: none;
		border: medium none;
		text-shadow: none;
	}
	
	.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active[disabled]:hover,.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled[disabled]:hover
		{
		background-color: #f40b2b;
	}
	
	.datepicker table th, .datepicker table td {
		border-top: none;
	}
	
	.datepicker table th {
		background-color: transparent;
		color: #f40b2b;
	}
	
	@media (max-width: 480px) {
		
		.datepicker table tr { border-top: none; }
		
	}

/* ==========================================================================
 * =Tooltip
 * ========================================================================== */

.tooltip-inner {
	max-width: 100%;
}


/* ==========================================================================
 * =Misc
 * ========================================================================== */
.javascript-required,
	.modern-browser-required {
		background-color: #d50f25;
		color: #fff;
	}
	
/* ==========================================================================
 * =Accordions and Toogles
 * ========================================================================== */
	
/* =Accordion
 * ========================================================================== */
	
	.accordion-item {
		border: 1px solid #e0e0e0;
	}
	
	a.accordion-item { color: #6d6d6d; }
	
	.accordion-item:after {
		background-color: #f40b2b;
		color: #fff;
	}
	
	.accordion-item:hover,
	.accordion-item.active {
		border-color: #232323;
		background-color: #232323;
		color: #fff;
	}
	
/* =Toogle
 * ========================================================================== */
	
	.toggle-item {
		border: 1px solid #e0e0e0;
	}
	
	a.toggle-item { color: #6d6d6d; }
	
	.toggle-item:after {
		background-color: #f40b2b;
		color: #fff;
	}
	
	.toggle-item:hover,
	.toggle-item.active {
		border-color: #232323;
		background-color: #232323;
		color: #fff;
	}
	
/* ==========================================================================
 * =Alerts
 * ========================================================================== */
	
	.alert {
		border: 1px solid #cdcdcd;
	}
	
	.alert.info {
		background-color: #94cee4;
		color: #fff;
	}
	
	.alert.success {
		background-color: #f40b2b;
		color: #fff;
	}
	
	.alert.error {
		background-color: #f40b2b;
		color: #fff;
	}
	
	.alert.warning {
		background-color: #ff7992;
		color: #fff;
	}
	
/* ==========================================================================
 * =Buttons
 * ========================================================================== */
	
/* =Default Button
 * ========================================================================== */
	
	.btn { 
		border: thin groove #84db84;
		background-color: #8fec8e;
		/*text-shadow: 0.01em 0.01em 0.0256em #6d6d6d;*/
		color: #2d2d2d;
	}
	
	a.btn { color: #2d2d2d; }
	
	.btn:hover { 
		border-bottom-color: #84db84  /*   20252f*/; /*90ff8e Posible tono un poco mas claro*/
		background-color: #8fec8e /*232323*/;
	}
	
	/*
	.btn { 
		border-bottom: 1px solid #b10a1f;
		background-color: #f40b2b;
		color: #fff;
	}
	
	a.btn { color: #fff; }
	
	.btn:hover { 
		border-bottom-color: #008000  /*   20252f*/;
		/*background-color: #02a000 /*232323*/;
	/*}*/

/* =Colored Buttons
 * ========================================================================== */
	
	.btn-white {
		border: 1px solid #f40b2b;
		background-color: transparent;
		color: #f40b2b;
	}
	
	a.btn-white { color: #f40b2b; }
	
	.btn-white:hover { 
		border-color: #f40b2b;
		background-color: #f40b2b;
		color: #fff;
	}
	
	.btn-white.alt { border-color: #6d6d6d; }
	a.btn-white.alt { color: #6d6d6d; }
	
	.btn-white.alt:hover {
		border-color: #f40b2b;
		color: #fff; 
	}
	
	.btn-black {
		border: 1px solid #232323;
		background-color: #232323;
		color: #fff;
	}
	
	a.btn-black { color: #fff; }
	
	.btn-black:hover { 
		border-color: #f40b2b;
		background-color: #f40b2b;
		color: #fff;
	}
	
/* ==========================================================================
 * =Client logos
 * ========================================================================== */
	
	.client-logos { 
		border: 1px solid #e0e0e0;
	}
	
	.client-logos:hover { background-color: #f9f9f9; }
	
/* ==========================================================================
 * =Custom Lists
 * ========================================================================== */
	
	ul.check li:before,
	ul.square-check li:before { 
		color: #f40b2b;
	}
	
	ul.fill-circle li:before {
		background-color: #f40b2b;
	}
	
	ul.square li:before {
		background-color: #f40b2b;
	}
	
	ul.diamond li:before { 
		background-color: #f40b2b;
	}
	
/* ==========================================================================
 * =Dividers
 * ========================================================================== */
	
	.divider.single-line { border-top: 1px solid #e0e0e0; }
	
	.divider.double-line { border-top: 4px double #e0e0e0; }
	
	.divider.single-dotted {
		 background: url(../../images/bg-single-dotted.gif) repeat-x top left ;  
	}
	
	.divider.double-dotted { 
		background: url(../../images/bg-double-dotted.gif) repeat-x top left; 
	}	
	
/* ==========================================================================
 * =Headlines
 * ========================================================================== */
	
	.headline h2:after,
	.headline h3:after {
		border-top: 2px solid #f40b2b;
	}
	
	.headline-2 h1:after {
		border-top: 2px solid #f40b2b;
	}
	
	.headline-2 h2:after {
		border-top: 1px solid #f40b2b;
	}
	
	.headline-2 h3:after,
	.headline-2 h4:after {
		border-top: 1px solid #f40b2b;
	}
	
	
/* ==========================================================================
 * =Milestones
 * ========================================================================== */
	
	.milestone .milestone-content {
		color: #232323;
	}
	
	.milestone .milestone-description p:before {
		border-top: 2px solid #f40b2b;
	}
	
	
/* ==========================================================================
 * =Pie charts
 * ========================================================================== */
	
	.pie-chart {
		background-color: #f40b2b;
	}
	
	.pie-chart i, 
	.pie-chart .pie-chart-custom-text, 
	.pie-chart .pie-chart-percent {
		color: #fff;
	}
	
	.pie-chart:hover { background-color: #232323; }

/* ==========================================================================
 * =Progress Bar
 * ========================================================================== */
	
	.progress-bar-description span {
		color: #fff;
	}
	
	.progress-bar {
		background-color: #e0e0e0;
	}
	
	.progress-bar .progress-bar-outer {
		background-color: #f40b2b;
	}
	
/* ==========================================================================
 * =Social Media
 * ========================================================================== */
	
	a.social-icon {
		border: 1px solid #f40b2b;
	}
	
	a.social-icon:hover {
		color: #fff;
	}
	
	a.facebook-icon:hover { background-color: #0e59a0 !important; }
	a.twitter-icon:hover { background-color: #0ea4ff !important; }
	a.dribble-icon:hover { background-color: #ea73a0 !important; }
	a.pinterest-icon:hover { background-color: #d73532 !important; }
	a.googleplus-icon:hover { background-color: #282927 !important; }
	a.tumblr-icon:hover { background-color: #586980 !important; }
	a.instagram-icon:hover { background-color: #82685a !important; }
	a.rss-icon:hover { background-color: #f79638 !important; }
	a.linkedin-icon:hover { background-color: #018faf !important; }
	a.skype-icon:hover { background-color: #00b0f6 !important; }
	a.flickr-icon:hover { background-color: #0061db !important; }
	a.vimeo-icon:hover { background-color: #63879c !important; }
	a.github-icon:hover { background-color: #3b3b3b !important; }
	a.youtube-icon:hover { background-color: #cc181e !important; }
	a.windows-icon:hover { background-color: #6dc2e9 !important; }
	a.dropbox-icon:hover { background-color: #007ee5 !important; }
	a.xing-icon:hover { background-color: #026566 !important; }	
	a.adn-icon:hover { background-color: #1ea076 !important; }
	a.android-icon:hover { background-color: #98cb02 !important; }
	a.apple-icon:hover { background-color: #000000 !important; }
	a.behance-icon:hover { background-color: #2d9ad2 !important; }
	a.bitbucket-icon:hover { background-color: #214f81 !important; }
	a.bitcoin-icon:hover { background-color: #f7931b !important; }
	a.codepan-icon:hover { background-color: #000000 !important; }
	a.css3-icon:hover { background-color: #3289ce !important; }
	a.delicious-icon:hover { background-color: #3399fe !important; }
	a.deviantart-icon:hover { background-color: #c8da30 !important; }
	a.digg-icon:hover { background-color: #0080c2 !important; }
	a.drupal-icon:hover { background-color: #0077b9 !important; }
	a.empire-icon:hover { background-color: #000000 !important; }
	a.foursquare-icon:hover { background-color: #daecb0 !important; }
	a.git-icon:hover { background-color: #f34f29 !important; }
	a.gitti-icon:hover { background-color: #634c3e !important; }
	a.hacker-news-icon:hover { background-color: #f18642 !important; }
	a.html5-icon:hover { background-color: #e54c1f !important; }
	a.joomla-icon:hover { background-color: #016fb9 !important; }
	a.jsfiddle-icon:hover { background-color: #4679a4 !important; }
	a.linux-icon:hover { background-color: #fece0e !important; }
	a.maxcdn-icon:hover { background-color: #f36f20 !important; }
	a.openid-icon:hover { background-color: #fe6101 !important; }
	a.pagelines-icon:hover { background-color: #3783e3 !important; }
	a.pied-piper-icon:hover { background-color: #0c7b48 !important; }
	a.qq-icon:hover { background-color: #23286c !important; }
	a.rebel-icon:hover { background-color: #000000 !important; }
	a.reddit-icon:hover { background-color: #cee3f8 !important; }
	a.renren-icon:hover { background-color: #0d81e4 !important; }
	a.share-icon:hover { background-color: #252525 !important; }
	a.slack-icon:hover { background-color: #453744 !important; }
	a.soundcloud-icon:hover { background-color: #fe4e00 !important; }
	a.spotify-icon:hover { background-color: #80bb41 !important; }
	a.stack-exchange-icon:hover { background-color: #265a93 !important; }
	a.stackoverflow-icon:hover { background-color: #fea501 !important; }
	a.steam-icon:hover { background-color: #191919 !important; }
	a.stumbleupon-icon:hover { background-color: #f04f23 !important; }
	a.tencent-weibo-icon:hover { background-color: #0063a7 !important; }
	a.trello-icon:hover { background-color: #226784 !important; }
	a.vine-icon:hover { background-color: #00b081 !important; }
	a.vk-icon:hover { background-color: #50769d !important; }
	a.wechat-icon:hover { background-color: #a4dc31 !important; }
	a.weibo-icon:hover { background-color: #d82828 !important; }
	a.wordpress-icon:hover { background-color: #454442 !important; }
	a.yahoo-icon:hover { background-color: #4b04a8 !important; }
	
/* ==========================================================================
 * =Styled Tables
 * ========================================================================== */
	
	.table-bordered { 
		border: 1px solid #e0e0e0;
	}
	
	.table-bordered th, 
	.table-bordered td { border-left: 1px solid #e0e0e0; }
	
	.table-striped tbody tr:nth-child(odd) td,
	.table-striped tbody tr:nth-child(odd) th { background-color: #f3f3f3; }
	
	@media (max-width: 480px) {
		
		tr { border-top: 1px solid #bbb; }
		
	}
	
/* ==========================================================================
 * =Tabs
 * ========================================================================== */

/* =Horizontal tabs
 * ========================================================================== */
	
	.tabs-container .tabs-menu li a { 
		border-top: 3px solid #fff;
		border-right: 1px solid #fff;
		background-color: #8fec8e /*02a000 f40b2b*/;
		color: #2d2d2d;
	}
	
	.tabs-container .tabs-menu li a.disabled { 
		border-top: 3px solid #fff;
		border-right: 1px solid #fff;
		background-color: #6d6d6d;
		color: #f7f7f7;
		pointer-events: none;
		cursor: default;
	}
	
	.tabs-container .tabs-menu li a:hover,
	.tabs-container .tabs-menu li.active a {
		border-top-color: #F7F7F7;
		background-color: #F7F7F7;
		color: #6d6d6d;
	}
	
	.tabs-container .tabs-menu li a.disabled:hover { 
		border-top: 3px solid #fff;
		border-right: 1px solid #fff;
		background-color: #6d6d6d;
		color: #f7f7f7;
		pointer-events: none;
		cursor: default;
	}
	
	.tabs-container .tab-content { 
		background-color: #F7F7F7;
		color: #6d6d6d;
	}
	
	.tabs-container .tab-content h1,
	.tabs-container .tab-content h2,
	.tabs-container .tab-content h3,
	.tabs-container .tab-content h4,
	.tabs-container .tab-content h5,
	.tabs-container .tab-content h6 { color: #6d6d6d; }
	
/* =Vertical tabs
 * ========================================================================== */
	
	.vertical-tabs-container .tabs-menu li a { 
		border: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.vertical-tabs-container .tabs-menu li:last-child a { border-bottom: 1px solid #e0e0e0; }
	
	.vertical-tabs-container .tabs-menu li.active a,
	.vertical-tabs-container .tabs-menu li a:hover {
		background-color: #f40b2b;
		color: #fff;
	}
	
	@media (max-width: 767px) {
		
		.tabs-container .tabs-menu li.active a {
			border-bottom-color: #bbb;
		}
		
	}
	
	
/* ==========================================================================
 * =Timeline
 * ========================================================================== */
	
	.left-side,
	.right-side {
		background-color: #f1f1f1;
	}
	
	.left-side:before,
	.right-side:before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	
	.left-side:before {
		border-left: 10px solid #f1f1f1;
	}
	
	.right-side:before {
		border-right: 10px solid #f1f1f1;
	}
	
	.vertical-timeline li:nth-child(odd) .right-side,
	.vertical-timeline li:nth-child(even) .left-side,
	.vertical-timeline li:hover:nth-child(odd) .right-side,
	.vertical-timeline li:hover:nth-child(even) .left-side { background-color: transparent; }
	
	.vertical-timeline li:hover .left-side,
	.vertical-timeline li:hover .right-side { 
		background-color: #f40b2b;
		color: #fff;
	}
	
	.vertical-timeline li:hover .left-side h4,
	.vertical-timeline li:hover .right-side h4 { color: #fff; }
	
	.vertical-timeline li:hover .left-side:before { border-left-color: #f40b2b; }
	.vertical-timeline li:hover .right-side:before { border-right-color: #f40b2b; }
	
	.separator:before {
		border-left: 1px solid #e0e0e0;
	}
	
	.separator span {
		background-color: #f40b2b;
	}
	
	.separator span i {
		color: #fff;
	}
	
	.vertical-timeline li:hover .separator span { background-color: #232323; }

/* ==========================================================================
 * =Form
 * ========================================================================== */
	
	label.validation-error { color: #d50f25; display: inline-block !important; margin-left:10px;}
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #d50f25; }
	
/* ==========================================================================
 * =Blog
 * ========================================================================== */

	.blog-post {
		border: 1px solid #e0e0e0;
	}
	
	.blog-post-title:after {
		border-top: 1px solid #f40b2b;
	}
	
	.blog-post-title a { color: #6d6d6d; }
	
	.blog-post-info {
		background-color: #f40b2b;
		color: #fff;
	}
	
	.blog-post:hover {
		background-color: #232323;
		color: #fff;
	}
	
	.blog-post:hover a { color: #fff; }
	
	.blog-post-slider .blog-post:hover {
		background-color: transparent;
		color: #6d6d6d;
	}
	
	.blog-post-slider .blog-post:hover a { color: #6d6d6d; }
	.blog-post-slider .blog-post:hover .btn { color: #fff; }
	
	.blog-post.alt:hover {
		background-color: transparent;
		color: #6d6d6d;
	}
	
	.blog-post.alt:hover a { color: #6d6d6d; }
	.blog-post.alt:hover .btn { color: #fff; }
	
	.blog-post.alt .blog-post-title h4:after {
		border-top: 1px solid #f40b2b;
	}
	
	.blog-post blockquote {
		background-color: #f7f7f7;
	}
	
	.blog-post blockquote:before {
		color: #f40b2b;
	}

/* ==========================================================================
 * =WordPress Default Classes
 * ========================================================================== */
	
	.wp-caption {
		border: 1px solid #e0e0e0;
		background: #fff;
	}
	
/* ==========================================================================
 * =WordPress Widgets
 * ========================================================================== */
	
/* =Widgets default
 * ========================================================================== */
	
	.widget-title:after {
		border-top: 1px solid #f40b2b;
	}
	
/* =Search Widget
 * ========================================================================== */
	
	#searchsubmit {
		background: url(../../images/bg-search.png) no-repeat center center;
	}

/* =Recent Entries Widget
 * ========================================================================== */
	
	.widget_recent_entries ul li > a {
		color: #232323;
	}
	
	.widget_recent_entries ul li .post-date a { color: #6d6d6d; }
	
/* =Pages Widget
 * ========================================================================== */
	
	.widget_pages li a {
		border-bottom: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.widget_pages li a:hover {
		border-bottom-color: #f40b2b;
		color: #232323;
	}	
	
/* =Archive Widget
 * ========================================================================== */
	
	.widget_archive li a {
		border-bottom: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.widget_archive li a:hover {
		border-bottom-color: #f40b2b;
		color: #232323;
	}	
	
/* =Categories Widget
 * ========================================================================== */
	
	.widget_categories li a {
		border-bottom: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.widget_categories li a:hover {
		border-bottom-color: #f40b2b;
		color: #232323;
	}
	
/* =Meta Widget
 * ========================================================================== */
	
	.widget_meta li a {
		border-bottom: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.widget_meta li a:hover {
		border-bottom-color: #f40b2b;
		color: #232323;
	}	
	
/* =Tag Cloud Widget
 * ========================================================================== */
	
	.widget_tag_cloud a {
		border: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.widget_tag_cloud a:hover {
		border-color: #f40b2b;
		color: #f40b2b;
	}
	
/* =Nav Menu Widget
 * ========================================================================== */
	
	.widget_nav_menu li a {
		border-bottom: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.widget_nav_menu li a:hover {
		border-bottom-color: #f40b2b;
		color: #232323;
	}	
	
/* ==========================================================================
 * =WordPress Custom Widgets
 * ========================================================================== */
	
/* =EWF Contact Info widget
 * ========================================================================== */
	
	.ewf_widget_contact_info ul li span {
		border: 1px solid #f40b2b;
	}
	
	.ewf_widget_contact_info ul li a { color: #6d6d6d;  }
	
/* =EWF Newsletter subscribe widget
 * ========================================================================== */
	
	#newsletter-subscribe-form input[type="submit"]:hover { background-color: #232323; }

/* =EWF Latest posts widget
 * ========================================================================== */
	
	.ewf_widget_latest_posts ul li .title {
		color: #232323;
	}
	
	.ewf_widget_latest_posts ul li .title:after {
		border-top: 1px solid #f40b2b;
	}
	
/* =EWF Navigation widget
 * ========================================================================== */
	
	.ewf_widget_navigation li a {
		border-bottom: 1px solid #e0e0e0;
		color: #6d6d6d;
	}
	
	.ewf_widget_navigation li a:hover {
		border-bottom-color: #f40b2b;
		color: #232323;
	}	
	
	.fullwidth-section .ewf_widget_navigation li a {
		padding: 5px 20px;
		border: 1px solid transparent;
		color: #fff;
	}
	
	.fullwidth-section .ewf_widget_navigation li a:hover { border-color: #fff; }

/* ==========================================================================
 * =WordPress Comments
 * ========================================================================== */

	.comments-title:after {
		border-top: 1px solid #f40b2b;
	}
	
	.commentlist .reply a {
		border-bottom: 1px solid #b10a1f;
		background-color: #f40b2b;
		color: #fff;
	}
	
	.commentlist .reply a:hover {
		border-bottom-color: #20252f;
		background-color: #232323;
	}
	
	.commentlist .vcard cite.fn a.url {
		color: #232323;
		font-size: 18px;
	}
	
	.commentlist .vcard cite.fn a.url:after {
		border-top: 1px solid #f40b2b;
	}
	
	.commentlist .comment-meta {}
	
	.commentlist .comment-meta a {
		color: #6d6d6d;
	}
	
	.commentlist li {
		border-top: 1px solid #e0e0e0; 
	}
	
/* ==========================================================================
 * =WordPress Comment Form
 * ========================================================================== */
	
	.section-heading:after {
		border-top: 1px solid #f40b2b;
	}

/* ==========================================================================
 * =Wrap
 * ========================================================================== */

	#wrap {
		background-color: #fff;
	}
	
	@media (max-width: 767px) {

		#wrap { border-top: 10px solid #fff; }

	}

/* ==========================================================================
 * =Header Top
 * ========================================================================== */
	
	#header-top {
		background-color: #fff;
		color: #fff;
	}
	
	#header-top a, 
	#header-top h1,
	#header-top h2,
	#header-top h3,
	#header-top h4,
	#header-top h5,
	#header-top h6 { color: #fff; }
	
/* ==========================================================================
 * =Menu 
 * ========================================================================== */

/* =Menu Skin
 * ========================================================================== */
	
	.sf-menu a {
		color: #888; 
	}
	
	.sf-menu > li > a,
	.sf-menu > li.dropdown > a {
		color: #888;
		border-top: 2px solid transparent;
	}
	
	.sf-menu > li#salir > a,
	.sf-menu > li#salir.dropdown > a {
		color: #f40b2b;
		border-top: 2px solid transparent;
	}
	
	.sf-menu li.sfHover > a {
		color: #f40b2b;	
	}
	
	.sf-menu li#salir.sfHover > a {
		color: #f40b2b;	
	}
	
	.sf-menu > li.current > a,
	.sf-menu > li.current.dropdown > a {
		color: #f40b2b;	
		border-top-color: #f40b2b;
		background-color: #f7f7f7;
	}
	
	.sf-menu > li#salir.current > a,
	.sf-menu > li#salir.current.dropdown > a {
		color: #f40b2b;	
		border-top-color: #f40b2b;
		background-color: #f7f7f7;
	}

/* =DropDown
 * ========================================================================== */
	
	.sf-menu li.dropdown ul {
		border: 1px solid rgba(0, 0, 0, 0.1);	
		background-color: rgba(49, 57, 71, 0.9);			
	}
	
	.sf-menu li.dropdown ul li a {
		color: #fff; 
	}
	
	.sf-menu li.dropdown ul li a:hover { color: #f40b2b; } 

	.sf-menu > li.dropdown > ul { border-top: 3px solid #f40b2b; }	
		
/* =Mega Menu Section
 * ========================================================================== */
	
	.sf-mega {
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 3px solid #f40b2b;	
		background-color: rgba(49, 57, 71, 0.9);
	}
	
	.sf-mega a { color: #fff; }

	.sf-mega-section {
		color: #fff;
	}
	
	.sf-mega-section ul li a:hover { color: #f40b2b; }
	
/* =Menu Arrows
 * ========================================================================== */
	
	.sf-arrows .sf-with-ul:after {
		border: 5px solid transparent;
		border-top-color: #fff;
	}
		
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #f40b2b; }
		
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: #999;
	}
	
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #f40b2b; }
	
/* ==========================================================================
 * =Mobile Menu 
 * ========================================================================== */
			
	#mobile-menu {
		border-bottom: 1px solid #e0e0e0;
		background-color: rgba(49, 57, 71, 0.7);
	}
	
	#mobile-menu .sf-mega {
		background-color: transparent;
	}

	#mobile-menu li a {
		border-top: 1px solid #e0e0e0;
		color: #fff;
	}
	
	#mobile-menu li:hover {
		background-color: rgba(244, 11, 43, 0.7);
	}
	
	#mobile-menu .mobile-menu-submenu-arrow {
		border-left: 1px solid #e0e0e0;
		color: #fff;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #232323; }	
	
	.mobile-menu-active {
		background-color: rgba(244, 11, 43, 0.7);
	}	
		
/* ==========================================================================
 * =Custom search form 
 * ========================================================================== */
	
	#custom-search-button { 
		background: url(../../images/bg-search.png) no-repeat center center;
		border: 1px solid #bebebe;
	}

	#custom-search-form:before {
		border-left: 7px solid transparent; 
		border-right: 7px solid transparent; 
		border-bottom: 10px solid #e0e0e0; 
	}
	
	#custom-search-form:after {
		border-left: 7px solid transparent; 
		border-right: 7px solid transparent; 
		border-bottom: 10px solid #fff; 
	}
	
	#custom-search-form #s {
		background-color: #fff; 
	}
	
	#custom-search-form #s:focus { border-color: #e0e0e0; }

/* ==========================================================================
 * =Sticky Header
 * ========================================================================== */

	@media (min-width: 1023px) {
		
		#header.stuck {
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
			background-color: #fff;
		}
		
	}

/* ==========================================================================
 * =Page Header
 * ========================================================================== */
	
	#page-header {
		color: #fff;
	}
	
	#page-header h3 {
		color: #fff;
	}
	
	#page-header-overlay { 
		background-color: rgba(0, 33, 56, 0.75) ;
	}
	
/* ==========================================================================
 * =Footer Top
 * ========================================================================== */

	#footer-top { background-color: #f9f9f9; }
   
/* ==========================================================================
 * =Footer
 * ========================================================================== */		
	
	#footer { 
		background: url(../../images/bg-footer.jpg) no-repeat center center;
		color: #fff;
	}
	
	#footer a, 
	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 { color: #fff; }
	
/* ==========================================================================
 * =Footer Bottom
 * ========================================================================== */	
  
	#footer-bottom { 	
		background-color: #000;
		color: #fff;	
	}
	
	#footer-bottom a, 
	#footer-bottom h1,
	#footer-bottom h2,
	#footer-bottom h3,
	#footer-bottom h4,
	#footer-bottom h5,
	#footer-bottom h6 { color: #fff; }
	
/* ==========================================================================
 * =Back to top
 * ========================================================================== */

	#back-to-top {
		background-color: rgba(244, 11, 43, 0.7);
		color: #fafafa;
	}
	
	#back-to-top:hover { background-color: #f40b2b; }
	#back-to-top:hover i { color: #fff; }

/* ==========================================================================
 * =Loader
 * ========================================================================== */

	.bx-wrapper .bx-loading {
		background: #fff url(../../js/bxslider/images/bx_loader.gif) no-repeat center center;
	}

/* ==========================================================================
 * =Pager
 * ========================================================================== */

	.bx-wrapper .bx-pager {
		color: #111;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #f40b2b;	
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active { background: #232323; }
	
	.fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }

/* ==========================================================================
 * =Directional Controls (Next / Prev)
 * ========================================================================== */

	.bx-wrapper .bx-prev {
		background: url(../../images/left-2.png) no-repeat center center;
	}
	
	.bx-wrapper .bx-next {
		background: url(../../images/right-2.png) no-repeat center center;
	}

	.bx-wrapper .bx-controls-direction a {
		background-color: #f40b2b;
	}
	
	.bx-wrapper .bx-controls-direction a:hover { background-color: #232323; }

/* ==========================================================================
 * =Auto Controls (Start / Stop)
 * ========================================================================== */
	
	.bx-wrapper .bx-controls-auto .bx-start {
		background: url(../../js/bxslider/images/controls.png) -86px -11px no-repeat;
	}
	
	.bx-wrapper .bx-controls-auto .bx-stop {
		background: url(../../js/bxslider/images/controls.png) -86px -44px no-repeat;
	}

/* ==========================================================================
 * =Image Captions
 * ========================================================================== */

	.bx-wrapper .bx-caption {
		background: rgba(80, 80, 80, 0.75);
	}
	
	.bx-wrapper .bx-caption span {
		color: #fff;
	}

/* ==========================================================================
 * =Rev Slider Pager
 * ========================================================================== */
	
	.tp-bullets.simplebullets.round .bullet {
		background: #f40b2b;
	}

	.tp-bullets.simplebullets.round .bullet.selected { background: #232323;  }

/* ==========================================================================
 * =Rev Slider Nav
 * ========================================================================== */

	.tp-leftarrow.default { background: #232323 url(../../images/left.png) no-repeat center center; }
	.tp-rightarrow.default { background: #232323 url(../../images/right.png) no-repeat center center; }
	
/* ==========================================================================
 * =Rev Slider Typography
 * ========================================================================== */
	
	.caption.title {
		color: #000;
	}
	
	.caption.title-bg {
		background-color: #232323;
		color: #fff;
	}
	
	.caption.title-2 {
		color: #000;
	}
	
	.caption.title-2:after {
		border-top: 2px solid #f40b2b;
	}
	
	.caption.title-3 { 
		color: #fff;
	}
	
	.caption.subtitle {
		border-left: 3px solid #000;
		color: #000;
	}
	
	.caption.subtitle-2 {
		color: #fff;
	}
	
	.caption.text {
		color: #000;
	}
	
	.caption .btn,
	.caption .btn:hover { color: #fff; }
	
	.caption.bg {
		background: rgba(0, 0, 0, 0.5);
	}
	
	.caption.letters {
		color: #fff;
	}
	
/* ==========================================================================
 * =Check Mark
 * ========================================================================== */

@import "bourbon";

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: -7% 30%;
	position: absolute;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}


/* ==========================================================================
 * =Bootstrap
 * ========================================================================== */
.modal-header {
	background-color: #84db84;
}
.modal-footer .btn{
	margin-top: 0 !important;
}


/* ==========================================================================
 * =Radio button
 * ========================================================================== */
.regular-radio {
	display: none;
}

.regular-radio+label {
	-webkit-appearance: none;
	background-color: #e1e1e1;
	border: 4px solid #e1e1e1;
	border-radius: 10px;
	width: 100%;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 6px 6px -4px 25px;
}

.regular-radio:checked+label {
	background: #f40b2b;
	border: 4px solid #e1e1e1;
}

@
keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #7ac142;
	}
}

@media (min-width: 1400px) {
	.checkmark {
		width: 60px;
		height: 60px;
		margin: -6% 34%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.checkmark {
		width: 50px;
		height: 50px;
		margin: -8% 30%;
	}
}

@media (max-width: 767px) {
	.checkmark {
		width: 45px;
		height: 45px;
		margin: -13% 65%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.checkmark {
		width: 45px;
		height: 45px;
		margin: -13% 65%;
	}
}