/*
Theme Name: ...
Theme URI:
Author: Luis Guerrero
Email URI: guerrero89j@gmail.com
Description: ...
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/**

 * Table of Contents
 *
 * 1.0 - Fonts
 * 2.0 - Basic
 * 3.0 - Header
 * 4.0 - Footer
 * 5.0 - Assets
 * 6.0 - Default
 * 7.0 - Products
 * 7.0 - Checkout
 *
**/
/*Colors*/
/*Font Familys*/
/*Dimentions*/
/*
*
* 1.0 - Fonts
*
*/
@font-face {
  font-family: "Material Icons";
  src: url('fonts/?1575734236');
  src: url('fonts/?&1575734236#iefix') format('embedded-opentype'), url('fonts/./../fonts/Material-Icons.woff2?1560891459') format('woff2');
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "CaviarDreams";
  src: url('fonts/?1575734236');
  src: url('fonts/?&1575734236#iefix') format('embedded-opentype'), url('fonts/./../fonts/CaviarDreams.ttf?1402876518') format('truetype');
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "CaviarDreamsBold";
  src: url('fonts/?1575734236');
  src: url('fonts/?&1575734236#iefix') format('embedded-opentype'), url('fonts/./../fonts/CaviarDreams_Bold.ttf?1402876990') format('truetype');
  font-weight: 400;
  font-style: normal; }
/*
*
* 2.0 - Basic
*
*/
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%; }

body {
  background-color: #FFFFFF;
  color: #212121;
  font-family: "CaviarDreams";
  font-size: 14px;
  overflow-x: hidden !important; }
  @media (min-width: 1px) and (max-width: 1366px) {
    body {
      font-size: 14px; } }

h1, h2, h3 {
  margin: 0;
  padding: 0px; }

img {
  border: none;
  width: 100%; }

a {
  color: #212121;
  font-size: 1em; }
  a.active, a:hover, a:active, a:focus {
    color: #a7b82c; }
  a.btn {
    background-color: #FFFFFF;
    border: 1px solid #212121;
    #border-radius: 35px;
    color: #212121;
    font-size: 1.1em;
    margin: 0 15px;
    text-align: center;
    #padding: 5px 30px 3px; 
  }
    a.btn:hover, a.btn:active, a.btn:focus {
      background-color: #212121;
      color: #FFFFFF; }

strong, .bold {
  font-family: "CaviarDreamsBold"; }

.btn-white {
  background-color: #FFFFFF;
  color: #212121;
  font-size: 1em;
  border: 1px solid #212121;
  padding: .6rem 1rem;
  text-align: center; }
  .btn-white:hover, .btn-white:active, .btn-white:focus {
    background-color: #ebeced;
    color: #212121;
    text-decoration: none; }

.btn-black {
  background-color: #212121;
  color: #FFFFFF;
  font-size: 1em;
  border: 0;
  padding: .6rem 1rem;
  text-align: center; }
  .btn-black:hover, .btn-black:active, .btn-black:focus {
    background-color: #757575;
    color: #FFFFFF;
    text-decoration: none; }

.btn-green {
  background-color: #a7b82c;
  color: #FFFFFF;
  font-size: 1em;
  border: 1px solid #a7b82c;
  padding: .6rem 1rem;
  text-align: center; }
  .btn-green:hover, .btn-green:active, .btn-green:focus {
    background-color: #efa22b;
    border: 1px solid #efa22b;
    color: #FFFFFF;
    text-decoration: none; }

.btn-green-border {
  background-color: #FFFFFF;
  color: #a7b82c;
  font-size: 1em;
  border: 1px solid #a7b82c;
  padding: .6rem 1rem;
  text-align: center; }
  .btn-green-border:hover, .btn-green-border:active, .btn-green-border:focus {
    background-color: #FFFFFF;
    border: 1px solid #efa22b;
    color: #efa22b;
    text-decoration: none; }

.disabled {
  background-color: #ebeced;
  color: #FFFFFF; }
  .disabled:hover, .disabled:active, .disabled:focus {
    background-color: #ebeced;
    color: #FFFFFF; }

.bold {
  font-weight: bold; }

.border {
  outline: 1px solid #98141C; }

.layout-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  display: flex; }

.layout-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  display: flex; }

.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

.v-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center; }

.icons {
  font-size: 2rem;
  margin: 0 .25rem; }

.h-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

.all-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

.row {
  margin: 0; }

.txt-center {
  text-align: center !important; }

.txt-left {
  text-align: left !important; }

.txt-right {
  text-align: right !important; }

.color-blue {
  color: #00b1e8; }

.color-orange {
  color: #DA6136; }

.color-violet {
  color: #803776; }

div.divider-bottom {
  border-bottom: 1px solid #a7b82c; }

.desktop {
  display: block !important; }
  @media (min-width: 1px) and (max-width: 991px) {
    .desktop {
      display: none !important; } }

.mobile {
  display: none !important; }
  @media (min-width: 1px) and (max-width: 991px) {
    .mobile {
      display: block !important; } }

.pos-absolute {
  position: absolute !important;
  top: 0; }

div.container-page {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  position: relative; }

div.container {
  position: relative; }

form {
  margin: 0 auto;
  /*max-width: 400px;*/
  padding: 2rem 0; }
  form .btn-white {
    display: inline-block;
    margin: .25rem;
    min-width: 150px; }
  form label i {
    font-size: 1.2rem; }
  form input.form-control, form textarea.form-control {
    border-radius: 0;
    -moz-border-radius: 0;
    padding: .375rem 1rem; }
    form input.form-control:focus, form textarea.form-control:focus {
      border-color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none; }
    form input.form-control:-webkit-autofill, form input.form-control:-webkit-autofill:hover, form input.form-control:-webkit-autofill:focus, form input.form-control:-webkit-autofill:active, form textarea.form-control:-webkit-autofill, form textarea.form-control:-webkit-autofill:hover, form textarea.form-control:-webkit-autofill:focus, form textarea.form-control:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important;
      -webkit-text-fill-color: #212121 !important; }
  form textarea.form-control {
    border-radius: 20px;
    height: 80px;
    resize: none; }
    form textarea.form-control:-moz-placeholder {
      background-color: #FFFFFF; }
    form textarea.form-control::-moz-placeholder {
      background-color: #FFFFFF; }
    form textarea.form-control:-ms-input-placeholder {
      background-color: #FFFFFF; }
    form textarea.form-control::-webkit-input-placeholder {
      background-color: #FFFFFF; }

div.accordion {
  width: 100%; }
  div.accordion .btn {
    text-align: left;
    width: 100%; }

div.content-page {
  margin: 0 auto;
  max-width: 600px;
  padding: 1rem 0; }
  div.content-page div.row {
    margin: 1.5rem 0; }
    div.content-page div.row p {
      font-size: 1rem;
      margin: 0;
      padding: 0; }

section {
  width: 100%;
  margin: 0 auto; }
  section article {
    margin: 0 auto;
    width: 100%; }

/*
*
* 3.0 - Header
*
*/
header {
  margin-bottom: 1rem;
  padding: 1.2rem 0;
  position: relative; }
  @media (min-width: 1px) and (max-width: 991px) {
    header {
      padding: 0; } }
  header a.logo img {
    width: 100px; }
    @media (min-width: 1px) and (max-width: 991px) {
      header a.logo img {
        width: 50px; } }
  header ul.menu {
    float: right;
    margin: 0;
    padding: 1.2rem 0 0; }
    header ul.menu li {
      display: inline-block;
      padding: 0rem .9rem;
      border-right: 1px solid rgba(0, 0, 0, 0.87); }
      header ul.menu li:last-child {
        border-right: 0; }
      header ul.menu li img {
        margin: -2px 15px 0 0; }
  header nav {
    border-bottom: 1px solid rgba(7, 20, 30, 0.07);
    border-top: 1px solid rgba(7, 20, 30, 0.07);
    /*margin-top: 1.2rem;
    padding: 1rem;*/ }
    @media (min-width: 1px) and (max-width: 991px) {
      header nav {
        margin: 0; } }
    header nav ul.navbar-nav {
      margin: 0; }
      header nav ul.navbar-nav li {
       /* display: inline-block;*/
        font-size: 1em;
        /*margin: .5rem 0;*/
         }
        header nav ul.navbar-nav li a {
          padding: 1rem .8rem; }
          @media (min-width: 1px) and (max-width: 991px) {
            header nav ul.navbar-nav li a {
              padding: 1rem 0; } }
    header nav form.form-search {
      margin: 0;
      padding: 0; }
      header nav form.form-search input[type="search"] {
        text-transform: capitalize; }

/*
*
* 4.0 - footer
*
*/
footer {
  border-top: 2px solid #07141E;
  /*margin-top: 2rem;*/ /*30-05-2020 Ajsute footer*/
  padding: 0;
  text-align: center; }
  footer img {
    width: 100%; }
  footer p.copyright {
    font-size: .8rem; }

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

/*
*
* 5.0 - Assets
*
*/
/*Preloader*/
#page-preloader {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  transition: .4s all ease-out; }
  #page-preloader .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -45px 0 0 -45px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
    text-transform: uppercase;
    -o-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase; }
    #page-preloader .spinner:before, #page-preloader .spinner:after {
      opacity: 0;
      box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      content: "\0020";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 60px;
      border-color: #8594a0;
      border-style: solid; }
    #page-preloader .spinner:after {
      z-index: 1;
      animation: cssload-gogoloader 2.3s infinite 1.15s;
      -o-animation: cssload-gogoloader 2.3s infinite 1.15s;
      -ms-animation: cssload-gogoloader 2.3s infinite 1.15s;
      -webkit-animation: cssload-gogoloader 2.3s infinite 1.15s;
      -moz-animation: cssload-gogoloader 2.3s infinite 1.15s; }
    #page-preloader .spinner:before {
      z-index: 2;
      animation: cssload-gogoloader 2.3s infinite;
      -o-animation: cssload-gogoloader 2.3s infinite;
      -ms-animation: cssload-gogoloader 2.3s infinite;
      -webkit-animation: cssload-gogoloader 2.3s infinite;
      -moz-animation: cssload-gogoloader 2.3s infinite; }

@keyframes cssload-gogoloader {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-o-keyframes cssload-gogoloader {
  0% {
    -o-transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -o-transform: scale(1);
    opacity: 0; } }
@-ms-keyframes cssload-gogoloader {
  0% {
    -ms-transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -ms-transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes cssload-gogoloader {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@-moz-keyframes cssload-gogoloader {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -moz-transform: scale(1);
    opacity: 0; } }
/*Fin Preloader*/
/*
*
* 7.0 - Default
*
*/
a.btn-config img {
  width: 30px; }

h1 {
  font-family: "CaviarDreamsBold";
  font-size: 2rem;
  margin: .25rem auto; }

h4 {
  margin: .25rem auto; }

div.card-header {
  padding: 0;
  width: 100%; }

div.media img {
  max-width: 80px; }
  @media (min-width: 1px) and (max-width: 991px) {
    div.media img {
      max-width: 40px; } }

div.score {
  position: relative; }
  div.score span {
    position: absolute; }
    div.score span.points {
      right: 10%;
      top: 10%; }
    div.score span.name {
      bottom: 10%;
      display: block;
      text-align: center;
      width: 100%; }
      div.score span.name img {
        margin-bottom: .25rem;
        max-width: 40%; }

div.options img {
  margin: .25rem 0; }

div.video div.row p {
  font-size: 1.3rem;
  text-align: center; }
div.video video {
  width: 100%; }

ul.canje li {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  font-size: 1.2rem;
  list-style: none;
  margin: .5rem 0; }
  ul.canje li img {
    border-radius: 50%;
    margin-right: .5rem;
    width: 60px; }
  ul.canje li ul {
    margin: 0 0 0 3rem; }
    ul.canje li ul li {
      font-size: .9rem;
      margin: .3rem 0; }
      ul.canje li ul li img {
        width: 45px; }