@charset "UTF-8";
/**
* Gumby Framework
* ---------------
*
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* Gumby Framework
* http://gumbyframework.com
*
* Built with love by your friends @digitalsurgeons
* http://www.digitalsurgeons.com
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.pull_right { float: right; }

.pull_left { float: left; }

/* Base Styles */
* html { font-size: 100%; }

html { font-size: 16px; line-height: 1.625em; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: 'VistaSansBook' }

body { background: white; font-family: 'VistaSansBook'; font-weight: 400; color: #40002e; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x:hidden; }
@media only screen and (max-width: 800px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }

html, body { height: 100%; }

.hide { display: none; }

.hide.active, .show { display: block; }


.fixed { position: fixed; }
.fixed.pinned { position: absolute; }
@media only screen and (max-width: 800px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } }

.unfixed { position: relative !important; top: auto !important; left: auto !important; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family: 'VistaSansBold'; font-weight: Normal; color: #ffffff; text-rendering: optimizeLegibility; text-transform:uppercase; line-height: 1.15538em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #ffffff; }

@media only screen and (max-width: 800px) { h1, h2, h3, h4, h5, h6 { word-wrap: break-word; } }
h1 { font-size: 68px; font-size: 4.25rem; }
h1.xlarge { font-size: 110px; font-size: 6.875rem; }
h1.xxlarge { font-size: 126px; font-size: 7.875rem; }
h1.absurd { font-size: 177px; font-size: 11.0625rem; }

h2 { font-size: 42px; font-size: 2.625rem; }

h3 { font-size: 30px; font-size: 2.5rem; letter-spacing:-1px;}

h4 { font-size: 26px; font-size: 1.625rem; }

h5 { font-size: 18px; font-size: 1.125rem; }

h6 { font-size: 16px; font-size: 1rem; }


@media only screen and (max-width: 800px) { h1 { font-size: 42px; font-size: 2.625rem; }
  h2 { font-size: 36px; font-size: 2.25rem; } }
.subhead { color: #777; font-weight: normal; margin-bottom: 20px; }

/*=====================================================  Links & Paragraph styles  ======================================================*/
p { font-family: 'VistaSansBook'; font-weight: 400; font-size: 16px; font-size: 1rem; margin-bottom: 13px; line-height: 1.625em; color:#ffffff; }
p.lead { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; }
@media only screen and (max-width: 800px) { p { font-size: 17.6px; font-size: 1.1rem; line-height: 1.625em; } }

a { color: #ff00b7; text-decoration: none; outline: 0; line-height: inherit; }
a:hover { color: #ff6666; }

/* Fonts */
@font-face { font-family: "entypo"; font-style: normal; font-weight: 400; src: url(../fonts/icons/entypo.eot); src: url("../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/entypo.woff") format("woff"), url("../fonts/icons/entypo.ttf") format("truetype"); }
@font-face { font-family: 'VistaSansBook'; src: url('../fonts/vistasanboo.eot'); src: url('../fonts/vistasanboo.eot?#iefix') format('embedded-opentype'), url('../fonts/vistasanboo.svg#vistasanboo') format('svg'), url('../fonts/vistasanboo.woff') format('woff'), url('../fonts/vistasanboo.ttf') format('truetype'); font-weight: normal;font-style: normal;}
@font-face { font-family: 'VistaSansAltBookIta'; src: url('../fonts/vistasanaltbooita.eot'); src: url('../fonts/vistasanaltbooita.eot?#iefix') format('embedded-opentype'), url('../fonts/vistasanaltbooita.svg#vistasanaltbooita') format('svg'), url('../fonts/vistasanaltbooita.woff') format('woff'), url('../fonts/vistasanaltbooita.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'VistaSansAltMed';src: url('../fonts/vistasanaltmed.eot');src: url('../fonts/vistasanaltmed.eot?#iefix') format('embedded-opentype'),url('../fonts/vistasanaltmed.woff') format('woff'),url('../fonts/vistasanaltmed.ttf') format('truetype'),url('../fonts/vistasanaltmed.svg#vistasanaltmed') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'VistaSansAltMedIta';src: url('../fonts/vistasanaltmedita.eot');src: url('../fonts/vistasanaltmedita.eot?#iefix') format('embedded-opentype'),url('../fonts/vistasanaltmedita.woff') format('woff'),url('../fonts/vistasanaltmedita.ttf') format('truetype'),url('../fonts/vistasanaltmedita.svg#vistasanaltmedita') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'VistaSansBold';src: url('../fonts/vistasanbol.eot');src: url('../fonts/vistasanbol.eot?#iefix') format('embedded-opentype'),url('../fonts/vistasanbol.woff') format('woff'),url('../fonts/vistasanbol.ttf') format('truetype'),url('../fonts/vistasanbol.svg#vistasanbol') format('svg');font-weight: normal;font-style: normal;}


.icon-menu.icon-left a:before, .icon-menu.icon-right a:after, i.icon-menu:before { content: "\2630"; height: inherit; }
.icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after, i.icon-facebook:before { content: "\f30c"; height: inherit; }
.icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after, i.icon-gplus:before { content: "\f30f"; height: inherit; }
.icon-youtube.icon-left a:before, .icon-youtube.icon-right a:after, i.icon-youtube:before { content: "\25B6"; height: inherit; }
.icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after {
  content: "\f306";
  height: inherit;
}

i.icon-vimeo:before {
  content: "\f306";
  height: inherit;
}



/* Typography */

/*=====================================================
 Lists  ======================================================*/
ul, ol { margin-bottom: 0.273em; }

ul { list-style: none outside; }

ol { list-style: decimal; margin-left: 30px; }

ul.square, ul.circle, ul.disc { margin-left: 25px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul { margin: 4px 0 5px 25px; }

ol ol { margin: 4px 0 5px 30px; }

li { padding-bottom: 0.273em; }

ul.large li { line-height: 21px; }

dl dt { font-weight: bold; font-size: 16px; font-size: 1rem; }

@media only screen and (max-width: 800px) { ul, ol, dl, p { text-align: left; } }
/* Mobile */
em { font-style: italic; line-height: inherit; }

strong { font-weight: 700; line-height: inherit;}

small { font-size: 56.4%; line-height: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }

/*  Blockquotes  
blockquote { line-height: 20px; color: #777; margin: 0 0 18px; padding: 9px 20px 0 19px;}
blockquote p { line-height: 20px; color: #777; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a { color: #555555; }
blockquote cite a:visited { color: #555555; }*/

hr { border: 1px solid #cccccc; clear: both; margin: 16px 0 18px; height: 0; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #cccccc; cursor: help; }

abbr { text-transform: none; }

/** Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: sanbeiji.com/archives/953 */
  p a { color: #555555 !important; text-decoration: underline; }
  p a:visited { color: #555555 !important; text-decoration: underline; }
  p a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
.row .pull_one.one.column:first-child, .row .pull_one.two.columns:first-child, .row .pull_one.three.columns:first-child, .row .pull_one.four.columns:first-child, .row .pull_one.five.columns:first-child, .row .pull_one.six.columns:first-child, .row .pull_one.seven.columns:first-child, .row .pull_one.eight.columns:first-child, .row .pull_one.nine.columns:first-child, .row .pull_one.ten.columns:first-child, .row .pull_two.one.column:first-child, .row .pull_two.two.columns:first-child, .row .pull_two.three.columns:first-child, .row .pull_two.four.columns:first-child, .row .pull_two.five.columns:first-child, .row .pull_two.six.columns:first-child, .row .pull_two.seven.columns:first-child, .row .pull_two.eight.columns:first-child, .row .pull_two.nine.columns:first-child, .row .pull_two.eleven.columns:first-child, .row .pull_three.one.column:first-child, .row .pull_three.two.columns:first-child, .row .pull_three.three.columns:first-child, .row .pull_three.four.columns:first-child, .row .pull_three.five.columns:first-child, .row .pull_three.six.columns:first-child, .row .pull_three.seven.columns:first-child, .row .pull_three.eight.columns:first-child, .row .pull_three.ten.columns:first-child, .row .pull_three.eleven.columns:first-child, .row .pull_four.one.column:first-child, .row .pull_four.two.columns:first-child, .row .pull_four.three.columns:first-child, .row .pull_four.four.columns:first-child, .row .pull_four.five.columns:first-child, .row .pull_four.six.columns:first-child, .row .pull_four.seven.columns:first-child, .row .pull_four.nine.columns:first-child, .row .pull_four.ten.columns:first-child, .row .pull_four.eleven.columns:first-child, .row .pull_five.one.column:first-child, .row .pull_five.two.columns:first-child, .row .pull_five.three.columns:first-child, .row .pull_five.four.columns:first-child, .row .pull_five.five.columns:first-child, .row .pull_five.six.columns:first-child, .row .pull_five.eight.columns:first-child, .row .pull_five.nine.columns:first-child, .row .pull_five.ten.columns:first-child, .row .pull_five.eleven.columns:first-child, .row .pull_six.one.column:first-child, .row .pull_six.two.columns:first-child, .row .pull_six.three.columns:first-child, .row .pull_six.four.columns:first-child, .row .pull_six.five.columns:first-child, .row .pull_six.seven.columns:first-child, .row .pull_six.eight.columns:first-child, .row .pull_six.nine.columns:first-child, .row .pull_six.ten.columns:first-child, .row .pull_six.eleven.columns:first-child, .row .pull_seven.one.column:first-child, .row .pull_seven.two.columns:first-child, .row .pull_seven.three.columns:first-child, .row .pull_seven.four.columns:first-child, .row .pull_seven.six.columns:first-child, .row .pull_seven.seven.columns:first-child, .row .pull_seven.eight.columns:first-child, .row .pull_seven.nine.columns:first-child, .row .pull_seven.ten.columns:first-child, .row .pull_seven.eleven.columns:first-child, .row .pull_eight.one.column:first-child, .row .pull_eight.two.columns:first-child, .row .pull_eight.three.columns:first-child, .row .pull_eight.five.columns:first-child, .row .pull_eight.six.columns:first-child, .row .pull_eight.seven.columns:first-child, .row .pull_eight.eight.columns:first-child, .row .pull_eight.nine.columns:first-child, .row .pull_eight.ten.columns:first-child, .row .pull_eight.eleven.columns:first-child, .row .pull_nine.one.column:first-child, .row .pull_nine.two.columns:first-child, .row .pull_nine.four.columns:first-child, .row .pull_nine.five.columns:first-child, .row .pull_nine.six.columns:first-child, .row .pull_nine.seven.columns:first-child, .row .pull_nine.eight.columns:first-child, .row .pull_nine.nine.columns:first-child, .row .pull_nine.ten.columns:first-child, .row .pull_nine.eleven.columns:first-child, .row .pull_ten.one.column:first-child, .row .pull_ten.three.columns:first-child, .row .pull_ten.four.columns:first-child, .row .pull_ten.five.columns:first-child, .row .pull_ten.six.columns:first-child, .row .pull_ten.seven.columns:first-child, .row .pull_ten.eight.columns:first-child, .row .pull_ten.nine.columns:first-child, .row .pull_ten.ten.columns:first-child, .row .pull_ten.eleven.columns:first-child, .row .pull_eleven.two.columns:first-child, .row .pull_eleven.three.columns:first-child, .row .pull_eleven.four.columns:first-child, .row .pull_eleven.five.columns:first-child, .row .pull_eleven.six.columns:first-child, .row .pull_eleven.seven.columns:first-child, .row .pull_eleven.eight.columns:first-child, .row .pull_eleven.nine.columns:first-child, .row .pull_eleven.ten.columns:first-child, .row .pull_eleven.eleven.columns:first-child, .sixteen.colgrid .row .pull_one.one.column:first-child, .sixteen.colgrid .row .pull_one.two.columns:first-child, .sixteen.colgrid .row .pull_one.three.columns:first-child, .sixteen.colgrid .row .pull_one.four.columns:first-child, .sixteen.colgrid .row .pull_one.five.columns:first-child, .sixteen.colgrid .row .pull_one.six.columns:first-child, .sixteen.colgrid .row .pull_one.seven.columns:first-child, .sixteen.colgrid .row .pull_one.eight.columns:first-child, .sixteen.colgrid .row .pull_one.nine.columns:first-child, .sixteen.colgrid .row .pull_one.ten.columns:first-child, .sixteen.colgrid .row .pull_one.eleven.columns:first-child, .sixteen.colgrid .row .pull_one.twelve.columns:first-child, .sixteen.colgrid .row .pull_one.thirteen.columns:first-child, .sixteen.colgrid .row .pull_one.fourteen.columns:first-child, .sixteen.colgrid .row .pull_two.one.column:first-child, .sixteen.colgrid .row .pull_two.two.columns:first-child, .sixteen.colgrid .row .pull_two.three.columns:first-child, .sixteen.colgrid .row .pull_two.four.columns:first-child, .sixteen.colgrid .row .pull_two.five.columns:first-child, .sixteen.colgrid .row .pull_two.six.columns:first-child, .sixteen.colgrid .row .pull_two.seven.columns:first-child, .sixteen.colgrid .row .pull_two.eight.columns:first-child, .sixteen.colgrid .row .pull_two.nine.columns:first-child, .sixteen.colgrid .row .pull_two.ten.columns:first-child, .sixteen.colgrid .row .pull_two.eleven.columns:first-child, .sixteen.colgrid .row .pull_two.twelve.columns:first-child, .sixteen.colgrid .row .pull_two.thirteen.columns:first-child, .sixteen.colgrid .row .pull_two.fifteen.columns:first-child, .sixteen.colgrid .row .pull_three.one.column:first-child, .sixteen.colgrid .row .pull_three.two.columns:first-child, .sixteen.colgrid .row .pull_three.three.columns:first-child, .sixteen.colgrid .row .pull_three.four.columns:first-child, .sixteen.colgrid .row .pull_three.five.columns:first-child, .sixteen.colgrid .row .pull_three.six.columns:first-child, .sixteen.colgrid .row .pull_three.seven.columns:first-child, .sixteen.colgrid .row .pull_three.eight.columns:first-child, .sixteen.colgrid .row .pull_three.nine.columns:first-child, .sixteen.colgrid .row .pull_three.ten.columns:first-child, .sixteen.colgrid .row .pull_three.eleven.columns:first-child, .sixteen.colgrid .row .pull_three.twelve.columns:first-child, .sixteen.colgrid .row .pull_three.fourteen.columns:first-child, .sixteen.colgrid .row .pull_three.fifteen.columns:first-child, .sixteen.colgrid .row .pull_four.one.column:first-child, .sixteen.colgrid .row .pull_four.two.columns:first-child, .sixteen.colgrid .row .pull_four.three.columns:first-child, .sixteen.colgrid .row .pull_four.four.columns:first-child, .sixteen.colgrid .row .pull_four.five.columns:first-child, .sixteen.colgrid .row .pull_four.six.columns:first-child, .sixteen.colgrid .row .pull_four.seven.columns:first-child, .sixteen.colgrid .row .pull_four.eight.columns:first-child, .sixteen.colgrid .row .pull_four.nine.columns:first-child, .sixteen.colgrid .row .pull_four.ten.columns:first-child, .sixteen.colgrid .row .pull_four.eleven.columns:first-child, .sixteen.colgrid .row .pull_four.thirteen.columns:first-child, .sixteen.colgrid .row .pull_four.fourteen.columns:first-child, .sixteen.colgrid .row .pull_four.fifteen.columns:first-child, .sixteen.colgrid .row .pull_five.one.column:first-child, .sixteen.colgrid .row .pull_five.two.columns:first-child, .sixteen.colgrid .row .pull_five.three.columns:first-child, .sixteen.colgrid .row .pull_five.four.columns:first-child, .sixteen.colgrid .row .pull_five.five.columns:first-child, .sixteen.colgrid .row .pull_five.six.columns:first-child, .sixteen.colgrid .row .pull_five.seven.columns:first-child, .sixteen.colgrid .row .pull_five.eight.columns:first-child, .sixteen.colgrid .row .pull_five.nine.columns:first-child, .sixteen.colgrid .row .pull_five.ten.columns:first-child, .sixteen.colgrid .row .pull_five.twelve.columns:first-child, .sixteen.colgrid .row .pull_five.thirteen.columns:first-child, .sixteen.colgrid .row .pull_five.fourteen.columns:first-child, .sixteen.colgrid .row .pull_five.fifteen.columns:first-child, .sixteen.colgrid .row .pull_six.one.column:first-child, .sixteen.colgrid .row .pull_six.two.columns:first-child, .sixteen.colgrid .row .pull_six.three.columns:first-child, .sixteen.colgrid .row .pull_six.four.columns:first-child, .sixteen.colgrid .row .pull_six.five.columns:first-child, .sixteen.colgrid .row .pull_six.six.columns:first-child, .sixteen.colgrid .row .pull_six.seven.columns:first-child, .sixteen.colgrid .row .pull_six.eight.columns:first-child, .sixteen.colgrid .row .pull_six.nine.columns:first-child, .sixteen.colgrid .row .pull_six.eleven.columns:first-child, .sixteen.colgrid .row .pull_six.twelve.columns:first-child, .sixteen.colgrid .row .pull_six.thirteen.columns:first-child, .sixteen.colgrid .row .pull_six.fourteen.columns:first-child, .sixteen.colgrid .row .pull_six.fifteen.columns:first-child, .sixteen.colgrid .row .pull_seven.one.column:first-child, .sixteen.colgrid .row .pull_seven.two.columns:first-child, .sixteen.colgrid .row .pull_seven.three.columns:first-child, .sixteen.colgrid .row .pull_seven.four.columns:first-child, .sixteen.colgrid .row .pull_seven.five.columns:first-child, .sixteen.colgrid .row .pull_seven.six.columns:first-child, .sixteen.colgrid .row .pull_seven.seven.columns:first-child, .sixteen.colgrid .row .pull_seven.eight.columns:first-child, .sixteen.colgrid .row .pull_seven.ten.columns:first-child, .sixteen.colgrid .row .pull_seven.eleven.columns:first-child, .sixteen.colgrid .row .pull_seven.twelve.columns:first-child, .sixteen.colgrid .row .pull_seven.thirteen.columns:first-child, .sixteen.colgrid .row .pull_seven.fourteen.columns:first-child, .sixteen.colgrid .row .pull_seven.fifteen.columns:first-child, .sixteen.colgrid .row .pull_eight.one.column:first-child, .sixteen.colgrid .row .pull_eight.two.columns:first-child, .sixteen.colgrid .row .pull_eight.three.columns:first-child, .sixteen.colgrid .row .pull_eight.four.columns:first-child, .sixteen.colgrid .row .pull_eight.five.columns:first-child, .sixteen.colgrid .row .pull_eight.six.columns:first-child, .sixteen.colgrid .row .pull_eight.seven.columns:first-child, .sixteen.colgrid .row .pull_eight.nine.columns:first-child, .sixteen.colgrid .row .pull_eight.ten.columns:first-child, .sixteen.colgrid .row .pull_eight.eleven.columns:first-child, .sixteen.colgrid .row .pull_eight.twelve.columns:first-child, .sixteen.colgrid .row .pull_eight.thirteen.columns:first-child, .sixteen.colgrid .row .pull_eight.fourteen.columns:first-child, .sixteen.colgrid .row .pull_eight.fifteen.columns:first-child, .sixteen.colgrid .row .pull_nine.one.column:first-child, .sixteen.colgrid .row .pull_nine.two.columns:first-child, .sixteen.colgrid .row .pull_nine.three.columns:first-child, .sixteen.colgrid .row .pull_nine.four.columns:first-child, .sixteen.colgrid .row .pull_nine.five.columns:first-child, .sixteen.colgrid .row .pull_nine.six.columns:first-child, .sixteen.colgrid .row .pull_nine.eight.columns:first-child, .sixteen.colgrid .row .pull_nine.nine.columns:first-child, .sixteen.colgrid .row .pull_nine.ten.columns:first-child, .sixteen.colgrid .row .pull_nine.eleven.columns:first-child, .sixteen.colgrid .row .pull_nine.twelve.columns:first-child, .sixteen.colgrid .row .pull_nine.thirteen.columns:first-child, .sixteen.colgrid .row .pull_nine.fourteen.columns:first-child, .sixteen.colgrid .row .pull_nine.fifteen.columns:first-child, .sixteen.colgrid .row .pull_ten.one.column:first-child, .sixteen.colgrid .row .pull_ten.two.columns:first-child, .sixteen.colgrid .row .pull_ten.three.columns:first-child, .sixteen.colgrid .row .pull_ten.four.columns:first-child, .sixteen.colgrid .row .pull_ten.five.columns:first-child, .sixteen.colgrid .row .pull_ten.seven.columns:first-child, .sixteen.colgrid .row .pull_ten.eight.columns:first-child, .sixteen.colgrid .row .pull_ten.nine.columns:first-child, .sixteen.colgrid .row .pull_ten.ten.columns:first-child, .sixteen.colgrid .row .pull_ten.eleven.columns:first-child, .sixteen.colgrid .row .pull_ten.twelve.columns:first-child, .sixteen.colgrid .row .pull_ten.thirteen.columns:first-child, .sixteen.colgrid .row .pull_ten.fourteen.columns:first-child, .sixteen.colgrid .row .pull_ten.fifteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.one.column:first-child, .sixteen.colgrid .row .pull_eleven.two.columns:first-child, .sixteen.colgrid .row .pull_eleven.three.columns:first-child, .sixteen.colgrid .row .pull_eleven.four.columns:first-child, .sixteen.colgrid .row .pull_eleven.six.columns:first-child, .sixteen.colgrid .row .pull_eleven.seven.columns:first-child, .sixteen.colgrid .row .pull_eleven.eight.columns:first-child, .sixteen.colgrid .row .pull_eleven.nine.columns:first-child, .sixteen.colgrid .row .pull_eleven.ten.columns:first-child, .sixteen.colgrid .row .pull_eleven.eleven.columns:first-child, .sixteen.colgrid .row .pull_eleven.twelve.columns:first-child, .sixteen.colgrid .row .pull_eleven.thirteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.fourteen.columns:first-child, .sixteen.colgrid .row .pull_eleven.fifteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.one.column:first-child, .sixteen.colgrid .row .pull_twelve.two.columns:first-child, .sixteen.colgrid .row .pull_twelve.three.columns:first-child, .sixteen.colgrid .row .pull_twelve.five.columns:first-child, .sixteen.colgrid .row .pull_twelve.six.columns:first-child, .sixteen.colgrid .row .pull_twelve.seven.columns:first-child, .sixteen.colgrid .row .pull_twelve.eight.columns:first-child, .sixteen.colgrid .row .pull_twelve.nine.columns:first-child, .sixteen.colgrid .row .pull_twelve.ten.columns:first-child, .sixteen.colgrid .row .pull_twelve.eleven.columns:first-child, .sixteen.colgrid .row .pull_twelve.twelve.columns:first-child, .sixteen.colgrid .row .pull_twelve.thirteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.fourteen.columns:first-child, .sixteen.colgrid .row .pull_twelve.fifteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.one.column:first-child, .sixteen.colgrid .row .pull_thirteen.two.columns:first-child, .sixteen.colgrid .row .pull_thirteen.four.columns:first-child, .sixteen.colgrid .row .pull_thirteen.five.columns:first-child, .sixteen.colgrid .row .pull_thirteen.six.columns:first-child, .sixteen.colgrid .row .pull_thirteen.seven.columns:first-child, .sixteen.colgrid .row .pull_thirteen.eight.columns:first-child, .sixteen.colgrid .row .pull_thirteen.nine.columns:first-child, .sixteen.colgrid .row .pull_thirteen.ten.columns:first-child, .sixteen.colgrid .row .pull_thirteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_thirteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_thirteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_thirteen.fifteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.one.column:first-child, .sixteen.colgrid .row .pull_fourteen.three.columns:first-child, .sixteen.colgrid .row .pull_fourteen.four.columns:first-child, .sixteen.colgrid .row .pull_fourteen.five.columns:first-child, .sixteen.colgrid .row .pull_fourteen.six.columns:first-child, .sixteen.colgrid .row .pull_fourteen.seven.columns:first-child, .sixteen.colgrid .row .pull_fourteen.eight.columns:first-child, .sixteen.colgrid .row .pull_fourteen.nine.columns:first-child, .sixteen.colgrid .row .pull_fourteen.ten.columns:first-child, .sixteen.colgrid .row .pull_fourteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_fourteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_fourteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_fourteen.fifteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.two.columns:first-child, .sixteen.colgrid .row .pull_fifteen.three.columns:first-child, .sixteen.colgrid .row .pull_fifteen.four.columns:first-child, .sixteen.colgrid .row .pull_fifteen.five.columns:first-child, .sixteen.colgrid .row .pull_fifteen.six.columns:first-child, .sixteen.colgrid .row .pull_fifteen.seven.columns:first-child, .sixteen.colgrid .row .pull_fifteen.eight.columns:first-child, .sixteen.colgrid .row .pull_fifteen.nine.columns:first-child, .sixteen.colgrid .row .pull_fifteen.ten.columns:first-child, .sixteen.colgrid .row .pull_fifteen.eleven.columns:first-child, .sixteen.colgrid .row .pull_fifteen.twelve.columns:first-child, .sixteen.colgrid .row .pull_fifteen.thirteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.fourteen.columns:first-child, .sixteen.colgrid .row .pull_fifteen.fifteen.columns:first-child { margin-left: 0; }

/*=================================================

	+++ LE GRID +++
	A Responsive Grid -- Gumby defaults to a standard 960 grid,
	but you can change it to whatever you'd like.
 ==================================================*/
.container { position:relative; width:100%; height:100%;}
.row { width: 100%; max-width:100%; min-width: 360px; margin: 0 auto; padding:0}
.row .row { min-width: 0; padding-left: 0; padding-right: 0; }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { margin-left: 0%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha { margin-left: 0; }

.column.omega, .columns.omega { float: right; }

/* Column Classes */
.row .one.column { width: 8.33333%; }
.row .one.columns { width: 8.33333%; }
.row .two.columns { width: 16.66667%; }
.row .three.columns { width: 25%; }
.row .four.columns { width: 33.33333%; }
.row .five.columns { width: 41.66667%; }
.row .six.columns { width: 50%; }
.row .seven.columns { width: 58.33333%; }
.row .eight.columns { width: 66.66667%; }
.row .nine.columns { width: 75%; }
.row .ten.columns { width: 83.33333%; }
.row .eleven.columns { width: 91.66667%; }
.row .twelve.columns { width: 100%; }

/* Push and Pull Classes */
.row .push_one { margin-left: 8.33333%; }
.row .push_one:first-child { margin-left: 8.33333%; }
.row .pull_one.one.column { margin-left: -16.66667%; }
.row .pull_one.two.columns { margin-left: -25%; }
.row .pull_one.three.columns { margin-left: -33.33333%; }
.row .pull_one.four.columns { margin-left: -41.66667%; }
.row .pull_one.five.columns { margin-left: -50.0%; }
.row .pull_one.six.columns { margin-left: -58.33333%; }
.row .pull_one.seven.columns { margin-left: -66.66667%; }
.row .pull_one.eight.columns { margin-left: -75%; }
.row .pull_one.nine.columns { margin-left: -83.33333%; }
.row .pull_one.ten.columns { margin-left: -91.66667%; }
.row .push_two { margin-left: 16.66667%; }
.row .push_two:first-child { margin-left: 16.66667%; }
.row .pull_two.one.column { margin-left: -25%; }
.row .pull_two.two.columns { margin-left: -33.33333%; }
.row .pull_two.three.columns { margin-left: -41.66667%; }
.row .pull_two.four.columns { margin-left: -50%; }
.row .pull_two.five.columns { margin-left: -58.33333%; }
.row .pull_two.six.columns { margin-left: -66.66667%; }
.row .pull_two.seven.columns { margin-left: -75%; }
.row .pull_two.eight.columns { margin-left: -83.33333%; }
.row .pull_two.nine.columns { margin-left: -91.66667%; }
.row .pull_two.eleven.columns { margin-left: -108.33333%; }
.row .push_three { margin-left: 25%; }
.row .push_three:first-child { margin-left: 25%; }
.row .pull_three.one.column { margin-left: -33.33333%; }
.row .pull_three.two.columns { margin-left: -41.66667%; }
.row .pull_three.three.columns { margin-left: -50%; }
.row .pull_three.four.columns { margin-left: -58.33333%; }
.row .pull_three.five.columns { margin-left: -66.66667%; }
.row .pull_three.six.columns { margin-left: -75%; }
.row .pull_three.seven.columns { margin-left: -83.33333%; }
.row .pull_three.eight.columns { margin-left: -91.66667%; }
.row .pull_three.ten.columns { margin-left: -108.33333%; }
.row .pull_three.eleven.columns { margin-left: -116.66667%; }
.row .push_four { margin-left: 33.33333%; }
.row .push_four:first-child { margin-left: 33.33333%; }
.row .pull_four.one.column { margin-left: -41.66667%; }
.row .pull_four.two.columns { margin-left: -50%; }
.row .pull_four.three.columns { margin-left: -58.33333%; }
.row .pull_four.four.columns { margin-left: -66.66667%; }
.row .pull_four.five.columns { margin-left: -75%; }
.row .pull_four.six.columns { margin-left: -83.33333%; }
.row .pull_four.seven.columns { margin-left: -91.66667%; }
.row .pull_four.nine.columns { margin-left: -108.33333%; }
.row .pull_four.ten.columns { margin-left: -116.66667%; }
.row .pull_four.eleven.columns { margin-left: -125%; }
.row .push_five { margin-left: 41.66667%; }
.row .push_five:first-child { margin-left: 41.66667%; }
.row .pull_five.one.column { margin-left: -50.0%; }
.row .pull_five.two.columns { margin-left: -58.33333%; }
.row .pull_five.three.columns { margin-left: -66.66667%; }
.row .pull_five.four.columns { margin-left: -75%; }
.row .pull_five.five.columns { margin-left: -83.33333%; }
.row .pull_five.six.columns { margin-left: -91.66667%; }
.row .pull_five.eight.columns { margin-left: -108.33333%; }
.row .pull_five.nine.columns { margin-left: -116.66667%; }
.row .pull_five.ten.columns { margin-left: -125.0%; }
.row .pull_five.eleven.columns { margin-left: -133.33333%; }
.row .push_six { margin-left: 50%; }
.row .push_six:first-child { margin-left: 50%; }
.row .pull_six.one.column { margin-left: -58.33333%; }
.row .pull_six.two.columns { margin-left: -66.66667%; }
.row .pull_six.three.columns { margin-left: -75%; }
.row .pull_six.four.columns { margin-left: -83.33333%; }
.row .pull_six.five.columns { margin-left: -91.66667%; }
.row .pull_six.seven.columns { margin-left: -108.33333%; }
.row .pull_six.eight.columns { margin-left: -116.66667%; }
.row .pull_six.nine.columns { margin-left: -125%; }
.row .pull_six.ten.columns { margin-left: -133.33333%; }
.row .pull_six.eleven.columns { margin-left: -141.66667%; }
.row .push_seven { margin-left: 58.33333%; }
.row .push_seven:first-child { margin-left: 58.33333%; }
.row .pull_seven.one.column { margin-left: -66.66667%; }
.row .pull_seven.two.columns { margin-left: -75%; }
.row .pull_seven.three.columns { margin-left: -83.33333%; }
.row .pull_seven.four.columns { margin-left: -91.66667%; }
.row .pull_seven.six.columns { margin-left: -108.33333%; }
.row .pull_seven.seven.columns { margin-left: -116.66667%; }
.row .pull_seven.eight.columns { margin-left: -125%; }
.row .pull_seven.nine.columns { margin-left: -133.33333%; }
.row .pull_seven.ten.columns { margin-left: -141.66667%; }
.row .pull_seven.eleven.columns { margin-left: -150%; }
.row .push_eight { margin-left: 66.66667%; }
.row .push_eight:first-child { margin-left: 66.66667%; }
.row .pull_eight.one.column { margin-left: -75%; }
.row .pull_eight.two.columns { margin-left: -83.33333%; }
.row .pull_eight.three.columns { margin-left: -91.66667%; }
.row .pull_eight.five.columns { margin-left: -108.33333%; }
.row .pull_eight.six.columns { margin-left: -116.66667%; }
.row .pull_eight.seven.columns { margin-left: -125%; }
.row .pull_eight.eight.columns { margin-left: -133.33333%; }
.row .pull_eight.nine.columns { margin-left: -141.66667%; }
.row .pull_eight.ten.columns { margin-left: -150%; }
.row .pull_eight.eleven.columns { margin-left: -158.33333%; }
.row .push_nine { margin-left: 75%; }
.row .push_nine:first-child { margin-left: 75%; }
.row .pull_nine.one.column { margin-left: -83.33333%; }
.row .pull_nine.two.columns { margin-left: -91.66667%; }
.row .pull_nine.four.columns { margin-left: -108.33333%; }
.row .pull_nine.five.columns { margin-left: -116.66667%; }
.row .pull_nine.six.columns { margin-left: -125%; }
.row .pull_nine.seven.columns { margin-left: -133.33333%; }
.row .pull_nine.eight.columns { margin-left: -141.66667%; }
.row .pull_nine.nine.columns { margin-left: -150%; }
.row .pull_nine.ten.columns { margin-left: -158.33333%; }
.row .pull_nine.eleven.columns { margin-left: -166.66667%; }
.row .push_ten { margin-left: 83.33333%; }
.row .push_ten:first-child { margin-left: 83.33333%; }
.row .pull_ten.one.column { margin-left: -91.66667%; }
.row .pull_ten.three.columns { margin-left: -108.33333%; }
.row .pull_ten.four.columns { margin-left: -116.66667%; }
.row .pull_ten.five.columns { margin-left: -125.0%; }
.row .pull_ten.six.columns { margin-left: -133.33333%; }
.row .pull_ten.seven.columns { margin-left: -141.66667%; }
.row .pull_ten.eight.columns { margin-left: -150%; }
.row .pull_ten.nine.columns { margin-left: -158.33333%; }
.row .pull_ten.ten.columns { margin-left: -166.66667%; }
.row .pull_ten.eleven.columns { margin-left: -175%; }
.row .push_eleven { margin-left: 91.66667%; }
.row .push_eleven:first-child { margin-left: 91.66667%; }
.row .pull_eleven.two.columns { margin-left: -108.33333%; }
.row .pull_eleven.three.columns { margin-left: -116.66667%; }
.row .pull_eleven.four.columns { margin-left: -125%; }
.row .pull_eleven.five.columns { margin-left: -133.33333%; }
.row .pull_eleven.six.columns { margin-left: -141.66667%; }
.row .pull_eleven.seven.columns { margin-left: -150%; }
.row .pull_eleven.eight.columns { margin-left: -158.33333%; }
.row .pull_eleven.nine.columns { margin-left: -166.66667%; }
.row .pull_eleven.ten.columns { margin-left: -175%; }
.row .pull_eleven.eleven.columns { margin-left: -183.33333%; }

/* Centered Classes */
.row .one.centered { margin-left: 45.83333%; }
.row .two.centered { margin-left: 41.66667%; }
.row .three.centered { margin-left: 37.5%; }
.row .four.centered { margin-left: 33.33333%; }
.row .five.centered { margin-left: 29.16667%; }
.row .six.centered { margin-left: 25%; }
.row .seven.centered { margin-left: 20.83333%; }
.row .eight.centered { margin-left: 16.66667%; }
.row .nine.centered { margin-left: 12.5%; }
.row .ten.centered { margin-left: 8.33333%; }
.row .eleven.centered { margin-left: 4.16667%; }

img, object, embed { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none !important; }

/* Tile Grid */
.tiles { display: block; overflow: hidden; }
.tiles > li, .tiles > .tile { display: block; height: auto; float: left; padding-bottom: 0; }
.tiles.two_up { margin-left: -4%; }
.tiles.two_up > li, .tiles.two_up > .tile { margin-left: 4%; width: 46%; }
.tiles.three_up, .tiles.four_up { margin-left: -2%; }
.tiles.three_up > li, .tiles.three_up > .tile { margin-left: 2%; width: 31.3%; }
.tiles.four_up > li, .tiles.four_up > .tile { margin-left: 2%; width: 23%; }
.tiles.five_up { margin-left: -1.5%; }
.tiles.five_up > li, .tiles.five_up > .tile { margin-left: 1.5%; width: 18.5%; }

/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.valign:before { content: ' '; display: inline-block; height: 400px; vertical-align: middle; margin-right: -0.25em; }
.valign > div, .valign > article, .valign > section, .valign > figure { display: inline-block; vertical-align: middle; }

/* Mobile */
@media only screen and (max-width: 1024px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin-left: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"], [class^="pull_"], [class*="pull_"] { margin-left: 0 !important; } }
/* Navigation (with dropdowns) */
.navbar { width: 100%; min-height: 60px; display: block; margin-bottom: 20px; background:none; border-bottom:2px solid #ffffff; position: relative; }
@media only screen and (max-width: 800px) { .navbar { border: none; }
  .navbar .column, .navbar .columns { min-height: 0; } }
.navbar.fixed { position: fixed; z-index: 99999; }
.navbar.pinned { position: absolute; }
.navbar a.toggle { display: none; }
@media only screen and (max-width: 800px) { .navbar a.toggle { top: 18%; right: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: white; background: #4a4d50; height: 40px; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 1.875rem; }
  .navbar a.toggle:hover { background: #565a5d; }
  .navbar a.toggle:active, .navbar a.toggle.active { background: #3e4043; } }

.logo { display: inline-block; margin: 0 0% 0 0; padding: 0; height: 60px; line-height: 58px; }
a.logo  { display: block; padding: 0; overflow: hidden; height: 60px; line-height: 58px; text-indent:-999999px; background:url(../img/icon.png) no-repeat center center}
.navbar .logo a img { max-height: 95%; }
@media only screen and (max-width: 800px) { .navbar .logo { float: left; display: inline; }
  .navbar .logo a { padding: 0; }
  .navbar .logo a img { width: auto; height: auto; max-width: 100%; } }

.navbar ul { display: table; vertical-align: middle; margin: 0; float: none; }
@media only screen and (max-width: 800px) { .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; max-height: 0; top: 60px; left: 0; overflow: hidden; text-align: center; background: #3e4043; }
  .navbar ul.active { height: auto; max-height: 600px; z-index: 999998; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 0 2px 2px #252728; -moz-box-shadow: 0 2px 2px #252728; box-shadow: 0 2px 2px #252728; } }
.navbar ul li { display: table-cell; text-align: center; padding-bottom: 0; margin: 0; height: 60px; line-height: 58px; border-width:0 2px; border-color:#fff; border-style:solid; border-collapse:collapse; }
@media only screen and (max-width: 800px) { .navbar ul li { display: block; position: relative; min-height: 50px; max-height: 320px; height: auto; width: 100%; border-right: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } }
.navbar ul li > a { display: block; padding: 0 16px; white-space: nowrap; color: white; height: 60px; line-height: 58px; font-size: 16px; font-size: 1rem; }
.navbar ul li > a i.icon-popup { position: absolute; }
.navbar ul li .btn { border-color: #000101 !important; }
.navbar ul li.field { margin-bottom: 0 !important; margin-right: 0; }
@media only screen and (max-width: 800px) { .navbar ul li.field { padding: 0 0px; } }
.navbar ul li.field input.search { background: #191a1b; border: none; color: #f2f2f2; }
.navbar ul li .dropdown { width: auto; min-width: 0; max-width: 360px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 800px) { .navbar ul li .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown { border-bottom: 1px solid #313436; }
  .navbar ul li.active .dropdown ul { position: relative; top: 0; background: #36393b; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: #3e4043; }
  .navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
  .navbar ul li.active .dropdown ul li a:hover { color: #d04526; } }

@media only screen and (min-width: 800px) and (max-width: 1199px) { .navbar > ul > li > .btn a { padding: 0 10px 0 10px !important; }
  .navbar ul > li .dropdown ul li.active .dropdown { left: -360px; } }

.navcontain { height: 80px; position:relative; z-index:99999; }
@media only screen and (max-width: 800px) { .navcontain { height: auto; } }

.pretty.navbar { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #313436)); background-image: -webkit-linear-gradient(#7b8085, #313436); background-image: -moz-linear-gradient(#7b8085, #313436); background-image: -o-linear-gradient(#7b8085, #313436); background-image: linear-gradient(#7b8085, #313436); -webkit-box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important; -moz-box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important; box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
@media only screen and (max-width: 800px) { .pretty.navbar a.toggle { border: 1px solid #3e4043; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #4a4d50)); background-image: -webkit-linear-gradient(#7b8085, #4a4d50); background-image: -moz-linear-gradient(#7b8085, #4a4d50); background-image: -o-linear-gradient(#7b8085, #4a4d50); background-image: linear-gradient(#7b8085, #4a4d50); -webkit-box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a; -moz-box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a; box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a; }
  .pretty.navbar a.toggle i { text-shadow: 0 1px 1px #191a1b; }
  .pretty.navbar a.toggle:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888d91), color-stop(100%, #565a5d)); background-image: -webkit-linear-gradient(#888d91, #565a5d); background-image: -moz-linear-gradient(#888d91, #565a5d); background-image: -o-linear-gradient(#888d91, #565a5d); background-image: linear-gradient(#888d91, #565a5d); }
  .pretty.navbar a.toggle:active, .pretty.navbar a.toggle.active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e4043), color-stop(100%, #4a4d50)); background-image: -webkit-linear-gradient(#3e4043, #4a4d50); background-image: -moz-linear-gradient(#3e4043, #4a4d50); background-image: -o-linear-gradient(#3e4043, #4a4d50); background-image: linear-gradient(#3e4043, #4a4d50); -webkit-box-shadow: 0 1px 1px #63676a; -moz-box-shadow: 0 1px 1px #63676a; box-shadow: 0 1px 1px #63676a; } }
.pretty.navbar.row { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
@media only screen and (max-width: 800px) { .pretty.navbar.row { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } }
.pretty.navbar ul li.field input.search { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #191a1b), color-stop(100%, #4f5255)); background-image: -webkit-linear-gradient(#191a1b, #4f5255); background-image: -moz-linear-gradient(#191a1b, #4f5255); background-image: -o-linear-gradient(#191a1b, #4f5255); background-image: linear-gradient(#191a1b, #4f5255); border: none; -webkit-box-shadow: 0 1px 2px #888d91 !important; -moz-box-shadow: 0 1px 2px #888d91 !important; box-shadow: 0 1px 2px #888d91 !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
.pretty.navbar > ul > li:first-child, .pretty.navbar .pretty.navbar > ul > li:first-child a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.navbar li .dropdown { width: auto; min-width: 0; max-width: 360px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 800px) { .navbar li .dropdown .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar li .dropdown.active .dropdown { border-bottom: 1px solid #313436; }
  .navbar li .dropdown.active .dropdown ul { position: relative; top: 0; background: #36393b; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar li .dropdown.active .dropdown ul li { min-height: 50px; border-bottom: #3e4043; }
  .navbar li .dropdown.active .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
  .navbar li .dropdown.active .dropdown ul li a:hover { color: #d04526; } }

.navbar li .dropdown ul { margin: 0; display: block; }
.navbar li .dropdown ul > li { position: relative; display: block; width: 100%; float: left; text-align: left; height: auto; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; }
@media only screen and (min-width: 800px) and (max-width: 1199px) { .navbar li .dropdown ul > li { max-width: 360px; word-wrap: break-word; } }
.navbar li .dropdown ul > li a { display: block; padding: 0 20px; color: #d04526; border-bottom: 1px solid #cccccc; text-shadow: none; height: 51px; line-height: 49px; }
@media only screen and (max-width: 800px) { .navbar li .dropdown ul > li a { padding: 0 0px; } }
.navbar li .dropdown ul > li .dropdown { display: none; background: white; }
.navbar li .dropdown ul li:first-child a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { position: relative; background: #868d92; z-index: 1000; }

.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { min-height: 50px; max-height: 593px; overflow: visible; height: auto; width: 100%; padding: 0; border-top: 1px solid #3e4043; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); }

.gumby-no-touch .navbar ul li:hover .dropdown ul { position: relative; top: 0; min-height: 50px; max-height: 250px; height: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 800px) { .gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto; background: #36393b; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li { border-bottom: #3e4043; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
  .gumby-no-touch .navbar ul li:hover .dropdown ul li a:hover { color: #d04526; } }

.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { border-top: none; display: block; position: absolute; z-index: 9999; left: 100%; top: 0; margin-top: 0; }
@media only screen and (max-width: 800px) { .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { position: relative; left: 0; }
  .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul, .gumby-touch .navbar li .dropdown ul > li.active .dropdown ul { background: #252728 !important; } }

.gumby-no-touch .navbar li .dropdown ul li a:hover { background: #f2f2f2; }

.gumby-touch .navbar a:hover { color: white !important; }

.subnav { display: block; width: auto; overflow: hidden; margin: 0 0 18px 0; padding-top: 4px; }
.subnav li, .subnav dt, .subnav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; }
.subnav li:first-child, .subnav dt:first-child, .subnav dd:first-child { margin-left: 0; }
.subnav dt { color: #f2f2f2; font-weight: normal; }
.subnav li a, .subnav dd a { color: white; font-size: 15px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.subnav li.active a, .subnav dd.active a { background: #4a4d50; padding: 5px 9px; text-shadow: 0 1px 1px #4a4d50; }

/* Buttons */
.btn{ display: inline-block; width: auto; background: rgb(255,0,183); 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDBiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjAwNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,0,183,1) 0%, rgba(102,0,73,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,183,1)), color-stop(100%,rgba(102,0,73,1)));
background: -webkit-linear-gradient(top,  rgba(255,0,183,1) 0%,rgba(102,0,73,1) 100%);
background: -o-linear-gradient(top,  rgba(255,0,183,1) 0%,rgba(102,0,73,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,0,183,1) 0%,rgba(102,0,73,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,183,1) 0%,rgba(102,0,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00b7', endColorstr='#40002e',GradientType=0 );
 -webkit-appearance: none; font-family: 'VistaSansBook'; font-weight: 600; padding: 0 !important; text-align: center; }
.btn > a, .btn input, .btn button, .skiplink > a, .skiplink input, .skiplink button { display: block; padding: 0px; color: white; height: 100%; }
.btn input, .btn button, .skiplink input, .skiplink button { background: none; border: none; width: 100%; font-size: 100%; cursor: pointer; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


.btn.xlarge, .skiplink.xlarge { font-size: 30px; font-size: 1.875rem; height: 66px; line-height: 64px; }
.btn.xlarge a, .skiplink.xlarge a { position: relative; padding: 0 30px; }
.btn.xlarge.icon-left a, .skiplink.xlarge.icon-left a { padding-left: 66px; }
.btn.xlarge.icon-left a:before, .skiplink.xlarge.icon-left a:before { left: 20px; }
.btn.xlarge.icon-right a, .skiplink.xlarge.icon-right a { padding-right: 66px; }
.btn.xlarge.icon-right a:after, .skiplink.xlarge.icon-right a:after { right: 20px; }
.btn.large, .skiplink.large { font-size: 26px; font-size: 1.625rem; height: 58px; line-height: 56px; }
.btn.large a, .skiplink.large a { position: relative; padding: 0 26px; }
.btn.large.icon-left a, .skiplink.large.icon-left a { padding-left: 58px; }
.btn.large.icon-left a:before, .skiplink.large.icon-left a:before { left: 17.33333px; }
.btn.large.icon-right a, .skiplink.large.icon-right a { padding-right: 58px; }
.btn.large.icon-right a:after, .skiplink.large.icon-right a:after { right: 17.33333px; }
.btn.medium, .skiplink.medium { font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }
.btn.medium a, .skiplink.medium a { position: relative; padding: 0 16px; }
.btn.medium.icon-left a, .skiplink.medium.icon-left a { padding-left: 36px; }
.btn.medium.icon-left a:before, .skiplink.medium.icon-left a:before { left: 10.66667px; }
.btn.medium.icon-right a, .skiplink.medium.icon-right a { padding-right: 36px; }
.btn.medium.icon-right a:after, .skiplink.medium.icon-right a:after { right: 10.66667px; }
.btn.medium a, .skiplink.medium a { padding: 0 18px; }
.btn.small, .skiplink.small { font-size: 10px; font-size: 0.625rem; height: 23px; line-height: 21px; }
.btn.small a, .skiplink.small a { position: relative; padding: 0 10px; }
.btn.small.icon-left a, .skiplink.small.icon-left a { padding-left: 23px; }
.btn.small.icon-left a:before, .skiplink.small.icon-left a:before { left: 6.66667px; }
.btn.small.icon-right a, .skiplink.small.icon-right a { padding-right: 23px; }
.btn.small.icon-right a:after, .skiplink.small.icon-right a:after { right: 6.66667px; }
.btn.small a, .skiplink.small a { padding: 0 10px; }
.btn.oval, .skiplink.oval { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.btn.pill-left, .skiplink.pill-left { -webkit-border-radius: 500px 0 0 500px; -moz-border-radius: 500px 0 0 500px; -ms-border-radius: 500px 0 0 500px; -o-border-radius: 500px 0 0 500px; border-radius: 500px 0 0 500px; }
.btn.pill-right, .skiplink.pill-right { -webkit-border-radius: 0 500px 500px 0; -moz-border-radius: 0 500px 500px 0; -ms-border-radius: 0 500px 500px 0; -o-border-radius: 0 500px 500px 0; border-radius: 0 500px 500px 0; }

.btn.primary, .skiplink.primary { background: #3085d6; border: 1px solid #3085d6; }
.btn.primary:hover, .skiplink.primary:hover { background: #5b9ede; }
.btn.primary:active, .skiplink.primary:active { background: #236bb0; }
.btn.secondary, .skiplink.secondary { background: #42a35a; border: 1px solid #42a35a; }
.btn.secondary:hover, .skiplink.secondary:hover { background: #5bbd73; }
.btn.secondary:active, .skiplink.secondary:active { background: #337f46; }
.btn.default, .skiplink.default { background: #f2f2f2; border: 1px solid #f2f2f2; color: #555555; border: 1px solid #f2f2f2; }
.btn.default:hover, .skiplink.default:hover { background: white; }
.btn.default:active, .skiplink.default:active { background: #d8d8d8; }
.btn.default:hover, .skiplink.default:hover { border: 1px solid #e5e5e5; }
.btn.default a, .btn.default input, .btn.default button, .skiplink.default a, .skiplink.default input, .skiplink.default button { color: #555555; }
.btn.info, .skiplink.info { background: #4a4d50; border: 1px solid #4a4d50; }
.btn.info:hover, .skiplink.info:hover { background: #63676a; }
.btn.info:active, .skiplink.info:active { background: #313436; }
.btn.danger, .skiplink.danger { background: #ca3838; border: 1px solid #ca3838; }
.btn.danger:hover, .skiplink.danger:hover { background: #d56060; }
.btn.danger:active, .skiplink.danger:active { background: #a32c2c; }
.btn.warning, .skiplink.warning { background: #f6b83f; border: 1px solid #f6b83f; color: #644405; }
.btn.warning:hover, .skiplink.warning:hover { background: #f8ca70; }
.btn.warning:active, .skiplink.warning:active { background: #f4a60e; }
.btn.warning a, .btn.warning input, .btn.warning button, .skiplink.warning a, .skiplink.warning input, .skiplink.warning button { color: #644405; }
.btn.success, .skiplink.success { background: #58c026; border: 1px solid #58c026; }
.btn.success:hover, .skiplink.success:hover { background: #72d940; }
.btn.success:active, .skiplink.success:active { background: #44951e; }

.btn.metro, .metro .btn, .metro .skiplink, .skiplink.metro, .btn.pretty.squared, .pretty .squared.btn, .pretty .squared.skiplink, .pretty .btn.squared { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.btn.pretty, .pretty .btn, .pretty .skiplink, .skiplink.pretty, .btn.metro.rounded, .metro .rounded.btn, .metro .rounded.skiplink, .metro .btn.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.btn.pretty.primary, .pretty .primary.btn, .pretty .primary.skiplink, .skiplink.pretty.primary { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff00b7), color-stop(100%, #ff33c5)); background-image: -webkit-linear-gradient(#ff00b7, #ff33c5); background-image: -moz-linear-gradient(#ff00b7, #ff33c5); background-image: -o-linear-gradient(#ff00b7, #ff33c5); background-image: linear-gradient(#ff00b7, #ff33c5); -webkit-box-shadow: inset 0 0 3px #ff9ee4; -moz-box-shadow: inset 0 0 3px #ff9ee4; box-shadow: inset 0 0 3px #ff9ee4; border: 1px solid #ff00b7; }
.btn.pretty.primary:hover, .pretty .primary.btn:hover, .pretty .primary.skiplink:hover, .skiplink.pretty.primary:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff00b7), color-stop(100%, #990066)); background-image: -webkit-linear-gradient(#ff00b7, #990066); background-image: -moz-linear-gradient(#ff00b7, #990066); background-image: -o-linear-gradient(#ff00b7, #990066); background-image: linear-gradient(#ff00b7, #990066); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #ff00b7; }
.btn.pretty.primary:active, .pretty .primary.btn:active, .pretty .primary.skiplink:active, .skiplink.pretty.primary:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff33c5), color-stop(100%, #ff00b7)); background-image: -webkit-linear-gradient(#ff33c5, #ff00b7); background-image: -moz-linear-gradient(#ff33c5, #ff00b7); background-image: -o-linear-gradient(#ff33c5, #ff00b7); background-image: linear-gradient(#ff33c5, #ff00b7); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.primary a, .pretty .primary.btn a, .pretty .primary.skiplink a, .btn.pretty.primary input, .pretty .primary.btn input, .pretty .primary.skiplink input, .btn.pretty.primary button, .pretty .primary.btn button, .pretty .primary.skiplink button, .skiplink.pretty.primary a, .skiplink.pretty.primary input, .skiplink.pretty.primary button { text-shadow: 0 1px 1px #40002e; font-family: 'VistaSansBold'; text-transform:uppercase;  }
.btn.pretty.secondary, .pretty .secondary.btn, .pretty .secondary.skiplink, .skiplink.pretty.secondary { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80cb92), color-stop(100%, #3ca957)); background-image: -webkit-linear-gradient(#80cb92, #3ca957); background-image: -moz-linear-gradient(#80cb92, #3ca957); background-image: -o-linear-gradient(#80cb92, #3ca957); background-image: linear-gradient(#80cb92, #3ca957); -webkit-box-shadow: inset 0 0 3px #daf0e0; -moz-box-shadow: inset 0 0 3px #daf0e0; box-shadow: inset 0 0 3px #daf0e0; border: 1px solid #2c6d3c; }
.btn.pretty.secondary:hover, .pretty .secondary.btn:hover, .pretty .secondary.skiplink:hover, .skiplink.pretty.secondary:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a1d3ad), color-stop(100%, #68c07d)); background-image: -webkit-linear-gradient(#a1d3ad, #68c07d); background-image: -moz-linear-gradient(#a1d3ad, #68c07d); background-image: -o-linear-gradient(#a1d3ad, #68c07d); background-image: linear-gradient(#a1d3ad, #68c07d); -webkit-box-shadow: inset 0 0 3px #f8fcf9; -moz-box-shadow: inset 0 0 3px #f8fcf9; box-shadow: inset 0 0 3px #f8fcf9; border: 1px solid #469659; }
@media only screen and (max-width: 800px) {footer.contacto input#submit-button {padding: 0 20px;}}
.btn.pretty.secondary:active, .pretty .secondary.btn:active, .pretty .secondary.skiplink:active, .skiplink.pretty.secondary:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca957), color-stop(100%, #80cb92)); background-image: -webkit-linear-gradient(#3ca957, #80cb92); background-image: -moz-linear-gradient(#3ca957, #80cb92); background-image: -o-linear-gradient(#3ca957, #80cb92); background-image: linear-gradient(#3ca957, #80cb92); -webkit-box-shadow: inset 0 0 3px #ecf8ef; -moz-box-shadow: inset 0 0 3px #ecf8ef; box-shadow: inset 0 0 3px #ecf8ef; }
.btn.pretty.secondary a, .pretty .secondary.btn a, .pretty .secondary.skiplink a, .btn.pretty.secondary input, .pretty .secondary.btn input, .pretty .secondary.skiplink input, .btn.pretty.secondary button, .pretty .secondary.btn button, .pretty .secondary.skiplink button, .skiplink.pretty.secondary a, .skiplink.pretty.secondary input, .skiplink.pretty.secondary button { text-shadow: 0 1px 1px #255a32; }
.btn.pretty.default, .pretty .default.btn, .pretty .default.skiplink, .skiplink.pretty.default { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f1f1)); background-image: -webkit-linear-gradient(#ffffff, #f3f1f1); background-image: -moz-linear-gradient(#ffffff, #f3f1f1); background-image: -o-linear-gradient(#ffffff, #f3f1f1); background-image: linear-gradient(#ffffff, #f3f1f1); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #cccccc; }
.btn.pretty.default:hover, .pretty .default.btn:hover, .pretty .default.skiplink:hover, .skiplink.pretty.default:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#ffffff, #ffffff); background-image: -moz-linear-gradient(#ffffff, #ffffff); background-image: -o-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(#ffffff, #ffffff); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #d9d9d9; }
.btn.pretty.default:active, .pretty .default.btn:active, .pretty .default.skiplink:active, .skiplink.pretty.default:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f1f1), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#f3f1f1, #ffffff); background-image: -moz-linear-gradient(#f3f1f1, #ffffff); background-image: -o-linear-gradient(#f3f1f1, #ffffff); background-image: linear-gradient(#f3f1f1, #ffffff); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.default a, .pretty .default.btn a, .pretty .default.skiplink a, .btn.pretty.default input, .pretty .default.btn input, .pretty .default.skiplink input, .btn.pretty.default button, .pretty .default.btn button, .pretty .default.skiplink button, .skiplink.pretty.default a, .skiplink.pretty.default input, .skiplink.pretty.default button { text-shadow: 0 1px 1px white; }
.btn.pretty.info, .pretty .info.btn, .pretty .info.skiplink, .skiplink.pretty.info { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #464d54)); background-image: -webkit-linear-gradient(#7b8085, #464d54); background-image: -moz-linear-gradient(#7b8085, #464d54); background-image: -o-linear-gradient(#7b8085, #464d54); background-image: linear-gradient(#7b8085, #464d54); -webkit-box-shadow: inset 0 0 3px #bdc0c2; -moz-box-shadow: inset 0 0 3px #bdc0c2; box-shadow: inset 0 0 3px #bdc0c2; border: 1px solid #252728; }
.btn.pretty.info:hover, .pretty .info.btn:hover, .pretty .info.skiplink:hover, .skiplink.pretty.info:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aeb3b6), color-stop(100%, #808e98)); background-image: -webkit-linear-gradient(#aeb3b6, #808e98); background-image: -moz-linear-gradient(#aeb3b6, #808e98); background-image: -o-linear-gradient(#aeb3b6, #808e98); background-image: linear-gradient(#aeb3b6, #808e98); -webkit-box-shadow: inset 0 0 3px #f1f2f3; -moz-box-shadow: inset 0 0 3px #f1f2f3; box-shadow: inset 0 0 3px #f1f2f3; border: 1px solid #60676b; }
.btn.pretty.info:active, .pretty .info.btn:active, .pretty .info.skiplink:active, .skiplink.pretty.info:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #464d54), color-stop(100%, #7b8085)); background-image: -webkit-linear-gradient(#464d54, #7b8085); background-image: -moz-linear-gradient(#464d54, #7b8085); background-image: -o-linear-gradient(#464d54, #7b8085); background-image: linear-gradient(#464d54, #7b8085); -webkit-box-shadow: inset 0 0 3px #cbcdce; -moz-box-shadow: inset 0 0 3px #cbcdce; box-shadow: inset 0 0 3px #cbcdce; }
.btn.pretty.info a, .pretty .info.btn a, .pretty .info.skiplink a, .btn.pretty.info input, .pretty .info.btn input, .pretty .info.skiplink input, .btn.pretty.info button, .pretty .info.btn button, .pretty .info.skiplink button, .skiplink.pretty.info a, .skiplink.pretty.info input, .skiplink.pretty.info button { text-shadow: 0 1px 1px #191a1b; }
.btn.pretty.danger, .pretty .danger.btn, .pretty .danger.skiplink, .skiplink.pretty.danger { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df8989), color-stop(100%, #d03232)); background-image: -webkit-linear-gradient(#df8989, #d03232); background-image: -moz-linear-gradient(#df8989, #d03232); background-image: -o-linear-gradient(#df8989, #d03232); background-image: linear-gradient(#df8989, #d03232); -webkit-box-shadow: inset 0 0 3px #faeded; -moz-box-shadow: inset 0 0 3px #faeded; box-shadow: inset 0 0 3px #faeded; border: 1px solid #8f2626; }
.btn.pretty.danger:hover, .pretty .danger.btn:hover, .pretty .danger.skiplink:hover, .skiplink.pretty.danger:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f79696), color-stop(100%, #f64a4a)); background-image: -webkit-linear-gradient(#f79696, #f64a4a); background-image: -moz-linear-gradient(#f79696, #f64a4a); background-image: -o-linear-gradient(#f79696, #f64a4a); background-image: linear-gradient(#f79696, #f64a4a); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #e21212; }
.btn.pretty.danger:active, .pretty .danger.btn:active, .pretty .danger.skiplink:active, .skiplink.pretty.danger:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d03232), color-stop(100%, #df8989)); background-image: -webkit-linear-gradient(#d03232, #df8989); background-image: -moz-linear-gradient(#d03232, #df8989); background-image: -o-linear-gradient(#d03232, #df8989); background-image: linear-gradient(#d03232, #df8989); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.danger a, .pretty .danger.btn a, .pretty .danger.skiplink a, .btn.pretty.danger input, .pretty .danger.btn input, .pretty .danger.skiplink input, .btn.pretty.danger button, .pretty .danger.btn button, .pretty .danger.skiplink button, .skiplink.pretty.danger a, .skiplink.pretty.danger input, .skiplink.pretty.danger button { text-shadow: 0 1px 1px #7b2121; }
.btn.pretty.warning, .pretty .warning.btn, .pretty .warning.skiplink, .skiplink.pretty.warning { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbdca0), color-stop(100%, #fbba3a)); background-image: -webkit-linear-gradient(#fbdca0, #fbba3a); background-image: -moz-linear-gradient(#fbdca0, #fbba3a); background-image: -o-linear-gradient(#fbdca0, #fbba3a); background-image: linear-gradient(#fbdca0, #fbba3a); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #de960a; color: #644405; }
.btn.pretty.warning:hover, .pretty .warning.btn:hover, .pretty .warning.skiplink:hover, .skiplink.pretty.warning:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feecca), color-stop(100%, #ffd37d)); background-image: -webkit-linear-gradient(#feecca, #ffd37d); background-image: -moz-linear-gradient(#feecca, #ffd37d); background-image: -o-linear-gradient(#feecca, #ffd37d); background-image: linear-gradient(#feecca, #ffd37d); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; border: 1px solid #fcb834; }
.btn.pretty.warning:active, .pretty .warning.btn:active, .pretty .warning.skiplink:active, .skiplink.pretty.warning:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbba3a), color-stop(100%, #fbdca0)); background-image: -webkit-linear-gradient(#fbba3a, #fbdca0); background-image: -moz-linear-gradient(#fbba3a, #fbdca0); background-image: -o-linear-gradient(#fbba3a, #fbdca0); background-image: linear-gradient(#fbba3a, #fbdca0); -webkit-box-shadow: inset 0 0 3px white; -moz-box-shadow: inset 0 0 3px white; box-shadow: inset 0 0 3px white; }
.btn.pretty.warning a, .pretty .warning.btn a, .pretty .warning.skiplink a, .btn.pretty.warning input, .pretty .warning.btn input, .pretty .warning.skiplink input, .btn.pretty.warning button, .pretty .warning.btn button, .pretty .warning.skiplink button, .skiplink.pretty.warning a, .skiplink.pretty.warning input, .skiplink.pretty.warning button { text-shadow: 0 1px 1px #fbdca0; }
.btn.pretty.success, .pretty .success.btn, .pretty .success.skiplink, .skiplink.pretty.success { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #91e26a), color-stop(100%, #56c620)); background-image: -webkit-linear-gradient(#91e26a, #56c620); background-image: -moz-linear-gradient(#91e26a, #56c620); background-image: -o-linear-gradient(#91e26a, #56c620); background-image: linear-gradient(#91e26a, #56c620); -webkit-box-shadow: inset 0 0 3px #e0f7d5; -moz-box-shadow: inset 0 0 3px #e0f7d5; box-shadow: inset 0 0 3px #e0f7d5; border: 1px solid #3b8019; }
.btn.pretty.success:hover, .pretty .success.btn:hover, .pretty .success.skiplink:hover, .skiplink.pretty.success:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96e570), color-stop(100%, #64df29)); background-image: -webkit-linear-gradient(#96e570, #64df29); background-image: -moz-linear-gradient(#96e570, #64df29); background-image: -o-linear-gradient(#96e570, #64df29); background-image: linear-gradient(#96e570, #64df29); -webkit-box-shadow: inset 0 0 3px #e5f9db; -moz-box-shadow: inset 0 0 3px #e5f9db; box-shadow: inset 0 0 3px #e5f9db; border: 1px solid #479f1d; }
.btn.pretty.success:active, .pretty .success.btn:active, .pretty .success.skiplink:active, .skiplink.pretty.success:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #56c620), color-stop(100%, #91e26a)); background-image: -webkit-linear-gradient(#56c620, #91e26a); background-image: -moz-linear-gradient(#56c620, #91e26a); background-image: -o-linear-gradient(#56c620, #91e26a); background-image: linear-gradient(#56c620, #91e26a); -webkit-box-shadow: inset 0 0 3px #f0fbea; -moz-box-shadow: inset 0 0 3px #f0fbea; box-shadow: inset 0 0 3px #f0fbea; }
.btn.pretty.success a, .pretty .success.btn a, .pretty .success.skiplink a, .btn.pretty.success input, .pretty .success.btn input, .pretty .success.skiplink input, .btn.pretty.success button, .pretty .success.btn button, .pretty .success.skiplink button, .skiplink.pretty.success a, .skiplink.pretty.success input, .skiplink.pretty.success button { text-shadow: 0 1px 1px #316b15; }

/* Icons */
[class^="icon-"] a:before, [class*=" icon-"] a:before, [class^="icon-"] a:after, [class*=" icon-"] a:after, i[class^="icon-"], i[class*=" icon-"] { font-family: "entypo"; position: absolute; text-decoration: none; zoom: 1; }

i[class^="icon-"], i[class*=" icon-"] { display: inline-block; position: static; min-width: 20px; margin: 0 5px; text-align: center; }

/* Form Styles */
form { margin: 0 0 18px; }
form label { display: block; font-size: 16px; font-size: 1rem; line-height: 1.625em; cursor: pointer; margin-bottom: 9px; }
form label.inline { display: inline-block; padding-right: 20px; }
form dt { margin: 0; }
form textarea { height: 150px; }
form ul, form ul li { margin-left: 0; list-style-type: none; }
form fieldset { border-style: solid; border-width: 0.0625em; padding: 1.5625em; border-color: #d8d8d8; margin: 18px 0; }
form fieldset legend { padding: 5px 10px; }

.field { position: relative; max-width: 100%; margin-bottom: 10px; vertical-align: middle; font-size: 16px; overflow: hidden; }
.field.metro, .field .metro { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.field input, .field input[type="*"], .field textarea { max-width: 100%; width: 100%; padding: 0; margin: 0; border: none; outline: none; resize: none; -webkit-appearance: none; font-family: 'VistaSansBook'; font-weight: 300; font-size: 16px; font-size: 1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.field .input { position: relative; padding: 0 10px; background: #fff; border: 1px solid #fff; height: 36px; line-height: 34px; font-size: 16px; font-size: 1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.field .input.search { height: 36px; line-height: 34px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; padding-right: 0; }
.field .input.textarea { height: auto; }

input.xnarrow, .input.xnarrow { width: 13.33333%; margin: 0; }
input.xnarrow:last-child, .input.xnarrow:last-child { margin-left: -4px; }
input.xnarrow:first-child, .input.xnarrow:first-child { margin-right: 3.94%; margin-left: 0; }
input.xnarrow:first-child:last-child, .input.xnarrow:first-child:last-child { margin: 0; }
input.narrow, .input.narrow { width: 30.66667%; margin: 0; }
input.narrow:last-child, .input.narrow:last-child { margin-left: -4px; }
input.narrow:first-child, .input.narrow:first-child { margin-right: 3.94%; margin-left: 0; }
input.narrow:first-child:last-child, .input.narrow:first-child:last-child { margin: 0; }
input.normal, .input.normal { width: 48%; margin: 0; }
input.normal:last-child, .input.normal:last-child { margin-left: -4px; }
input.normal:first-child, .input.normal:first-child { margin-right: 3.94%; margin-left: 0; }
input.normal:first-child:last-child, .input.normal:first-child:last-child { margin: 0; }
input.wide, .input.wide { width: 65.33333%; margin: 0; }
input.wide:last-child, .input.wide:last-child { margin-left: -4px; }
input.wide:first-child, .input.wide:first-child { margin-right: 3.94%; margin-left: 0; }
input.wide:first-child:last-child, .input.wide:first-child:last-child { margin: 0; }
input.xwide, .input.xwide { width: 82.66667%; margin: 0; }
input.xwide:last-child, .input.xwide:last-child { margin-left: -4px; }
input.xwide:first-child, .input.xwide:first-child { margin-right: 3.94%; margin-left: 0; }
input.xwide:first-child:last-child, .input.xwide:first-child:last-child { margin: 0; }
input.xxwide, .input.xxwide { width: 100%; margin: 0; }
input.xxwide:last-child, .input.xxwide:last-child { margin-left: -4px; }
input.xxwide:first-child, .input.xxwide:first-child { margin-right: 3.94%; margin-left: 0; }
input.xxwide:first-child:last-child, .input.xxwide:first-child:last-child { margin: 0; }

label + .xnarrow:last-child, label + .narrow:last-child, label + .normal:last-child, label + .wide:last-child, label + .xwide:last-child, label + .xxwide:last-child { margin-left: 0; }

@media only screen and (max-width: 1220px) { .xxwide:first-child, .xxwide:last-child { margin-right: 0%; } }
/* remove inline-block white-space �" A 0px font-size = 0px of white space */
.prepend, .append { font-size: 0; white-space: nowrap; padding-bottom: 3.5px; }

.prepend input, .prepend .input, .append input, .append .input { display: inline-block; max-width: 100%; margin-right: 0; margin-left: 0; }

.prepend input, .prepend .input, .prepend.append input:last-child, .append *:last-child { -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; }

.append input, .append .input, .prepend.append input:first-child, .prepend *:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.prepend.append input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.prepend.append input:last-child { margin-left: -1px; }

.prepend .adjoined, .append .adjoined, .prepend .btn, .append .btn { position: relative; display: inline-block; margin-bottom: 0; z-index: 99; }

.prepend .btn a, .prepend .btn input, .prepend .btn button, .append .btn a, .append .btn input, .append .btn button { padding: 0 12px; }

.prepend .adjoined, .append .adjoined { padding: 0 10px 0 10px; background: #f2f2f2; border: 1px solid #d8d8d8; font-family: 'VistaSansBook'; font-weight: 600; color: #555555; font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }

.prepend .adjoined, .prepend .btn { margin-right: -1px; }

.adjoined:first-child { margin-left: 0 !important; }

.append .adjoined, .append .btn { margin-left: -1px; }

.append button, .prepend button { display: inline-block; }

.prepend input:first-child, .append input:first-child, .prepend .input:first-child, .append .input:first-child { margin-right: 0; }

.double input, .double .input { width: 50% !important; }
.double input:last-child, .double .input:last-child { margin-left: -1px; }

.field input, .field .input, .field textarea, .field .textarea, .field .radio span, .field .checkbox span, .field .picker { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field.danger:after { font-family: "entypo"; content: "\2716"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #ca3838; }
.field.danger.no-icon:after { display: none; }
.field.danger.append:after, .field.danger.prepend:after { content: ""; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker { border-color: #ca3838; background: #f0c5c5; }
.field.danger input, .field.danger .input, .field.danger textarea, .field.danger .textarea, .field.danger .radio span, .field.danger .checkbox span, .field.danger .picker, .field.danger input::-webkit-input-placeholder, .field.danger textarea::-webkit-input-placeholder, .field.danger input:-moz-placeholder, .field.danger textarea:-moz-placeholder textarea { color: #ca3838; }
.field.warning:after { font-family: "entypo"; content: "\26a0"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #f6b83f; }
.field.warning.no-icon:after { display: none; }
.field.warning.append:after, .field.warning.prepend:after { content: ""; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker { border-color: #f6b83f; background: #fef7ea; }
.field.warning input, .field.warning .input, .field.warning textarea, .field.warning .textarea, .field.warning .radio span, .field.warning .checkbox span, .field.warning .picker, .field.warning input::-webkit-input-placeholder, .field.warning textarea::-webkit-input-placeholder, .field.warning input:-moz-placeholder, .field.warning textarea:-moz-placeholder textarea { color: #f6b83f; }
.field.success:after { font-family: "entypo"; content: "\2713"; font-size: 16px; position: absolute; top: 14%; right: 15px; z-index: 999; color: #58c026; }
.field.success.no-icon:after { display: none; }
.field.success.append:after, .field.success.prepend:after { content: ""; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker { border-color: #58c026; background: #c0eeaa; }
.field.success input, .field.success .input, .field.success textarea, .field.success .textarea, .field.success .radio span, .field.success .checkbox span, .field.success .picker, .field.success input::-webkit-input-placeholder, .field.success textarea::-webkit-input-placeholder, .field.success input:-moz-placeholder, .field.success textarea:-moz-placeholder textarea { color: #58c026; }
.field .picker.danger { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.danger select, .field .picker.danger:after { color: #ca3838; }
.field .picker.warning { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.warning select, .field .picker.warning:after { color: #f6b83f; }
.field .picker.success { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.field .picker.success select, .field .picker.success:after { color: #58c026; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

.no-js .radio input { -webkit-appearance: radio; margin-left: 1px; }
.no-js .checkbox input { -webkit-appearance: checkbox; }
.no-js .radio input, .no-js .checkbox input { display: inline-block; width: 16px; }

.js .field .radio, .js .field .checkbox { position: relative; }
.js .field .radio.danger, .js .field .checkbox.danger { color: #ca3838; }
.js .field .radio.danger span, .js .field .checkbox.danger span { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.warning, .js .field .checkbox.warning { color: #f6b83f; }
.js .field .radio.warning span, .js .field .checkbox.warning span { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.success, .js .field .checkbox.success { color: #58c026; color: #555555; }
.js .field .radio.success i, .js .field .checkbox.success i { color: #58c026; }
.js .field .radio.success span, .js .field .checkbox.success span { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
.js .field .radio.checked i, .js .field .checkbox.checked i { position: absolute; top: -1px; left: -8px; line-height: 16px; }
.js .field .radio span, .js .field .checkbox span { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: #fefefe; }
.js .field .radio input[type="radio"], .js .field .radio input[type="checkbox"], .js .field .checkbox input[type="radio"], .js .field .checkbox input[type="checkbox"] { display: none; }
.js .field .radio span { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.js .field .checkbox span { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.field .text input[type="search"] { -webkit-appearance: textfield; }

/* Form Picker Element (<select>) */
.picker { position: relative; width: auto; display: inline-block; margin: 0 0 2px 1.2%; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-family: 'VistaSansBook'; font-weight: 600; height: auto; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#ffffff, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2); }
.picker:after { content: "\25BE"; font-family: entypo; z-index: 0; position: absolute; right: 8%; top: 50%; margin-top: -12px; color: #555555; }
.picker:first-child { margin-left: 0; }
.picker select { position: relative; display: block; min-width: 100%; width: 135%; height: 34px; padding: 6px 45px 6px 15px; color: #555555; border: none; background: transparent; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }
.picker select::-ms-expand { display: none; }

/* Labels */
.badge, .label { height: 20px; display: inline-block; font-family: Helvetica, arial, verdana, sans-serif; font-weight: bold; line-height: 20px; text-align: center; color: #fff; }
.badge a, .label a { color: #fff; }
.badge.primary, .label.primary { background: #3085d6; border: 1px solid #3085d6; }
.badge.secondary, .label.secondary { background: #42a35a; border: 1px solid #42a35a; }
.badge.default, .label.default { background: #f2f2f2; border: 1px solid #f2f2f2; color: #555555; }
.badge.default:hover, .label.default:hover { border-color: #e5e5e5; }
.badge.default a, .label.default a { color: #555555; }
.badge.info, .label.info { background: #4a4d50; border: 1px solid #4a4d50; }
.badge.danger, .label.danger { background: #ca3838; border: 1px solid #ca3838; }
.badge.warning, .label.warning { background: #f6b83f; border: 1px solid #f6b83f; color: #644405; }
.badge.warning a, .label.warning a { color: #644405; }
.badge.success, .label.success { background: #58c026; border: 1px solid #58c026; }
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
.badge.light a, .label.light a { color: #d04526; }
.badge.dark, .label.dark { background: #212121; border: 1px solid #212121; }

.badge { padding: 0 10px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.label { padding: 0 10px; font-size: 12px; font-size: 0.75rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.alert { padding: 0 10px; font-family: 'VistaSansBook'; font-weight: 600; list-style-type: none; word-wrap: break-word; margin-bottom: 8px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.alert.primary { background: #ff00b7; border: 1px solid #3085d6; color: #40002e; }
.alert.secondary { background: #80cb92; border: 1px solid #42a35a; color: #255a32; }
.alert.default { background: white; border: 1px solid #f2f2f2; color: #bfbfbf; color: #555555; border: 1px solid #f2f2f2; }
.alert.info { background: #7b8085; border: 1px solid #4a4d50; color: #191a1b; color: #f2f2f2; }
.alert.danger { background: #df8989; border: 1px solid #ca3838; color: #7b2121; }
.alert.warning { background: #fbdca0; border: 1px solid #f6b83f; color: #c68609; color: #644405; }
.alert.success { background: #91e26a; border: 1px solid #58c026; color: #316b15; }

/* Tabs */
.tabs { display: block; }

.tab-nav { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; }
.tab-nav > li { display: inline-block; width: auto; padding: 0; margin: 0 0% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.tab-nav > li > li { display: inline-block; width: auto; padding: 0; margin: 0 0% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
.tab-nav > li > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #555555; font-family: 'VistaSansBook'; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
.tab-nav > li > li > a:hover { text-decoration: none; background: whitesmoke; }
.tab-nav > li > li > a:active { background: #ededed; }
.tab-nav > li > li.active > a { height: 43px; line-height: 41px; background: white; cursor: default; }
.tab-nav > li > li:last-child { margin-right: 0; }

.tab-nav > li:last-child { margin-right: 0; }

.tab-nav > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #555555; font-family: 'VistaSansBook'; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
.tab-nav > li > a:hover { text-decoration: none; background: whitesmoke; }
.tab-nav > li > a:active { background: #ededed; }

.tab-nav > li.active > a { height: 43px; line-height: 41px; background: white; }

.tabs.pill .tab-nav { width: 100%; /* remove if you dont want the tabs to span the full container width */ display: table; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.tabs.pill .tab-nav > li { display: table-cell; margin: 0; margin-left: -4px; text-align: center; top: 0; }
.tabs.pill .tab-nav > li:first-child { margin-left: 0; }
.tabs.pill .tab-nav > li > a { border: none; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 42px; line-height: 40px; }
.tabs.pill .tab-nav > li:last-child > a { border-right: none; }

.tab-content { display: none; padding: 20px 10px; }
.tab-content.active { display: block; }

.tabs.vertical .tab-nav { border: none; }
.tabs.vertical .tab-nav > li { display: block; margin: 0; margin-bottom: 5px; }
.tabs.vertical .tab-nav > li.active { position: relative; z-index: 99; }
.tabs.vertical .tab-nav > li.active > a { border-right: 1px solid white; }
.tabs.vertical .tab-nav > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.tabs.vertical .tab-content { padding: 10px 0 30px 20px; margin-left: -1px; border-left: 1px solid #e5e5e5; }

/* Images */
.image { line-height: 0; margin-bottom: 20px; }
.image.circle { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; overflow: hidden; width: auto; }
.image.rounded { overflow: hidden; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; -ms-border-radius: 4px 4px; -o-border-radius: 4px 4px; border-radius: 4px 4px; }
.image.photo { border: 5px solid white; -webkit-box-shadow: 0 0 1px #555555; -moz-box-shadow: 0 0 1px #555555; box-shadow: 0 0 1px #555555; }
.image.photo.polaroid { padding-bottom: 50px; background: #fff; }

/* Video */
body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
body .video.twitch, body .video.youtube.show_controls { padding-top: 30px; }

.video > video, .video > iframe, .video > object, .video > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Toggles */
.drawer { position: relative; width: 100%; max-height: 0; background: #3e4144; -webkit-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; -moz-box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; box-shadow: inset 0 -2px 5px #313436, inset 0 2px 5px #313436; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.drawer.active { height: auto; max-height: 800px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; background: black; background: rgba(0, 0, 0, 0.8); }
.modal > .content { width: 50%; min-height: 50%; max-height: 65%; position: relative; top: 25%; margin: 0 auto; padding: 0px; background: white; z-index: 2; overflow: auto; }
@media only screen and (max-width: 800px) { .modal > .content { width: 80%; min-height: 80%; max-height: 80%; top: 10%; } }
@media only screen and (max-width: 800px) { .modal > .content { width: 92.5%; min-height: 92.5%; max-height: 92.5%; top: 3.75%; } }
.modal > .content > .close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 3; }
.modal, .modal > .content { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.modal.active { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.modal.active, .modal.active > .content { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* Tables */
table { display: table; background-color: white; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; width: 100%; border: 1px solid #e5e5e5; }
table caption { text-align: center; font-size: 30px; padding: .75em; }
table thead th, table tbody td, table tr td { display: table-cell; padding: 10px; vertical-align: top; text-align: left; border-top: 1px solid #e5e5e5; }
table tr td, table tbody tr td { font-size: 16px; }
table tr td:first-child { font-weight: bold; }
table thead { background-color: #3085d6; color: #fff; }
table thead tr th { font-size: 16px; font-weight: bold; vertical-align: bottom; }
table.striped tr:nth-of-type(even), table table tr.stripe, table table tr.striped { background-color: #e5e5e5; }
table.rounded { border-radius: 4px; border-collapse: separate; }
table.rounded caption + thead tr:first-child th:first-child, table.rounded caption + tr td:first-child, table.rounded > thead tr:first-child th:first-child, table.rounded > thead tr:first-child td:first-child, table.rounded > tr:first-child td:first-child { border-top-left-radius: 4px; }
table.rounded caption + thead tr:first-child th:last-child, table.rounded caption + tr td:last-child, table.rounded > thead tr:first-child th:last-child, table.rounded > thead tr:first-child td:last-child, table.rounded > tr:first-child td:last-child { border-top-right-radius: 4px; }
table.rounded thead ~ tr:last-child td:last-child, table.rounded tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; }
table.rounded thead ~ tr:last-child td:first-child, table.rounded tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; }
table.rounded thead th, table.rounded thead td, table.rounded caption + tbody tr:first-child td, table.rounded > tbody:first-child tr:first-child td { border-top: 0; }

/* Tooltips */
.ttip { position: relative; cursor: pointer; }
.ttip:after {font-family:'VistaSansAltMedIta', georgia, sans-serif !important; display: block; background: #ccff00; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding:5px 10px; width: auto; min-width: 130px; max-width: 500px; position: absolute; right: 0; bottom: 101%; margin-bottom:2px; text-align: left; color: #000000; content: attr(data-tooltip); line-height:14px; font-size: 14px; font-weight: normal; font-style: normal; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
.ttip:before { content: " "; width: 0; height: 0; position: absolute; bottom:5px; right: 8px; border-top: 9px solid #ccff00 !important; border-left: 9px solid transparent; border-right: 9px solid transparent; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
.ttip:hover:after, .ttip:hover:before { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

@media only screen and (max-width: 800px) { .ttip:after, .ttip:before { display: none; } }

/* SHAME */
.ie8 .xxwide, .ie8 .xwide, .ie8 .wide, .ie8 .normal, .ie8 .narrow, .ie8 .xnarrow { display: inline; }
.ie8 .xxwide + input, .ie8 .xwide + input, .ie8 .wide + input, .ie8 .normal + input, .ie8 .narrow + input, .ie8 .xnarrow + input { display: inline; margin: 0 0 0 -0.25em; }
.ie8 .ttip:before, .ie8 .ttip:after { display: none; }
.ie8 .ttip:hover:before, .ie8 .ttip:hover:after { display: block; }

.ie9 .radio.checked i, .ie9 .checkbox.checked i { top: 0; }



/*MY STYLES*/
.sl-slider-wrapper { width: 800px; height: 400px; margin: 0 auto; position: relative; overflow: hidden; }
.sl-slider {position: absolute;top: 0;left: 0;}
.sl-slide,.sl-slides-wrapper,.sl-slide-inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; } 
.sl-slide { z-index: 1; }
.sl-content-slice {overflow: hidden;position: absolute;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;background: #fff;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; }
.sl-slide-horizontal .sl-content-slice {width: 100%;height: 50%;left: -200px;-webkit-transform: translateY(0%) scale(1);-moz-transform: translateY(0%) scale(1);-o-transform: translateY(0%) scale(1);-ms-transform: translateY(0%) scale(1);transform: translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child {top: -200px;padding: 200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {top: 50%;padding: 0px 200px 200px 200px;}
.sl-slide-vertical .sl-content-slice {width: 50%;height: 100%;top: -200px;-webkit-transform: translateX(0%) scale(1);-moz-transform: translateX(0%) scale(1);-o-transform: translateX(0%) scale(1);-ms-transform: translateX(0%) scale(1);transform: translateX(0%) scale(1);}
.sl-slide-vertical .sl-content-slice:first-child {left: -200px;padding: 200px 0px 200px 200px;}
.sl-slide-vertical .sl-content-slice:nth-child(2) {left: 50%;padding: 200px 200px 200px 0px;}
.sl-content-wrapper {position: absolute;}
.sl-content {width: 100%;height: 100%;background: #fff;}
.sl-slide-horizontal .sl-slide-inner {background: #ddd;}
.sl-slide-vertical .sl-slide-inner {background: #ccc;}

.skiplink{display: inline-block; width: auto;padding: 0 !important; text-align: center;width:10px;height:10px;border-radius: 50%;margin: 3px;background: #ccff00;background: rgba(204,255,0,0.8);cursor: pointer;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); }

/*SliDER Y SECTIONS*/
.main-slider .sl-slider-wrapper{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:1; }
.nav-arrows span { position: absolute; z-index: 2000; top: 50%; width: 40px; height: 40px; border: 8px solid #fff; border: 8px solid rgba(204,255,0,0.4); text-indent: -90000px; margin-top: -40px; cursor: pointer;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-arrows span:hover {border-color: rgba(204,255,0,0.9);}
.nav-arrows span.nav-arrow-prev {left: 5%;border-right: none;border-top: none;}
.nav-arrows span.nav-arrow-next {right: 5%;border-left: none;border-bottom: none;}
.nav-dots {text-align: center;position: absolute;bottom: 2%;height: 30px;width: 100%;left: 0;z-index: 1000; display:none;}
.nav-dots span {display: inline-block;position: relative;width: 16px;height: 16px;border-radius: 50%;margin: 3px;background: #ddd;background: rgba(204,255,0,0.4);cursor: pointer;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);}
.nav-dots span.nav-dot-current:after {content: "";position: absolute;width: 10px;height: 10px;top: 3px;left: 3px;border-radius: 50%;background: rgba(255,255,255,0.8);}
.main-slider .deco {bottom: 30%;height: auto;left: 40%;position: fixed;width: 25%;}
.main-slider [data-icon]:after {content: attr(data-icon);color: #999;text-shadow: 0 0 1px #999;position: absolute;width: 220px;height: 220px;line-height: 220px;text-align: center;font-size: 100px;top: 50%;left: 50%;margin: -110px 0 0 -110px;box-shadow: inset 0 0 0 10px #f7f7f7;border-radius: 50%;}
.main-slider .sl-slide h2 {color: #fff !important; position: absolute;font-size:70px; letter-spacing:-2px;text-transform: uppercase;width:30%;left:35%;text-align: center;line-height: 50px;bottom:55%;margin: 0 0 -120px 0; text-shadow: 2px 2px 10px #000000;font-family:'VistaSansAltBookIta', georgia, sans-serif !important; text-transform:none; padding:50px 0; background:rgba(0,0,0,0.5)}
.main-slider .sl-slide blockquote {position: absolute;width: 100%;text-align: center;left: 0;font-weight: 400;font-size: 14px;line-height: 20px;height: 70px;color: #8b8b8b;z-index: 2;bottom: 50%;margin: 0 0 -200px 0;padding: 0;}
.main-slider .sl-slide blockquote p{margin: 0 auto;width: 60%;max-width: 400px;position: relative;}
.main-slider .sl-slide blockquote p:before {color: #f0f0f0;color: rgba(244,244,244,0.65); position: absolute;line-height: 60px;width: 75px;height: 75px;font-size: 200px;z-index: -1;left: -80px;top: 35px;content: '\201C';}
.main-slider .sl-slide blockquote cite {font-size: 10px;padding-top: 10px;display: inline-block;font-style: normal;text-transform: uppercase;letter-spacing: 4px;}
/* First Slide */
.main-slider .bg-1 .sl-slide-inner,.main-slider .bg-1 .sl-content-slice {background: url(../img/backs/Foto_Portada1.png) no-repeat center center; background-size:cover}
/* Second Slide */
.main-slider .bg-2 .sl-slide-inner,.main-slider .bg-2 .sl-content-slice {background: url(../img/backs/Foto_Portada.jpg) no-repeat center center; background-size:cover}
.main-slider .bg-2 [data-icon]:after,.main-slider .bg-2 h2 {color: #fff;}
.main-slider .bg-2 blockquote:before {color: #222;}
/* Third Slide */
.main-slider .bg-3 .sl-slide-inner,.main-slider .bg-3 .sl-content-slice {background: url(../img/backs/Foto_Portada3.jpg) no-repeat center center; background-size:cover}
.main-slider .bg-3 .deco {border-color: #fff;border-color: rgba(255,255,255,0.5);}
.main-slider .bg-3 [data-icon]:after {color: #fff;text-shadow: 0 0 1px #fff;box-shadow: inset 0 0 0 10px #b55381;}
.main-slider .bg-3 h2,.main-slider .bg-3 blockquote{color: #fff;text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
.main-slider .bg-3 blockquote:before {color: #c46c96;}
/* Forth Slide */
.main-slider .bg-4 .sl-slide-inner,.main-slider .bg-4 .sl-content-slice {background: url(../img/backs/Foto_Portada-4.gif) no-repeat center center; background-size:cover}
.main-slider .bg-4 .deco {border-color: #379eaa;}
.main-slider .bg-4 [data-icon]:after {text-shadow: 0 0 1px #277d87;color: #277d87;}
.main-slider .bg-4 h2,.main-slider .bg-4 blockquote{color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.main-slider .bg-4 blockquote:before {color: #379eaa;}
/* Fifth Slide */
.main-slider .bg-5 .sl-slide-inner,.main-slider .bg-5 .sl-content-slice {background: url(../img/backs/Foto_Portada-5.gif) no-repeat center center; background-size:cover}
.main-slider .bg-5 .deco {border-color: #ECD82C;}
.main-slider .bg-5 .deco:after {color: #000;text-shadow: 0 0 1px #000;}
.main-slider .bg-5 h2,.main-slider .bg-5 blockquote{color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.main-slider .bg-5 blockquote:before {color: #ecd82c;}
/* Animations for content elements */
.sl-trans-elems .deco{ -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both;}
.sl-trans-elems h2{ -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both;}
.sl-trans-elems blockquote{ -webkit-animation: fadeIn 0.5s linear 0.5s both; -moz-animation: fadeIn 0.5s linear 0.5s both; -o-animation: fadeIn 0.5s linear 0.5s both; -ms-animation: fadeIn 0.5s linear 0.5s both; animation: fadeIn 0.5s linear 0.5s both;}
.sl-trans-back-elems .deco{ -webkit-animation: scaleDown 1s ease-in-out both; -moz-animation: scaleDown 1s ease-in-out both; -o-animation: scaleDown 1s ease-in-out both; -ms-animation: scaleDown 1s ease-in-out both; animation: scaleDown 1s ease-in-out both;}
.sl-trans-back-elems h2{ -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both;}
.sl-trans-back-elems blockquote{ -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both;}
@-webkit-keyframes roll{ 0% {-webkit-transform: translateX(500px) rotate(360deg);} 100% {-webkit-transform: translateX(0px) rotate(0deg);} }
@-moz-keyframes roll{ 0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;} }
@-o-keyframes roll{ 0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;} }
@-ms-keyframes roll{ 0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;} }
@keyframes roll{ 0% {transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {transform: translateX(0px) rotate(0deg); opacity: 1;} }
@-webkit-keyframes moveUp{ 0% {-webkit-transform: translateY(40px);} 100% {-webkit-transform: translateY(0px);} }
@-moz-keyframes moveUp{ 0% {-moz-transform: translateY(40px);} 100% {-moz-transform: translateY(0px);} }
@-o-keyframes moveUp{ 0% {-o-transform: translateY(40px);} 100% {-o-transform: translateY(0px);} }
@-ms-keyframes moveUp{ 0% {-ms-transform: translateY(40px);} 100% {-ms-transform: translateY(0px);} }
@keyframes moveUp{ 0% {transform: translateY(40px);} 100% {transform: translateY(0px);} }
@-webkit-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} }
@-ms-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} }
@-webkit-keyframes scaleDown{ 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.5);} }
@-moz-keyframes scaleDown{ 0% {-moz-transform: scale(1);} 100% {-moz-transform: scale(0.5);} }
@-o-keyframes scaleDown{ 0% {-o-transform: scale(1);} 100% {-o-transform: scale(0.5);} }
@-ms-keyframes scaleDown{ 0% {-ms-transform: scale(1);} 100% {-ms-transform: scale(0.5);} }
@keyframes scaleDown{ 0% {transform: scale(1);} 100% {transform: scale(0.5);} }
@-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} }
@-moz-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} }
@-o-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} }
@-ms-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} }
/* Media Queries for custom slider */
@media screen and (max-width: 660px) { .main-slider .deco { width: 130px; height: 130px; margin-left: -65px; margin-bottom: 50px; } .main-slider [data-icon]:after { width: 110px; height: 110px; line-height: 110px; font-size: 40px; margin: -55px 0 0 -55px; } .main-slider .sl-slide blockquote { margin-bottom: -120px; } .main-slider .sl-slide h2 { line-height: 22px; font-size: 18px; margin-bottom: -40px; letter-spacing: 8px; } .main-slider .sl-slide blockquote p:before { line-height: 10px; width: 40px; height: 40px; font-size: 120px; left: -45px; } }

/*MENU*/
.mainMenu>ul { zoom:1; left:-70px;  /*BORRAR left:0 !important;*/}
.mainMenu>ul:hover, .socialMenu>ul:hover { zoom:1; left:0;}
@media screen and (max-width: 800px) {.mainMenu>ul:hover {left:-70px;}}
.mainMenu>ul:after, .socialMenu>ul:after{ content:""; display:block; height:0; overflow:hidden }
.mainMenu>ul:after, .socialMenu>ul:after{clear:both}
.mainMenu>ul, .mainMenu>ul>li,.mainMenu>ul ul,.mainMenu>ul ul li, .socialMenu>ul, .socialMenu>ul>li,.socialMenu>ul ul,.socialMenu>ul ul li { -webkit-transition:0.4s ease; transition:0.4s ease}
.mainMenu{position:fixed;top:0;left:0;z-index:100000;-webkit-transform:translateZ(0)}
.socialMenu{ position:fixed;top:0;right:0;z-index:100000;-webkit-transform:translateZ(0)}
@media screen and (max-width: 800px) {.mainMenu{z-index:200;}.socialMenu{z-index:10;)}}
@media screen and (max-width: 800px) {.mainMenu>ul, .mainMenu>ul>li,.mainMenu>ul ul,.mainMenu>ul ul li, .socialMenu>ul, .socialMenu>ul>li,.socialMenu>ul ul,.socialMenu>ul ul li { -webkit-transition:none; transition:none}.mainMenu{-webkit-transform:none}.socialMenu{-webkit-transform:none}}
.mainMenu>ul, .socialMenu>ul{position:relative;z-index:10}
.mainMenu>ul>li, .socialMenu>ul>li{float:left;text-align:center;background:rgba(204,255,0,0.9);height:70px; margin:0 !important; margin-right:1px !important; cursor: pointer;}
.mainMenu>ul>li ul li, .socialMenu>ul>li ul li{ margin:0 !important}
.mainMenu>ul>li.field{ padding:15px 20px; margin-right:0 !important;}
.mainMenu>ul>li.dummy, .socialMenu>ul>li.dummy{position:absolute;top:-9999px;left:-9999px}
.mainMenu>ul>li>a, .socialMenu>ul>li>a{display:block; width:70px; height:70px; line-height:70px;color:#fff}
.mainMenu>ul>li>a>i, .socialMenu>ul>li>a>i{display:block;font-size:250%}
.no-touch .mainMenu>ul>li:hover, .mainMenu>ul>li.open, .no-touch .socialMenu>ul>li:hover, .socialMenu>ul>li.open{background:rgba(204,255,0,1)}
.no-touch .mainMenu>ul>li:hover>ul,.mainMenu>ul>li.open>ul, .no-touch .socialMenu>ul>li:hover>ul,.socialMenu>ul>li.open>ul, .mainMenu:hover>ul>li>ul{-webkit-transform:perspective(750px) rotateX(0deg);-moz-transform:perspective(750px) rotateX(0deg);-ms-transform:perspective(750px) rotateX(0deg);-o-transform:perspective(750px) rotateX(0deg);transform:perspective(750px) rotateX(0deg);opacity:1}
.mainMenu>ul>li.selected, .socialMenu>ul>li.selected{background:rgba(204,255,0,1)}
.mainMenu>ul>li.selected a, .socialMenu>ul>li.selected a{color:#fff}
.mainMenu>ul ul, .socialMenu>ul ul{margin:0 !important;position:absolute;top:100%;left:0;z-index:10;width:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(750px) rotateX(-90deg);-moz-transform:perspective(750px) rotateX(-90deg);-ms-transform:perspective(750px) rotateX(-90deg);-o-transform:perspective(750px) rotateX(-90deg);transform:perspective(750px) rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;opacity:0; width:200px; z-index:99999;}
.mainMenu>ul ul li, .socialMenu>ul ul li{text-align:left;background:rgba(255,0,183,0.4);overflow:hidden}
.mainMenu>ul ul li a, .socialMenu>ul ul li a{display:block;height:3em;line-height:3em;color:#fff;padding-left:20px;}
.mainMenu>ul ul li a>i, .socialMenu>ul ul li a>i{float:left;width:3em;text-align:center}
.mainMenu>ul ul li a>i.link, .socialMenu>ul ul li a>i.link{height:3em;background:url(/i/link_menu.png) no-repeat;background-size:100% 100%}
.mainMenu>ul ul li a:hover, .socialMenu>ul ul li a:hover{background:#ff00b7}
.mainMenu>ul ul li.socialButton, .socialMenu>ul ul li.socialButton{height:3em;line-height:3.5em;text-align:center}
.mainMenu>ul>li>ul>li.proyectos-nav{ position:relative;}
.mainMenu>ul>li>ul>li>ul.filtros{-webkit-transform:translateZ(0);}
li.proyectos-nav{ padding-bottom:0;}
li.proyectos-nav:hover{ padding-bottom:150px;}
ul.filtros{ width:100% !important; left:0 !important; top:50px !important; height:150px!important; display:block !important;-webkit-transform-style:none !important;-webkit-transform:perspective(0) rotateX(0) !important;-webkit-transform-origin:0 0 !important; opacity:1 !important; position:absolute !important; float:right !important; z-index:999999 !important; display:none !important; -webkit-transition:none; transition:none}
ul.filtros li a{ padding-left:50px !important}
li.proyectos-nav:hover ul.filtros{display:block !important;}
.mainMenu ul li{ position:relative}
.mainMenu ul li.skiplink{display:block;width:100%;height:48px; border-radius:0; box-shadow:none;}
@media only screen and (max-width: 800px) {.mainMenu ul li.skiplink{display:none;}}
.mainMenu ul li span{ display:block; background-color:#cc0099; color:#ffffff; font-family: 'VistaSansAltBookIta'; font-size:30px;-moz-transform: rotate(90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); top:96px; height:70px; position:absolute; margin:0; padding:0; left:-24px; float:left; padding:0 20px; line-height:75px;-webkit-transition:0.4s ease; transition:0.4s ease}
@media only screen and (max-width: 800px) {.mainMenu ul li span{ display:none;}}
.mainMenu:hover ul li span{ opacity:0; left:-200px}


/*HOME SECTIONS*/
@media only screen and (max-width: 1024px) {.home section.proyectos, .home section.estudio, .home footer.contacto, .home section.servicios {height: auto;}}
footer.contacto{background: url(../img/backs/Foto_Portada1monocrom.png);padding: 25% 0 0 0;position: relative !important;z-index: 99999 !important;display: block; overflow:hidden;}
@media only screen and (max-width: 1024px) {footer.contacto{padding:0px}}
footer.contacto .field .input{background-color: #ff00b7;border: none;color: #ffffff;line-height: 1.4rem;padding: 8px;}
footer.contacto p{font-family:'VistaSansAltBookIta', georgia, sans-serif; color:#ffffff; padding-left:40px;}
footer.contacto form p{ float:right;}
footer.contacto > div {background: #990066; /* Old browsers */background: -moz-linear-gradient(top, #990066 29%, #ff076e 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,#990066), color-stop(100%,#ff076e)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #990066 29%,#ff076e 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #990066 29%,#ff076e 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #990066 29%,#ff076e 100%); /* IE10+ */background: linear-gradient(to bottom, #990066 29%,#ff076e 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990066', endColorstr='#ff076e',GradientType=0 ); /* IE6-9 */ padding:3%; margin-top:-240px;}
@media only screen and (max-width: 1024px) {footer.contacto > div {margin-top:0px}}
@media only screen and (max-width: 1024px) {footer.contacto a {color:#FFFFFF;} footer.contacto a br {display:none;}}
.home section.estudio{ background:#ffffff; width:100%; height:100%; text-align:center;}



.quienesomos{z-index: -9999;height: 100%;width: 100%; position:absolute}
.diva, .divc {height:25%; width: 100%} 
.divb {width:100%; height:50%; text-align:center}
@media only screen and (max-width: 800px) {.diva, .divc {height:30%} .divb {height:40%}}
.quienesomos img{-webkit-animation: opacitator 6s; /* Chrome, Safari, Opera */animation: opacitator 6s; height: 100%;width: auto;}
@media only screen and (max-width: 360px) {.quienesomos img{display:none}}

.estudio article.video{ position:fixed; width:100%; height:100%; z-index:-999999; overflow:hidden !important;top:0;}
@media only screen and (max-width: 1024px) {.estudio article.video{-webkit-animation: infinite gradientransition 15s; /* Chrome, Safari, Opera */animation: infinite gradientransition 15s;}}
@media only screen and (max-width: 360px) {.estudio article.video{-webkit-animation:none; /* Chrome, Safari, Opera */animation: none;
background: #ff4778; /* Old browsers */
background: -moz-linear-gradient(45deg, #ff4778 0%, #b1ff68 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff4778), color-stop(100%,#b1ff68)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #ff4778 0%,#b1ff68 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #ff4778 0%,#b1ff68 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #ff4778 0%,#b1ff68 100%); /* IE10+ */
background: linear-gradient(45deg, #ff4778 0%,#b1ff68 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4778', endColorstr='#b1ff68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}}

.estudio article.video video{ width:100%; height:100%; top:0; left:0;-webkit-filter: blur(5px) saturate(1);
}
@media only screen and (max-width: 1024px) {.estudio article.video video{display:none;}}
/*@media only screen and (max-width: 800px) {.estudio article.video video{ left:-400px;}}*/
.estudio.row > footer {display:block!important}
.estudio.row > footer a {padding:0!important}
.estudio.row > footer img {height:auto; position:absolute; display:block; width:4%; margin-left: 48%; bottom: 5%; -moz-transform: rotate(507deg);-webkit-transform: rotate(507deg);-o-transform: rotate(507deg);-ms-transform: rotate(507deg);transform: rotate(507deg);}
@media only screen and (max-width: 1024px) {.estudio.row > footer img {bottom: 7%}}
.estudio.row > footer img {-webkit-animation: giraloco 5.5s; /* Chrome, Safari, Opera */animation: giraloco 5.5s;}
@media only screen and (max-width: 800px) {.estudio.row > footer img {-webkit-animation: giralocotablet 5.5s; /* Chrome, Safari, Opera */animation: giralocotablet 5.5s; width:9%; margin-left: 45%; bottom: 5%;}}
@media only screen and (max-width: 360px) {.estudio.row > footer img {-webkit-animation: none;animation:none; width:9%;opacity: 1; width:50%; margin-left: 23%; bottom: 35%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}}

@-webkit-keyframes gradientransition {
    0% {background: #ff4778;}
	10% {background: #ffa5a5;}
	20% {background: #ffd870;}
	60% {background: #72E0C4;}
    100% {background: #ff4778;}
}
/* Standard syntax */
@keyframes gradientransition {
    0% {background: #ff4778;}
	10% {background: #ffa5a5;}
	20% {background: #ffd870;}
	60% {background: #72E0C4;}
    100% {background: #ff4778;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes giraloco {
    0% {opacity: 0; width:30%; margin-left: 35%; bottom: 23%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    50% {opacity: 0; width:30%; margin-left: 35%; bottom: 23%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    65% {opacity: 1; width:30%; margin-left: 35%; bottom: 23%;}
    70% {opacity: 1; width:30%; margin-left: 35%; bottom: 23%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    95% {width:4%; margin-left: 48%; bottom: 47%; -moz-transform: rotate(507deg);-webkit-transform: rotate(507deg);-o-transform: rotate(507deg);-ms-transform: rotate(507deg);transform: rotate(507deg);}
    100% {width:4%; margin-left: 48%; bottom: 5%;}
}
/* Standard syntax */
@keyframes giraloco {
    0% {opacity: 0; width:30%; margin-left: 35%; bottom: 23%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    50% {opacity: 0; width:30%; margin-left: 35%; bottom: 23%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    65% {opacity: 1; width:30%; margin-left: 35%; bottom: 23%;}
    70% {opacity: 1; width:30%; margin-left: 35%; bottom: 23%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    95% {width:4%; margin-left: 48%; bottom: 47%; -moz-transform: rotate(507deg);-webkit-transform: rotate(507deg);-o-transform: rotate(507deg);-ms-transform: rotate(507deg);transform: rotate(507deg);}
    100% {width:4%; margin-left: 48%; bottom: 5%;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes giralocotablet {
    0% {opacity: 0; width:50%; margin-left: 23%; bottom: 5; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    50% {opacity: 0; width:50%; margin-left: 23%; bottom: 35%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    65% {opacity: 1; width:50%; margin-left: 23%; bottom: 35%;}
    70% {opacity: 1; width:50%; margin-left: 23%; bottom: 35%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    95% {width:9%; margin-left: 45%; bottom: 47%; -moz-transform: rotate(507deg);-webkit-transform: rotate(507deg);-o-transform: rotate(507deg);-ms-transform: rotate(507deg);transform: rotate(507deg);}
    100% {width:9%; margin-left: 45%; bottom: 5%;}
}
/* Standard syntax */
@keyframes giralocotablet {
    0% {opacity: 0; width:50%; margin-left: 23%; bottom: 35%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    50% {opacity: 0; width:50%; margin-left: 23%; bottom: 35%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    65% {opacity: 1; width:50%; margin-left: 23%; bottom: 35%;}
    70% {opacity: 1; width:50%; margin-left: 23%; bottom: 35%; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    95% {width:9%; margin-left: 45%; bottom: 47%; -moz-transform: rotate(507deg);-webkit-transform: rotate(507deg);-o-transform: rotate(507deg);-ms-transform: rotate(507deg);transform: rotate(507deg);}
    100% {width:9%; margin-left: 45%; bottom: 5%;}
}

.estudio footer div {color: #ccff00;  font-family: 'VistaSansAltMedIta';  font-size: 1.2rem; position: absolute; bottom:15px; display:block; width:100%; text-align:center;-webkit-animation: opacitator 6s; /* Chrome, Safari, Opera */animation: opacitator 6s;}

@-webkit-keyframes opacitator {
    0% {opacity: 0;}
    96% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes opacitator {
    0% {opacity: 0;}
    96% {opacity: 0;}
    100% {opacity: 1;}
}


























@media only screen and (max-width: 1024px) {
  .home section article.featured.large, .home section article.featured.large figure, .home section article.featured.small, .home section article.featured.small figure, .home section article.featured.medium figure {
height: auto!important;}}
	
/* Side push (animate transforms) */
.home section article.featured figure {overflow: hidden;background: rgba(255,51,102,0.2);-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out; }
@media only screen and (max-width: 1024px) {.home section article.featured figure {display: table;width: 100%;}}
.home section article.featured figure:hover {background: rgba(191,38,37,0);}
.home section article.featured figure img {-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.home section article.featured figure:hover img {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%); }
@media only screen and (max-width: 1024px) {.home section article.featured figure:hover img {-webkit-transform: none;-moz-transform: none;transform:none;}}

@media only screen and (max-width: 1024px) {.home section article.featured figure img {-webkit-transition: none;-moz-transition: none;transition: none; height:auto!important; width:100%!important}
.home section article.featured figure span {height: 315px!important;width: 50%!important;display: block;position: relative;padding: 0;margin: 0; float:left;overflow:hidden;text-align:center}}
@media only screen and (max-width: 1024px) {.home section div article.featured:nth-child(odd) figure span {float:right;}}
@media only screen and (max-width: 767px) {.home section article.featured figure img {height:100%!important; width:auto!important}}
@media only screen and (max-width: 360px) {.home section article.featured figure span {width:100%!important; height: 251px!important} .home section article.featured figure img {width:100%!important; height:auto!important}}

.home section article.featured figure figcaption {position: absolute;width: 100%;z-index: -1; /*background-color:#990066;*/ height: 100%;display: block;top:0; color:#ffffff; text-align:center;/* background-image: url(../img/fondo-rayitas.png);*/background: #990066; /* Old browsers */background: -moz-linear-gradient(top, #990066 29%, #ff076e 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,#990066), color-stop(100%,#ff076e)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #990066 29%,#ff076e 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #990066 29%,#ff076e 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #990066 29%,#ff076e 100%); /* IE10+ */background: linear-gradient(to bottom, #990066 29%,#ff076e 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990066', endColorstr='#ff076e',GradientType=0 ); /* IE6-9 */}
@media only screen and (max-width: 1024px) {.home section article.featured figure figcaption {background: #cb036a; /* Old browsers */background: -moz-linear-gradient(top, #cb036a 29%, #ff076e 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,#cb036a), color-stop(100%,#ff076e)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #cb036a 29%,#ff076e 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #cb036a 29%,#ff076e 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #cb036a 29%,#ff076e 100%); /* IE10+ */background: linear-gradient(to bottom, #cb036a 29%,#ff076e 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb036a', endColorstr='#ff076e',GradientType=0 ); /* IE6-9 */}}
@media only screen and (max-width: 1024px) {.home section article.featured figure figcaption {z-index:1; height:auto;}}
.home section article.featured figure figcaption header{ padding-top:25%; margin-bottom:10px; font-weight:700;}
@media only screen and (max-width: 1024px) {.home section article.featured figure figcaption header{ padding-top:0;}}
.home section article.featured.large figure figcaption p, .home section article.featured.small figure figcaption p { font-family:'VistaSansAltBookIta', georgia, sans-serif;}
.home section article.featured figure figcaption footer, .servicios footer {background: url(../img/zigzag.png) repeat-x center top;padding-top: 30px;margin: 20px 44% 0;}
@media only screen and (max-width: 1024px) {.home section article.featured figure figcaption footer, .servicios footer {margin: 20px 37% 0;}}
.home section article.featured figure figcaption footer img{ margin:0 20px 0 0; display:inline-block;}
.home section article.featured figure:hover figcaption footer img{ -webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)}
.proyectos h3, .servicios header h2{text-align: center;text-transform: capitalize;font-family: 'VistaSansAltMedIta';}
.proyectos h3{text-shadow: 3px 3px 0 #660033;}
.servicios header h2{text-shadow: 3px 3px 0 #728c13; margin-bottom:10px}
@media only screen and (max-width: 1024px) {.proyectos figcaption {padding: 50px 50px!important;}.proyectos figcaption p{font-size: 0.75rem} .proyectos figcaption header h3{font-size: 1.8rem;}}
@media only screen and (max-width: 1024px) {.proyectos figcaption header h3{text-align:left;}.proyectos figcaption p{font-size: 0.9rem}}
@media only screen and (max-width: 533px) {.proyectos figcaption p{font-size: 0.78rem}}

.home section article.featured.large figure figcaption{ padding:150px; }
.home section article.featured.medium figure figcaption{ padding:100px;}
.home section article.featured.medium figure figcaption header, .home section article.featured.small figure figcaption header{ padding:0;}
.home section article.featured.small figure figcaption{ padding:75px 50px;}
.home section article.featured.small:last-child figure figcaption{}
@media only screen and (max-width: 1024px) {.home section article.featured figure figcaption {width: 50%;display: block;position: relative;vertical-align: top;padding: 30px!important;height: 315px; float:right;}}
@media only screen and (max-width: 1024px) {.home section div article.featured:nth-child(odd) figure figcaption {float:left;}}
@media only screen and (max-width: 360px) {.home section article.featured figure figcaption {width:100%;height:315px;}}

nav.homeMenu.nav-dots{ position:fixed; right:10px !important; top:40% !important; left:auto !important; bottom: auto; width:16px; height:auto; display:block;}
nav.homeMenu.nav-dots span {display:block; margin:0 0 10px 0;}
nav.homeMenu.nav-dots span.nav-dot-current:after {}

::-webkit-input-placeholder { color:#ffffff; }
::-moz-placeholder { color:#ffffff; } /* firefox 19+ */
:-ms-input-placeholder { color:#fffffff; } /* ie */
input:-moz-placeholder { color:#ffffff; }

/*SERVICIOS EXPAND*/
.og-grid { list-style: none; padding: 20px 0; margin: 0 auto; text-align: center; width: 100%; }
.og-grid li { display: inline-block; margin: 10px 50px 0 5px; vertical-align: top; height: 250px; cursor:pointer;}
.og-grid li a:hover{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;cursor:initial;}
/*.og-grid li a{border-radius:30%}*/
.og-grid li.rojo a:hover { background:#FF3333 url(../img/icons-servicios/backs/rojo.jpg) repeat 0 0 !important;}
.og-grid li.agua a:hover { background:#33FFCC url(../img/icons-servicios/backs/agua.jpg) repeat 0 0 !important;}
.og-grid li.blanco a:hover { background:#e6e6e6 url(../img/icons-servicios/backs/blanco.jpg) repeat 0 0 !important;}
.og-grid li.azul a:hover { background:#003366 url(../img/icons-servicios/backs/azul.jpg) repeat 0 0 !important;}
.og-grid li.amarillo a:hover { background:#FFFF00 url(../img/icons-servicios/backs/amarillo.jpg) repeat 0 0 !important;}
.og-grid li.naranja a:hover { background:#FF6600 url(../img/icons-servicios/backs/naranja.jpg) repeat 0 0 !important;}
.og-grid li.violeta a:hover { background:#994DBF url(../img/icons-servicios/backs/violeta.jpg) repeat 0 0 !important;}
.og-grid li.celeste a:hover { background:#00CCFF url(../img/icons-servicios/backs/celeste.jpg) repeat 0 0 !important;}
.og-grid li.fuxia a:hover { background:#FF00B7 url(../img/icons-servicios/backs/fuxia.jpg) repeat 0 0 !important;}
.og-grid li a, .og-grid li a img { border: none; outline: none; display: block; position: relative; width:250px !important; height:250px !important;}
@media only screen and (max-width: 1440px) {.og-grid li a, .og-grid li a img { width:194px !important; height:194px !important;}}
@media only screen and (max-width: 1024px) {.og-grid li a, .og-grid li a img { width:250px !important; height:250px !important;}}
.og-grid li a figcaption {margin-top: -12%;font-family: 'VistaSansAltMedIta';color: #FFFFFF;font-size: 0.9rem;text-shadow:1px 1px 3px #000; }
.og-grid li.og-expanded > a::after { top: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ccff33; border-width: 15px; left: 50%; margin: -20px 0 0 -15px;}
.og-expander { position: absolute; background: #ccff33; top: auto; left: .5%; width: 99%; margin-top: 10px; text-align: left; height: 0; overflow: hidden; }
.og-expander-inner { padding: 50px 30px; height: 100%;}
.og-close { position: absolute; width: 40px; height: 40px; top: 20px; right: 20px; cursor: pointer;}
.og-close::before,.og-close::after {content: '';position: absolute;width: 100%;top: 50%;height: 1px;background: #888;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.og-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.og-close:hover::before,.og-close:hover::after {background: #333;}
.og-fullimg,.og-details {width: 50%;float: left;height: 100%;overflow: hidden;position: relative;}
.og-details {padding: 0 40px 0 20px;}
.og-fullimg {text-align: center;}
.og-fullimg img {display: inline-block;max-height: 100%;max-width: 100%;}
.og-details h3 {font-weight: 300;font-size: 52px;padding: 40px 0 10px;margin-bottom: 10px; color:#333333}
.og-details p {font-weight: 400;font-size: 16px;line-height: 22px; color:#333333;}
.og-details a {font-weight: 700; font-size: 16px; color:#333333; text-transform: uppercase;letter-spacing: 2px;padding: 10px 20px;border: 3px solid #333333;display: inline-block;margin: 30px 0 0;outline: none;}
.og-details a::before {content: '\2192';display: inline-block;margin-right: 10px;}
.og-details a:hover {border-color: #ffffff;color: #ffffff;}
.og-loading {width: 20px;height: 20px;border-radius: 50%;background: #ddd;box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;-webkit-animation: loader 0.5s infinite ease-in-out both;-moz-animation: loader 0.5s infinite ease-in-out both;animation: loader 0.5s infinite ease-in-out both;}
@-webkit-keyframes loader {0% { background: #ddd; }33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }}
@-moz-keyframes loader {0% { background: #ddd; }33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }}
@keyframes loader {0% { background: #ddd; }33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }}
@media screen and (max-width: 830px) {.og-expander h3 { font-size: 32px; }.og-expander p { font-size: 13px; }.og-expander a { font-size: 12px; }}
@media screen and (max-width: 650px) {.og-fullimg { display: none; }.og-details { float: none; width: 100%; }}


.og-grid a img {-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.og-grid .og-expanded a img {opacity:0.2; }
.og-grid .og-expanded a:hover img {opacity:1; }
.og-grid a {overflow: hidden;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out; }


.servicios{width:100%; height:auto !important; text-align:center; position:relative; z-index:99999999999;/* Old browsers */background: #c3db2b; /* Old browsers */background: -moz-linear-gradient(top, #99bf26 0%, #c6db2b 99%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99bf26), color-stop(99%,#c6db2b)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #99bf26 0%,#c6db2b 99%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #99bf26 0%,#c6db2b 99%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #99bf26 0%,#c6db2b 99%); /* IE10+ */background: linear-gradient(to bottom, #99bf26 0%,#c6db2b 99%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bf26', endColorstr='#c6db2b',GradientType=0 ); /* IE6-9 */}
.servicios{ padding:50px 0;}
.servicios header h2{}

.servicios div.row{ height:33.3%;}
.servicios div.row article, .servicios div.row article a{ height:100%; width:100%; cursor:pointer;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.servicios div.row article{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.servicios div.row article:hover{ opacity:0.1}
.servicios article.verde-oscuro, .servicios li.verde-oscuro{ background:rgba(102,153,0,1)}
.servicios article.verde, .servicios li.verde{ background:rgba(153,204,0,1)}
.servicios article.verde-claro, .servicios li.verde-claro{ background:rgba(204,255,0,1)}

/*PROYECTOS*/
body.proyectos{ background-color:#990066} 
body.proyectos header .homeMenu{ display:none;} 
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
/**** Isotope CSS3 transitions ****/
.isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#container { text-align:center; margin:auto; width:100%;}
article.element {width: 20%;height:300px;float: left; margin:0; padding:0; overflow:hidden !important; position:relative; background-color:#73004d; }
article.element a{ display:block; height:100%; width:100%; overflow:hidden}
article.element *{ text-align:center; width:100%; position:relative; display:block;}
article.element figure img { position:relative; top:0; left:0; height:100% !important; width:auto !important; max-width:none !important;}

/* Side push (animate transforms) */
article.element figure{overflow: hidden; -webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out; }
article.element figure:hover {background: rgba(191,38,37,0);}
article.element figure img {-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
article.element figure:hover img {-webkit-transform: translateX(100%) !important;-moz-transform: translateX(100%) !important;transform: translateX(100%) !important; }
article.element figure figcaption {position: absolute;width:100%; padding:5%; z-index: -1; height: 100%;display: block;top:0; color:#ffffff; text-align:center;}
article.element figure figcaption header{ padding-top:15%; margin-bottom:20px; font-weight:700;}
article.element.large figure figcaption header{ padding-top:25%; margin-bottom:20px; font-weight:700;}
article.element figure figcaption p{ font-family:'VistaSansAltBookIta', georgia, sans-serif;}
article.element figure figcaption footer{ margin-top:20px; background:url(../img/zigzag.png) no-repeat center top; padding-top:30px;}
article.element figure figcaption footer img{ margin:0 20px 0 0; display:inline-block;}
article.element figure:hover figcaption footer img{ -webkit-transform:none !important;-moz-transform:none !important;transform: none !important}

.element * {position: absolute; margin: 0;}
.element.large,.variable-sizes .element.large,.variable-sizes .element.large.width2.height2 {width:40%;height:600px; background-color:#ff66d4;}


/**** Example Options ****/
#options { position:fixed; bottom:0; left:70px; z-index:99; background:#40002e; background:rgba(64,0,46,0.9); width:75%; height:70px; overflow:hidden;}
#options ul { margin:auto; display:table; text-align:center; max-width:100%; height:70px;line-height:70px;}
#options li { display:table-cell; margin:0; }
#options li a {display: block; color:#ffffff; padding:0 10px; margin:0;}
#options li a:hover {}
#options li a:active {}
#options li a {}
#options li:first-child a {}
#options li:last-child a {}
#options li a.selected { background:#ff00b7;}

/* Combination filter options*/
#options .option-combo {display: inline-block;float: left;margin-right: 10px;}
#options .option-combo ul {margin-right: 20px;display: inline-block;}
#options .option-combo h2,#options .option-combo h4 {line-height: 34px;margin-bottom: 0;margin-right: 5px;display: inline-block;vertical-align: top;}

/**** Infinite Scroll ****/
#infscr-loading {position: fixed;text-align: center;bottom: 30px;left: 42%;z-index: 100;background: white;background: hsla( 0, 0%, 100%, 0.9 );padding: 20px;color: #222;font-size: 15px;font-weight: bold;}

/* PROYECTO */
.color {height:100%;}
.azul {}

/* head */
body.copa section.splash, section.splash figure{ width:100%; height:100%; position:relative;}
.trama-puntos, .trama {background-image:url(../img/proyectos-fake/proyecto/trama.gif); width:100%; height:100%; position:absolute;}
.trama-puntos {opacity:0.4}
.trama {opacity:0.6}
@media only screen and (max-width: 360px) {.trama {display:none;}}

/* splash caption */
section.splash {/*height:100%*/;}
.destacado, .destacado .columns {height:0!important;}
.destacado img {top: -37px; left:25px; float: right; position: relative;}

.absolute {position:absolute; top:0; z-index:-1}
section.splash figure figcaption{z-index:100; top:0; padding:160px 0 0 0; text-align:left;}
section.splash figure figcaption h2{font-size: 40px;line-height: 28px;padding: 0 0 16px;}
.zindex {z-index:199}
.caption {}
.caption > .row {display:table; min-width:100%!important}
.caption-left {opacity:0.8; display:table-cell; background-size:100% 100%; background-repeat:no-repeat; float:none!important}
.caption-right {display:table-cell; vertical-align:top; padding: 30px; float:none!important;}
.caption-right > div {}
.caption p {font-size: 0.9rem;line-height: 1.4rem;}

.indice {padding: 15px!important;}
.indice h3{color:#fff;border: 1px solid #fff; display: block; font-family: 'VistaSansBold'; font-size: 1.2rem; letter-spacing: 1px; line-height: 2.5rem; margin-bottom: 1rem;text-align: center; width: 100%;}
.indice ul {}
.indice ul li {color: #fff; font-size: 0.8em; list-style: none outside none;}
.indice ul li:before {content:'- '}

ul.icono-serv {display: block; width: 100%;}
ul.icono-serv li {background-color: rgba(255, 255, 255, 0.3);border-radius: 10px;color: #fff;display: block;float: left;font-family: 'VistaSansAltBookIta';font-size: 0.8rem;height: 1.8em;line-height: 1.4em;margin: 20px 2% 5px 0;padding: 4px 4px 4px 12px;width: 32%;}
ul.icono-serv li:nth-child(3n) {margin-right: 0}
.icono-serv li img {display: block;float: right;height: auto;position: relative;}
.identidad img{margin: -12px 0 0;width: 45px;}
.web img {margin: -13px -1px 0 0;width: 41px;}
.animacion img {margin: -12px -10px 0 0;width: 57px;}
.ilustracion img {margin: -12px -10px 0 0;width: 46px;}
.editorial img {margin: -14px -8px 0 0;width: 47px;}
.marketing img {margin: -18px -16px 0 0;width: 55px;}
.fotografia img {margin: -21px 4px 0 0;width: 29px;}
.carteleria img {margin: -14px -16px 0 0;width: 57px;}
.packaging img {margin: -22px -2px 0 0;width: 41px;}


.azul .caption-left {background-image:url(../img/proyectos-fake/proyecto/caption-left/azul.png);}
.azul .caption-right {background: rgba(18, 98, 154, 0.75)}
.azul .indice {background-color:#003366;}

.violeta .caption-left {background-image:url(../img/proyectos-fake/proyecto/caption-left/violeta.png);}
.violeta .caption-right {background: rgba(108, 0, 102, 0.75)}
.violeta .indice {background-color:#ff009e;}

.verde .caption-left {background-image:url(../img/proyectos-fake/proyecto/caption-left/verde.png);}
.verde .caption-right {background: rgba(128, 166, 38, 0.75)}
.verde .indice {background-color:#59730b;}

.naranja .caption-left {background-image:url(../img/proyectos-fake/proyecto/caption-left/naranja.png);}
.naranja .caption-right {background: rgba(255, 102, 0, 0.75)}
.naranja .indice {background-color:#d14b00;}

.negro .caption-left {background-image:url(../img/proyectos-fake/proyecto/caption-left/negro.png);}
.negro .caption-right {background: rgba(66, 66, 66, 0.75)}
.negro .indice {background-color:#2d2d2d;}

/* sections desarrollo */
.desarrollo {}
.des1 {height:70%; padding:150px}
.des1 .seven {text-align:center;}

.desarrollo h6 {font-size:0.6em;font-family:'VistaSansBold'; text-transform:uppercase;}
.desarrollo p {font-size:0.6em; font-family:'VistaSansBook';}

.azul .desarrollo h6 {color:#12629a;}
.azul .desarrollo p {color:#001a33}

.violeta .desarrollo h6 {color:#ff009e;}
.violeta .desarrollo p {color:#300023}

.verde .desarrollo h6 {color:#59730b;}
.verde .desarrollo p {color:#232b01}

.naranja .desarrollo h6 {color:#ff6600;}
.naranja .desarrollo p {color:#803300}

.negro .desarrollo h6 {color:#000000;}
.negro .desarrollo p {color:#4d4d4d}



/* yo */

.home section.estudio, 
.home footer.contacto, 
.home section.servicios{ 
  position: relative; 
  width: 100%; 
  height: 100%; 
  left: 0; 
  z-index:1;
}

.home section.proyectos {
  position: relative; 
  width: 100%; 
  left: 0; 
  z-index:1;  
}

.home section.proyectos>div, 
.home section.proyectos>article, 
.home section.proyectos>div>article>div, 
.home section.proyectos>div>div>article{ 
  /*height:100%; */
  display:block;
}

.home section.proyectos>div>article, 
.home section.proyectos>div>div{ 
  /*height:50%; */
  display:block;
}

.home section article.featured, 
.home section article.featured figure { 
  position:relative; 
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden !important; 
}



.home section article.featured img { 
  position:relative;
  top:0;
  left:0;
  height:100% !important;
  width:auto !important;
  max-width:none !important;
}

.home section.proyectos article.featured img { 
  position:relative;
  top:0;
  left:0;
  height:100% !important;
  width:auto !important;
  max-width:none !important;
}

.home section article.featured.medium img { 
  position:relative; 
  top:0; 
  left:0; 
  height:auto !important; 
  width:100% !important; 
  max-width:none !important;
}

.home section article.featured.large, 
.home section article.featured.large figure, 
.home section article.featured.small, 
.home section article.featured.small figure,
.home section article.featured.medium figure  { 
  height:100% !important;
}

.home section.proyectos article.featured,
.home section.proyectos article.featured.large, 
.home section.proyectos article.featured.large figure, 
.home section.proyectos article.featured.small, 
.home section.proyectos article.featured.small figure,
.home section.proyectos article.featured.medium figure  { 
  height:400px!important;
}

 
.home section.proyectos article.featured figure {
  height:100%!important;
}

.home section article.featured.medium{ 
  width:100% !important; 
  height:50% !important; 
  overflow:hidden;
}

.home section article.featured.medium figcaption footer img{ 
  width:auto !important; 
  height:auto !important;
}

.clase-A {

}

@media screen and (min-width: 1025px) and (max-width: 1400px){

  .proyectos h3 {
    font-size: 1.6rem;
  }

.home section.proyectos article.featured,
.home section.proyectos article.featured.large, 
.home section.proyectos article.featured.large figure, 
.home section.proyectos article.featured.small, 
.home section.proyectos article.featured.small figure,
.home section.proyectos article.featured.medium figure  { 
  height:500px!important;
}

}