/*

==================================================================

Theme Name: squembri's framework

Author: www.squembri.com

Author URI: http://www.squembri.com

Description:

Version: 1

Tags: web design, web develope, diseño web, desarrollo web.

==================================================================

*/

/* RESET */

ol,

ul {

  list-style: none;

}

a {

  cursor: pointer;

  text-decoration: none;

}

button,

input[type=submit],

a {

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transition: 0.5s ease;

  cursor: pointer;

}

.flex-container {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}

.flex-container-just {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}

body {

  margin: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden],

template {

  display: none;

}

a {

  background: transparent;

}

a:active,

a:hover {

  outline: 0;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,

strong {

  font-weight: bold;

}

dfn {

  font-style: italic;

}

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

mark {

  background: #ff0;

  color: #000;

}

small {

  font-size: 80%;

}

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

img {

  border: 0;

}

svg:not(:root) {

  overflow: hidden;

}
figure {

  margin: 1em 40px;

}

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}

pre {

  overflow: auto;

}

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}

button {

  overflow: visible;

}

button,

select {

  text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}

button[disabled],

html input[disabled] {

  cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

input {

  line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

legend {

  border: 0;

  padding: 0;

}

textarea {

  overflow: auto;

}

optgroup {

  font-weight: bold;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

td,

th {

  padding: 0;

}

@media print {

  * {

    text-shadow: none !important;

    color: #000 !important;

    background: transparent !important;

    box-shadow: none !important;

  }

  a,

  a:visited {

    text-decoration: underline;

  }

  a[href]:after {

    content: " (" attr(href) ")";

  }

  abbr[title]:after {

    content: " (" attr(title) ")";

  }

  a[href^="javascript:"]:after,

  a[href^="#"]:after {

    content: "";

  }

  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }

  thead {

    display: table-header-group;

  }

  tr,

  img {

    page-break-inside: avoid;

  }

  img {

    max-width: 100% !important;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

  select {

    background: #fff !important;

  }

  .navbar {

    display: none;

  }

  .table td,

  .table th {

    background-color: #fff !important;

  }

  .btn > .caret,

  .dropup > .btn > .caret {

    border-top-color: #000 !important;

  }

  .label {

    border: 1px solid #000;

  }

  .table {

    border-collapse: collapse !important;

  }

  .table-bordered th,

  .table-bordered td {

    border: 1px solid #ddd !important;

  }

}

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

body {

  font-family: 'Karla', sans-serif;

  font-size: 14px;

  line-height: 1.42857143;

  color: #333333;

  background-color: #fff;

}

input,

button,

select,

textarea {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}

a {

  color: #428bca;

  text-decoration: none;

}

a:hover,

a:focus {

  color: #2a6496;

  text-decoration: underline;

}

a:focus {

  outline: thin dotted;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

figure {

  margin: 0;

}

img {

  vertical-align: middle;

}

.img-responsive {

  display: block;

  max-width: 100%;

  height: auto;

}

.img-rounded {

  border-radius: 6px;

}

.img-thumbnail {

  padding: 4px;

  line-height: 1.42857143;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 4px;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  display: inline-block;

  max-width: 100%;

  height: auto;

}

.img-circle {

  border-radius: 50%;

}

hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-top: 1px solid #eeeeee;

}

.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: inherit;

  font-weight: 500;

  line-height: 1.1;

  color: inherit;

}

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small,

.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 .small,

h2 .small,

h3 .small,

h4 .small,

h5 .small,

h6 .small,

.h1 .small,

.h2 .small,

.h3 .small,

.h4 .small,

.h5 .small,

.h6 .small {

  font-weight: normal;

  line-height: 1;

  color: #999999;

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

  margin-top: 20px;

  margin-bottom: 10px;

}

h1 small,

.h1 small,

h2 small,

.h2 small,

h3 small,

.h3 small,

h1 .small,

.h1 .small,

h2 .small,

.h2 .small,

h3 .small,

.h3 .small {

  font-size: 65%;

}

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin-top: 10px;

  margin-bottom: 10px;

}

h4 small,

.h4 small,

h5 small,

.h5 small,

h6 small,

.h6 small,

h4 .small,

.h4 .small,

h5 .small,

.h5 .small,

h6 .small,

.h6 .small {

  font-size: 75%;

}

h1,

.h1 {

  font-size: 36px;

}

h2,

.h2 {

  font-size: 30px;

}

h3,

.h3 {

  font-size: 24px;

}

h4,

.h4 {

  font-size: 18px;

}

h5,

.h5 {

  font-size: 14px;

}

h6,

.h6 {

  font-size: 12px;

}

p {

  margin: 0 0 10px;

}

.lead {

  margin-bottom: 20px;

  font-size: 16px;

  font-weight: 200;

  line-height: 1.4;

}

@media (min-width: 768px) {

  .lead {

    font-size: 21px;

  }

}

small,

.small {

  font-size: 85%;

}

cite {

  font-style: normal;

}

.text-left {

  text-align: left;

}

.text-right {

  text-align: right;

}

.text-center {

  text-align: center;

}

.text-justify {

  text-align: justify;

}

.text-muted {

  color: #999999;

}

.text-primary {

  color: #428bca;

}

a.text-primary:hover {

  color: #3071a9;

}

.text-success {

  color: #3c763d;

}

a.text-success:hover {

  color: #2b542c;

}

.text-info {

  color: #31708f;

}

a.text-info:hover {

  color: #245269;

}

.text-warning {

  color: #8a6d3b;

}

a.text-warning:hover {

  color: #66512c;

}

.text-danger {

  color: #a94442;

}

a.text-danger:hover {

  color: #843534;

}

.bg-primary {

  color: #fff;

  background-color: #428bca;

}

a.bg-primary:hover {

  background-color: #3071a9;

}

.bg-success {

  background-color: #dff0d8;

}

a.bg-success:hover {

  background-color: #c1e2b3;

}

.bg-info {

  background-color: #d9edf7;

}

a.bg-info:hover {

  background-color: #afd9ee;

}

.bg-warning {

  background-color: #fcf8e3;

}

a.bg-warning:hover {

  background-color: #f7ecb5;

}

.bg-danger {

  background-color: #f2dede;

}

a.bg-danger:hover {

  background-color: #e4b9b9;

}

.page-header {

  padding-bottom: 9px;

  margin: 40px 0 20px;

  border-bottom: 1px solid #eeeeee;

}

ul,

ol {

  margin-top: 0;

  margin-bottom: 10px;

}

ul ul,

ol ul,

ul ol,

ol ol {

  margin-bottom: 0;

}

.list-unstyled {

  padding-left: 0;

  list-style: none;

}

.list-inline {

  padding-left: 0;

  list-style: none;

  margin-left: -5px;

}

.list-inline > li {

  display: inline-block;

  padding-left: 5px;

  padding-right: 5px;

}

dl {

  margin-top: 0;

  margin-bottom: 20px;

}

dt,

dd {

  line-height: 1.42857143;

}

dt {

  font-weight: bold;

}

dd {

  margin-left: 0;

}

@media (min-width: 768px) {

  .dl-horizontal dt {

    float: left;

    width: 160px;

    clear: left;

    text-align: right;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .dl-horizontal dd {

    margin-left: 180px;

  }

}

abbr[title],

abbr[data-original-title] {

  cursor: help;

  border-bottom: 1px dotted #999999;

}

.initialism {

  font-size: 90%;

  text-transform: uppercase;

}

blockquote {

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: 17.5px;

  border-left: 5px solid #eeeeee;

}

blockquote p:last-child,

blockquote ul:last-child,

blockquote ol:last-child {

  margin-bottom: 0;

}

blockquote footer,

blockquote small,

blockquote .small {

  display: block;

  font-size: 80%;

  line-height: 1.42857143;

  color: #999999;

}

blockquote footer:before,

blockquote small:before,

blockquote .small:before {

  content: '\2014 \00A0';

}

.blockquote-reverse,

blockquote.pull-right {

  padding-right: 15px;

  padding-left: 0;

  border-right: 5px solid #eeeeee;

  border-left: 0;

  text-align: right;

}

.blockquote-reverse footer:before,

blockquote.pull-right footer:before,

.blockquote-reverse small:before,

blockquote.pull-right small:before,

.blockquote-reverse .small:before,

blockquote.pull-right .small:before {

  content: '';

}

.blockquote-reverse footer:after,

blockquote.pull-right footer:after,

.blockquote-reverse small:after,

blockquote.pull-right small:after,

.blockquote-reverse .small:after,

blockquote.pull-right .small:after {

  content: '\00A0 \2014';

}

blockquote:before,

blockquote:after {

  content: "";

}

address {

  margin-bottom: 20px;

  font-style: normal;

  line-height: 1.42857143;

}

code,

kbd,

pre,

samp {

  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;

}

code {

  padding: 2px 4px;

  font-size: 90%;

  color: #c7254e;

  background-color: #f9f2f4;

  white-space: nowrap;

  border-radius: 4px;

}

kbd {

  padding: 2px 4px;

  font-size: 90%;

  color: #fff;

  background-color: #333;

  border-radius: 3px;

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);

}

pre {

  display: block;

  padding: 9.5px;

  margin: 0 0 10px;

  font-size: 13px;

  line-height: 1.42857143;

  word-break: break-all;

  word-wrap: break-word;

  color: #333333;

  background-color: #f5f5f5;

  border: 1px solid #ccc;

  border-radius: 4px;

}

pre code {

  padding: 0;

  font-size: inherit;

  color: inherit;

  white-space: pre-wrap;

  background-color: transparent;

  border-radius: 0;

}

.pre-scrollable {

  max-height: 340px;

  overflow-y: scroll;

}

.container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

}

@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

}

.container-fluid {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

}

.row {

  margin-left: -15px;

  margin-right: -15px;

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

  float: left;

}

.col-xs-12 {

  width: 100%;

}

.col-xs-11 {
  width: 91.66666667%;

}

.col-xs-10 {

  width: 83.33333333%;

}

.col-xs-9 {

  width: 75%;

}

.col-xs-8 {

  width: 66.66666667%;

}

.col-xs-7 {

  width: 58.33333333%;

}

.col-xs-6 {

  width: 50%;

}

.col-xs-5 {

  width: 41.66666667%;

}

.col-xs-4 {

  width: 33.33333333%;

}

.col-xs-3 {

  width: 25%;

}

.col-xs-2 {

  width: 16.66666667%;

}

.col-xs-1 {

  width: 8.33333333%;

}

.col-xs-pull-12 {

  right: 100%;

}

.col-xs-pull-11 {

  right: 91.66666667%;

}

.col-xs-pull-10 {

  right: 83.33333333%;

}

.col-xs-pull-9 {

  right: 75%;

}

.col-xs-pull-8 {

  right: 66.66666667%;

}

.col-xs-pull-7 {

  right: 58.33333333%;

}

.col-xs-pull-6 {

  right: 50%;

}

.col-xs-pull-5 {

  right: 41.66666667%;

}

.col-xs-pull-4 {

  right: 33.33333333%;

}

.col-xs-pull-3 {

  right: 25%;

}

.col-xs-pull-2 {

  right: 16.66666667%;

}

.col-xs-pull-1 {

  right: 8.33333333%;

}

.col-xs-pull-0 {

  right: 0%;

}

.col-xs-push-12 {

  left: 100%;

}

.col-xs-push-11 {

  left: 91.66666667%;

}

.col-xs-push-10 {

  left: 83.33333333%;

}

.col-xs-push-9 {

  left: 75%;

}

.col-xs-push-8 {

  left: 66.66666667%;

}

.col-xs-push-7 {

  left: 58.33333333%;

}

.col-xs-push-6 {

  left: 50%;

}

.col-xs-push-5 {

  left: 41.66666667%;

}

.col-xs-push-4 {

  left: 33.33333333%;

}

.col-xs-push-3 {

  left: 25%;

}

.col-xs-push-2 {

  left: 16.66666667%;

}

.col-xs-push-1 {

  left: 8.33333333%;

}

.col-xs-push-0 {

  left: 0%;

}

.col-xs-offset-12 {

  margin-left: 100%;

}

.col-xs-offset-11 {

  margin-left: 91.66666667%;

}

.col-xs-offset-10 {

  margin-left: 83.33333333%;

}

.col-xs-offset-9 {

  margin-left: 75%;

}

.col-xs-offset-8 {

  margin-left: 66.66666667%;

}

.col-xs-offset-7 {

  margin-left: 58.33333333%;

}

.col-xs-offset-6 {

  margin-left: 50%;

}

.col-xs-offset-5 {

  margin-left: 41.66666667%;

}

.col-xs-offset-4 {

  margin-left: 33.33333333%;

}

.col-xs-offset-3 {

  margin-left: 25%;

}

.col-xs-offset-2 {

  margin-left: 16.66666667%;

}

.col-xs-offset-1 {

  margin-left: 8.33333333%;

}

.col-xs-offset-0 {

  margin-left: 0%;

}

@media (min-width: 768px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: left;

  }

  .col-sm-12 {

    width: 100%;

  }

  .col-sm-11 {

    width: 91.66666667%;

  }

  .col-sm-10 {

    width: 83.33333333%;

  }

  .col-sm-9 {

    width: 75%;

  }

  .col-sm-8 {

    width: 66.66666667%;

  }

  .col-sm-7 {

    width: 58.33333333%;

  }

  .col-sm-6 {

    width: 50%;

  }

  .col-sm-5 {

    width: 41.66666667%;

  }

  .col-sm-4 {

    width: 33.33333333%;

  }

  .col-sm-3 {

    width: 25%;

  }

  .col-sm-2 {

    width: 16.66666667%;

  }

  .col-sm-1 {

    width: 8.33333333%;

  }

  .col-sm-pull-12 {

    right: 100%;

  }

  .col-sm-pull-11 {

    right: 91.66666667%;

  }

  .col-sm-pull-10 {

    right: 83.33333333%;

  }

  .col-sm-pull-9 {

    right: 75%;

  }

  .col-sm-pull-8 {

    right: 66.66666667%;

  }

  .col-sm-pull-7 {

    right: 58.33333333%;

  }

  .col-sm-pull-6 {

    right: 50%;

  }

  .col-sm-pull-5 {

    right: 41.66666667%;

  }

  .col-sm-pull-4 {

    right: 33.33333333%;

  }

  .col-sm-pull-3 {

    right: 25%;

  }

  .col-sm-pull-2 {

    right: 16.66666667%;

  }

  .col-sm-pull-1 {

    right: 8.33333333%;

  }

  .col-sm-pull-0 {

    right: 0%;

  }

  .col-sm-push-12 {

    left: 100%;

  }

  .col-sm-push-11 {

    left: 91.66666667%;

  }

  .col-sm-push-10 {

    left: 83.33333333%;

  }

  .col-sm-push-9 {

    left: 75%;

  }

  .col-sm-push-8 {

    left: 66.66666667%;

  }

  .col-sm-push-7 {

    left: 58.33333333%;

  }

  .col-sm-push-6 {

    left: 50%;

  }

  .col-sm-push-5 {

    left: 41.66666667%;

  }

  .col-sm-push-4 {

    left: 33.33333333%;

  }

  .col-sm-push-3 {

    left: 25%;

  }

  .col-sm-push-2 {

    left: 16.66666667%;

  }

  .col-sm-push-1 {

    left: 8.33333333%;

  }

  .col-sm-push-0 {

    left: 0%;

  }

  .col-sm-offset-12 {

    margin-left: 100%;

  }

  .col-sm-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-sm-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-sm-offset-9 {

    margin-left: 75%;

  }

  .col-sm-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-sm-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-sm-offset-6 {

    margin-left: 50%;

  }

  .col-sm-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-sm-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-sm-offset-3 {

    margin-left: 25%;

  }

  .col-sm-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-sm-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-sm-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 992px) {

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

    float: left;

  }

  .col-md-12 {

    width: 100%;

  }

  .col-md-11 {

    width: 91.66666667%;

  }

  .col-md-10 {

    width: 83.33333333%;

  }

  .col-md-9 {

    width: 75%;

  }

  .col-md-8 {

    width: 66.66666667%;

  }

  .col-md-7 {

    width: 58.33333333%;

  }

  .col-md-6 {

    width: 50%;

  }

  .col-md-5 {

    width: 41.66666667%;

  }

  .col-md-4 {

    width: 33.33333333%;

  }

  .col-md-3 {

    width: 25%;

  }

  .col-md-2 {

    width: 16.66666667%;

  }

  .col-md-1 {

    width: 8.33333333%;

  }

  .col-md-pull-12 {

    right: 100%;

  }

  .col-md-pull-11 {

    right: 91.66666667%;

  }

  .col-md-pull-10 {

    right: 83.33333333%;

  }

  .col-md-pull-9 {

    right: 75%;

  }

  .col-md-pull-8 {

    right: 66.66666667%;

  }

  .col-md-pull-7 {

    right: 58.33333333%;

  }

  .col-md-pull-6 {

    right: 50%;

  }

  .col-md-pull-5 {

    right: 41.66666667%;

  }

  .col-md-pull-4 {

    right: 33.33333333%;

  }

  .col-md-pull-3 {

    right: 25%;

  }

  .col-md-pull-2 {

    right: 16.66666667%;

  }

  .col-md-pull-1 {

    right: 8.33333333%;

  }

  .col-md-pull-0 {

    right: 0%;

  }

  .col-md-push-12 {

    left: 100%;

  }

  .col-md-push-11 {

    left: 91.66666667%;

  }

  .col-md-push-10 {

    left: 83.33333333%;

  }

  .col-md-push-9 {

    left: 75%;

  }

  .col-md-push-8 {

    left: 66.66666667%;

  }

  .col-md-push-7 {

    left: 58.33333333%;

  }

  .col-md-push-6 {

    left: 50%;

  }

  .col-md-push-5 {

    left: 41.66666667%;

  }

  .col-md-push-4 {

    left: 33.33333333%;

  }

  .col-md-push-3 {

    left: 25%;

  }

  .col-md-push-2 {

    left: 16.66666667%;

  }

  .col-md-push-1 {

    left: 8.33333333%;

  }

  .col-md-push-0 {

    left: 0%;

  }

  .col-md-offset-12 {

    margin-left: 100%;

  }

  .col-md-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-md-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-md-offset-9 {

    margin-left: 75%;

  }

  .col-md-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-md-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-md-offset-6 {

    margin-left: 50%;

  }

  .col-md-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-md-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-md-offset-3 {

    margin-left: 25%;

  }

  .col-md-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-md-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-md-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 1200px) {

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

    float: left;

  }

  .col-lg-12 {

    width: 100%;

  }

  .col-lg-11 {

    width: 91.66666667%;

  }

  .col-lg-10 {

    width: 83.33333333%;

  }

  .col-lg-9 {

    width: 75%;

  }

  .col-lg-8 {

    width: 66.66666667%;

  }

  .col-lg-7 {

    width: 58.33333333%;

  }

  .col-lg-6 {

    width: 50%;

  }

  .col-lg-5 {

    width: 41.66666667%;

  }

  .col-lg-4 {

    width: 33.33333333%;

  }

  .col-lg-3 {

    width: 25%;

  }

  .col-lg-2 {

    width: 16.66666667%;

  }

  .col-lg-1 {

    width: 8.33333333%;

  }

  .col-lg-pull-12 {

    right: 100%;

  }

  .col-lg-pull-11 {

    right: 91.66666667%;

  }

  .col-lg-pull-10 {

    right: 83.33333333%;

  }

  .col-lg-pull-9 {

    right: 75%;

  }

  .col-lg-pull-8 {

    right: 66.66666667%;

  }

  .col-lg-pull-7 {

    right: 58.33333333%;

  }

  .col-lg-pull-6 {

    right: 50%;

  }

  .col-lg-pull-5 {

    right: 41.66666667%;

  }

  .col-lg-pull-4 {

    right: 33.33333333%;

  }

  .col-lg-pull-3 {

    right: 25%;

  }

  .col-lg-pull-2 {

    right: 16.66666667%;

  }

  .col-lg-pull-1 {

    right: 8.33333333%;

  }

  .col-lg-pull-0 {

    right: 0%;

  }

  .col-lg-push-12 {

    left: 100%;

  }

  .col-lg-push-11 {

    left: 91.66666667%;

  }

  .col-lg-push-10 {

    left: 83.33333333%;

  }

  .col-lg-push-9 {

    left: 75%;

  }

  .col-lg-push-8 {

    left: 66.66666667%;

  }

  .col-lg-push-7 {

    left: 58.33333333%;

  }

  .col-lg-push-6 {

    left: 50%;

  }

  .col-lg-push-5 {

    left: 41.66666667%;

  }

  .col-lg-push-4 {

    left: 33.33333333%;

  }

  .col-lg-push-3 {

    left: 25%;

  }

  .col-lg-push-2 {

    left: 16.66666667%;

  }

  .col-lg-push-1 {

    left: 8.33333333%;

  }

  .col-lg-push-0 {

    left: 0%;

  }

  .col-lg-offset-12 {

    margin-left: 100%;

  }

  .col-lg-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-lg-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-lg-offset-9 {

    margin-left: 75%;

  }

  .col-lg-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-lg-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-lg-offset-6 {

    margin-left: 50%;

  }

  .col-lg-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-lg-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-lg-offset-3 {

    margin-left: 25%;

  }

  .col-lg-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-lg-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-lg-offset-0 {

    margin-left: 0%;

  }

}

.clearfix:before,

.clearfix:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after {

  content: " ";

  display: table;

}

.clearfix:after,

.container:after,

.container-fluid:after,

.row:after {

  clear: both;

}

.center-block {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.pull-right {

  float: right !important;

}

.pull-left {

  float: left !important;

}

.hide {

  display: none !important;

}

.show {

  display: block !important;

}

.invisible {

  visibility: hidden;

}

.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.hidden {

  display: none !important;

  visibility: hidden !important;

}

.affix {

  position: fixed;

}

@-ms-viewport {

  width: device-width;

}

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

  display: none !important;

}

@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

  table.visible-xs {

    display: table;

  }

  tr.visible-xs {

    display: table-row !important;

  }

  th.visible-xs,

  td.visible-xs {

    display: table-cell !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm {

    display: block !important;

  }

  table.visible-sm {

    display: table;

  }

  tr.visible-sm {

    display: table-row !important;

  }

  th.visible-sm,

  td.visible-sm {

    display: table-cell !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md {

    display: block !important;

  }

  table.visible-md {

    display: table;

  }

  tr.visible-md {

    display: table-row !important;

  }

  th.visible-md,

  td.visible-md {

    display: table-cell !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg {

    display: block !important;

  }

  table.visible-lg {

    display: table;

  }

  tr.visible-lg {

    display: table-row !important;

  }

  th.visible-lg,

  td.visible-lg {

    display: table-cell !important;

  }

}

@media (max-width: 767px) {

  .hidden-xs {

    display: none !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {

    display: none !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {

    display: none !important;

  }

}

@media (min-width: 1200px) {

  .hidden-lg {

    display: none !important;

  }

}

.visible-print {

  display: none !important;

}

@media print {

  .visible-print {

    display: block !important;

  }

  table.visible-print {

    display: table;

  }

  tr.visible-print {

    display: table-row !important;

  }

  th.visible-print,

  td.visible-print {

    display: table-cell !important;

  }

}

@media print {

  .hidden-print {

    display: none !important;

  }

}

/* commons */

html {

  font-family: 'Karla', sans-serif;

  -webkit-overflow-scrolling: touch;

  width: 100%;

  position: relative;

  overflow-x: hidden;

}

html body {

  width: 100%;

}

* {

  box-sizing: border-box;

}

*:before,

*:after {

  box-sizing: inherit;

}

* {

  margin: 0;

  padding: 0;

  text-decoration: none;

}

a {

  color: #428bca;

}

img {

  max-width: 100%;

  height: auto;

}

.absolute {

  position: absolute;

}

.relative {

  position: relative;

}

.total {

  float: left;

  width: 100%;

}

ul,

li {

  list-style-type: none;

  padding-left: 0;

}

.right,

.alignright {

  float: right !important;

}

.left,

.alignleft {

  float: left !important;

}

.p0 {

  padding-left: 0;

  padding-right: 0;

}

.pl0 {

  padding-left: 0;

}

.pr0 {

  padding-right: 0;

}

.text-center {

  text-align: center;

}

.text-right {

  text-align: right;

}

.transition {

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

img {

  max-width: 100%;

}

form input[type="text"],

form input[type="tel"],

form input[type="email"],

form textarea {

  float: left;

  width: 100%;

  border: 1px solid #e5e5e5;

  padding: 10px;

  margin-bottom: 10px;

}

form textarea {

  max-height: 100px;

}

form label {

  font-size: 11px;

  font-size: 1.1rem;

  text-align: left;

  color: #666666;

  float: left !important;

}

form label .checkbox {

  float: left !important;

  margin-top: 0;

}

form input[type="submit"] {

  float: right !important;

}

form div.wpcf7-validation-errors {

  float: left;

  width: 100%;

  text-align: center;

  border: 0;

  border-top: 2px solid red;

  padding-top: 20px;

  color: #999;

}

form div.wpcf7-mail-sent-ok {

  float: left;

  width: 100%;

  text-align: center;

  border: 0;

  border-top: 2px solid green;

  padding-top: 20px;

  color: #999;

}

form span.wpcf7-not-valid-tip {

  display: none;

}

form .wpcf7-not-valid {

  background: rgba(255, 0, 0, 0.4);

}

h1,

h2,

h3,

h4,

h5,

h6 {

  color: white;

}

p {

  color: #333333;

  font-family: 'Courgette', cursive;

}

.stButton .stFb,

.stButton .stTwbutton,

.stButton .stMainServices,

.stButton .stButton_gradient {

  height: 22px !important;

}

.gallery {

  float: left;

  width: 100%;

  margin-bottom: 30px !important;

  margin-left: -10px !important;

  margin-right: -10px !important;

}

.gallery .gallery-item {

  padding: 0 10px;

}

/* Galería */

.gallery-columns-1 dl {

  display: block;

  width: 100%%;

}

.gallery-columns-2 dl {

  display: block;

  float: left;

  width: 50%;

}

.gallery-columns-3 dl {

  display: block;

  float: left;

  width: 33.3%;

}

.gallery-columns-4 dl {

  display: block;

  float: left;

  width: 25%;

}

.gallery-columns-5 dl {

  display: block;

  float: left;

  width: 20%;

}

.gallery-columns-6 dl {

  display: block;

  float: left;

  width: 16.6%;

}

.gallery-columns-7 dl {

  display: block;

  float: left;

  width: 14.28%;

}

.gallery-columns-8 dl {

  display: block;

  float: left;

  width: 12.5%;

}

.gallery-columns-9 dl {

  display: block;

  float: left;

  width: 11.11%;

}

.pagination {

  width: 100%;

  float: left;

  margin-top: 25px;

  text-align: center;

}

.pagination ul li {

  display: inline-block;

  float: none;

}

.pagination ul li .page-numbers {

  font-size: 13px;

  font-size: 1.3rem;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #ddd;

  padding: 4px 10px;

}

.pagination ul li .page-numbers:hover {

  background: black;

  color: white;

}

.pagination ul li .page-numbers.current {

  background: black;

  color: white;

}

/* home */

html {

  background: url('../images/fondo-web-tile.jpg') center top repeat;

  float: left;

  width: 100%;

}

body {

  background: transparent;

  color: white;

}

body a {

  color: white;

}

body p {

  color: white;

}

a:hover,

a:focus {

  color: white;

}

.karla {

  font-family: 'Karla', sans-serif;

}

.courgette {

  font-family: 'Courgette', cursive;

}

.pl10 {

  padding-left: 30px;

}

.container {

  max-width: 985px;

}

.uppercase {

  text-transform: uppercase;

}

.mod-header {

  margin-bottom: 10px;

}

.mod-header .tel {

  font-family: 'Courgette', cursive;

  font-size: 76px;

  font-size: 7.6rem;

  float: left;

  width: 100%;

  margin-bottom: -15px;

  text-shadow: 0 0 30px #47b7ee;

}

.mod-header .tel:hover,

.mod-header .tel:focus {

  text-decoration: none;

  color: rgba(71, 183, 238, 0.9);

}

.mod-tarotista {

  min-height: 400px;

  background: url('../images/tarotista-alejandro-leon.png') center top no-repeat;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  box-shadow: 0px 0px 15px rgb(82, 184, 255), 0px 0px 15px rgb(82, 184, 255);

  /*box-shadow: 0px 0px 15px rgb(0, 94, 255), 0px 0px 15px rgb(0, 94, 255);*/

  margin-bottom: 20px;

}

.mod-tarotista .text {

  max-width: 550px;

  padding: 30px 40px 0 0;

  text-align: right;

}

.mod-tarotista .text .title strong {

  font-size: 44px;

  font-size: 4.4rem;

  color: #ffce02;

  font-family: 'Karla', sans-serif;

}

.mod-tarotista .text .title span {

  display: block;

  color: #47b7ee;

  font-size: 36px;

  font-size: 3.6rem;

  font-family: 'Courgette', cursive;

}

.mod-tarotista .banner {

  -webkit-border-radius: 20px 20px 0 0;

  font-family: 'Courgette', cursive;

  /*background: #ffce02;*/

  border-radius: 20px 20px 0 0;

  bottom: 56px;

  color: #ffce02;

  padding: 0px;

  right: 40px;

}

.mod-tarotista .banner * {

  display: block;

  margin: 0 0 6px;

  text-align: center;

}

.mod-tarotista .banner strong {

  font-size: 22;

  font-size: 2.2rem;

  margin-bottom: -6px;

}

.mod-tarotista .banner span {

  font-size: 28px;

  font-size: 2.8rem;

}

.mod-content {

  font-size: 18px;

  font-size: 1.8rem;

  margin-bottom: 35px;

  padding-right: 30px;

}

.mod-content .title {

  font-family: 'Courgette', cursive;

  font-size: 32px;

  font-size: 3.2rem;

  font-weight: 100;

  margin: 0 0 40px 0;

}

.mod-content p {

  line-height: 1.5;

  margin-bottom: 25px;

}

.mod-aside {

  font-size: 15px;

  font-size: 1.5rem;

  margin-bottom: 35px;

}

.mod-aside .widget h4 {

  color: #5b81a6;

  font-size: 21px;

  font-size: 2.1rem;

  font-family: 'Courgette', cursive;

}

.mod-aside .widget p span {

  color: #edd600;

}

.mod-footer {

  font-family: 'Karla', sans-serif;

  margin-bottom: 50px;

}

.mod-footer p {

  font-size: 13px;

  font-size: 1.3rem;

  font-family: 'Karla', sans-serif;

}

.mod-footer .legal {

  background: #236787;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  padding: 5px 20px;

  font-size: 15px;

  font-size: 1.5rem;

}

select {

  color: grey !important;

}

/* COMUNES */

/* responsive */

@media screen and (max-width: 991px)  {

  .mod-footer .legal {

    float: none;

  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .mod-header .tel {

    font-size: 50px;

    font-size: 5rem;

  }

}

@media screen and (max-width: 767px) {

  footer.mod-footer .legal a {

    float: left;

    width: 100%;

    display: block;

    text-align: center;

  }

  .mod-header * {

    text-align: center;

  }

  .pl10 {

    padding-left: 0;

  }

  .mod-header .tel {

    font-size: 50px;

    font-size: 5rem;

  }

  .mod-content {

    padding-right: 0;

  }

  .mod-content .title {

    font-size: 26px;

    font-size: 2.6rem;

  }

  .mod-tarotista {

    position: relative;

    background: url('../images/tarotista-alejandro-leon-movil.png') left bottom no-repeat;

    margin-bottom: 25px;

  }

  .mod-tarotista:before {

    position: absolute;

    float: left;

    width: 100%;

    // background: #122947;

    content: "";

    height: 80%;

    z-index: -1;

  }

  .mod-tarotista .text {

    float: none !important;

    margin: 0 auto 490px;

    padding: 20px;

    text-align: center;

  }

  .mod-tarotista .text .title {

    margin-top: 0;

  }

  .mod-tarotista .text .title strong {

    font-size: 24px;

    font-size: 2.4rem;

  }

  .mod-tarotista .text .title span {

    font-size: 26px;

    font-size: 2.6rem;

  }

  .mod-tarotista .banner {

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    bottom: 0;

    padding: 5px 15px 10px;

    position: relative;

    right: inherit;

  }

  .mod-tarotista .banner strong {

    font-size: 30px;

    font-size: 3rem;

  }

  .mod-tarotista .banner span {

    font-size: 15px;

    font-size: 1.5rem;

  }

}

@media screen and (max-width: 505px) {

  .mod-header {

    padding-top: 20px;

    margin-bottom: 5px;

  }

  .mod-header .tel {

    font-size: 40px;

    font-size: 4rem;

    margin-bottom: 0;

  }

}

@media screen and (max-width: 520px) {

  .movil { display: inline-block;}

  .pc {display: none;}

}

@media screen and (min-width: 520px) {

  .movil { display: none;}

  .pc {display: inline-block;}

}

.resplandor {

box-shadow: 0px 0px 15px rgb(82, 184, 255)

}

@import url('https://fonts.googleapis.com/css?family=Sunflower:300');

.parrafo {

  font-family: 'Sunflower', sans-serif;

}



.cookies{

  background-color: rgb(0, 37, 85);

  min-height: 30px;

  position: fixed;

  bottom: 0px;

  width: 100%;

  padding-left: 5%;

  padding-right: 5px;

  z-index: 10;

  vertical-align: middle;

  padding-top: 5px;

}



.cerrarCookies{

  float:right;

  height: 30px;

  width: 30px;

  z-index: 11;

  border: 1 px solid white;

  color: white;

  cursor: pointer;

}

.helvetica {

  font-family: 'Helvetica';

}

.blanco {

  color: white;

}

.opinion {

  border-bottom: 1px solid white;

  width: 100%;

    text-align: left;

}

.margin0 {

  margin: 0px;

}

.inp {

  height: 20px;

  font-size: 16px;

  padding: 0px !important;

  width: 150px !important;

  float: none !important;

  text-align: left !important;

  color: black !important;

}



.estrellaSelector{

display: inline-block;

background: url(../img/estrella-empty.svg) no-repeat center;

width: 20px;

height: 20px;

cursor: pointer;

}

.estrellaLlena{

  background: url(../img/estrella.svg) no-repeat center !important;

}

.star {

  display: inline-block;

  background: url(../img/estrella.svg) no-repeat center;

  width: 20px;

  height: 20px;

}

.empty-star{

  display: inline-block;

  background: url(../img/estrella-empty.svg) no-repeat center;

  width: 20px;

  height: 20px;

}



.estrellaSelector:hover{

  background: url(../img/estrella.svg) no-repeat center;

}

@media screen and (max-width: 720px){
	.marisol {
	    display: none;
	}
}

.pagoTarjeta{
  cursor: pointer;
  display: block;
  width: 150px;
}