body{font-family: 'Titillium Web', sans-serif;}
p,span,label,legend,td,th{cursor: default;}
header, main, footer {
  padding-left: 300px;
}

.bg{background-image: url('../img/bg.jpg'); background-size: cover;}

@media only screen and (max-width : 992px) {
  .bg{background-image: none;}
  header, main, footer {
    padding-left: 0;
  }
}

.container{width: 90%;}
#slide-out li a{padding:0 16px;}
#slide-out ul ul ul .collapsible-body ul li a{padding-left: 43px !important;}

.iziModal-overlay{z-index: 999 !important;}
.iziModal{z-index: 1000 !important;}

.jqte_editor ul, .jqte_editor ol{padding-inline-start: 15px; margin:0px;}
.jqte_editor ul > li{list-style-type: disc;}

@media only screen and (max-width: 992px){
  #slide-out{
    border-radius: 0 5px 0 0;
    top: 10px;
  }
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* GENÉRICOS */
.f1{font: 300 16px/23px EB Garamond;}
.f2{font-family: "Dancing Script";}

.bg-main{background-image: url('../img/main_back.jpg');}

.bg-yellow { background-image: url('../img/bg-yellow.png'); }
.bg-blue { background-image: url('../img/bg-blue.png'); }
.bg-orange { background-image: url('../img/bg-orange.png'); }
.bg-grey { background-image: url('../img/bg-grey.png'); }
.bg-white { background-image: url('../img/bg-white.png'); }
.bg-red { background-image: url('../img/bg-red.png'); }

.border-left{border-style: solid; border-width: 0 0 0 5px; padding-left: 1.5rem;}
.border-right{border-style: solid; border-width: 0 5px 0 0; padding-right: 1.5rem;}
.border-bottom{border-style: solid; border-width: 0 0 2px 0; padding-bottom: 0.2rem;}
.border-white {border-color:#fff;}
.border-yellow {border-color:#ffd200;}
.border-blue {border-color:#1565C0;}
.border-indigo{border-color: #3f51b5;}

.no-padding{padding:0px !important;}
.no-margin{margin:0px !important;}

.valign-middle{vertical-align: middle;}

hr{ width: 80px; border: none; height: 2px;}
iframe {}

fieldset {border-width: 1px;border-style: dotted; margin:0 0 20px 0;}
legend{padding:0 5px;}

.pointer{cursor: pointer;}

/* CUSTOM MATERIALIZE */
.row{ margin-bottom: 0px; }
blockquote{border-color: #ffd200 !important;}

/* STYLE TEXT */
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs25{font-size: 25px !important;}
.fs26{font-size: 26px !important;}
.fs28{font-size: 28px !important;}
.fs30{font-size: 30px !important;}
.fs32{font-size: 32px !important;}
.fs34{font-size: 34px !important;}
.fs35{font-size: 35px !important;}
.fs36{font-size: 36px !important;}
.fs38{font-size: 38px !important;}
.fs40{font-size: 40px !important;}
.fs42{font-size: 42px !important;}
.fs44{font-size: 44px !important;}
.fs45{font-size: 45px !important;}
.fs46{font-size: 46px !important;}
.fs48{font-size: 48px !important;}
.fs50{font-size: 50px !important;}
.fs52{font-size: 52px !important;}
.fs54{font-size: 54px !important;}
.fs55{font-size: 55px !important;}
.fs56{font-size: 56px !important;}
.fs58{font-size: 58px !important;}
.fs60{font-size: 60px !important;}
.fs70{font-size: 70px !important;}
.fs80{font-size: 80px !important;}
.fs90{font-size: 90px !important;}
.justify{text-align: justify !important;}
.bold{font-weight: 700 !important;}
.light{font-weight: 200 !important;}

.lh20{line-height: 20px !important;}
.lh24{line-height: 24px !important;}
.lh30{line-height: 30px !important;}
.lh55{line-height: 55px !important;}