/*
INITIALIZATION
*/
/* 
    Created on : May 31, 2018, 2:24:25 PM
    Author     : nebemore
*/
/* 
    RESET
*/
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"]::-webkit-file-upload-button, 
button {
    padding: 0px;
}
img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
/* 
    LAYOUT
*/
.col, .col-1, .col-10, .col-11, .col-12, 
.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, 
.col-auto, 
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, 
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}
.mt-100 {
    margin-top: 100px;
}
.rel_centered {
    margin: 0px auto;
}
.abs_centered {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.txt_centered {
    text-align: center;
}
.txt_left {
    text-align: left;
}
.txt_right {
    text-align: right;
}
.txt_uppercase {
    text-transform: uppercase;
}
/* 
    FONTS & TYPOGRAPHY
*/
a {
    color: #a02c18;
}
.main-font {
    font-family: 'Montserrat', sans-serif;
}
.deco-font {
    font-family: 'Pacifico', cursive;
}
.banner-font {
    font-family: 'Podkova', serif;
}
.caveat-font {
    font-family: 'Caveat', sans-serif;
}
.lobster-font {
    font-family: 'Lobster', cursive;
}
.philosopher-font {
    font-family: 'Philosopher', serif;
}
.rampart-font {
    font-family: 'Rampart One', normal;
}
.yanone-font {
    font-family: 'Yanone Kaffeesatz', serif;
}
.amatic-font {
    font-family: "Amatic SC";
}
.rubik-beastly {
    font-family: "Rubik Beastly";
}
.bad-script {
    font-family: "Bad Script";
}
.marck-script {
    font-family: "Marck Script";
}
.font-weight-200 {
    font-weight: 200;
}
.font-weight-300 {
    font-weight: 300;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.font-weight-800 {
    font-weight: 800;
}
.font-weight-900 {
    font-weight: 900;
}
h1 {
    font-size: 44px;
}
h2 {
    font-size: 38px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 13px;
}
/* 
    COLORS
*/
.txt_main {
    color: #8cc946;
}
.txt_red {
    color: #a02c18;
}
.txt_white{
    color: #ffffff;
}
.txt_silver {
    color: #dcdceb;
}
.bgnd_light {
    background-color: #f5f3ee;
}
.bgnd_dark {
    background-color: #c7c4bd;
}
.bgnd_green {
    background-color: #8cc946;
}
.bgnd_red {
    background-color: #a02c18;
}
.bgnd_red_pattern {
    background-image: url("/img/patterns/5d10aadd.png");
    background-repeat: repeat;
}
.bgnd_silver {
    background-color: #dcdceb;
}
.bgnd_black {
    background-color: #000000;
}
.bgnd_full {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; 
}
.txt_full_width{
    width: 100%;
}

/* 
    BUTTONS
*/
.btn-green { 
    color: #ffffff; 
    background-color: #8CC946; 
    border-color: #8CC946; 
} 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
    color: #ffffff; 
    background-color: #6ba628; 
    border-color: #8CC946; 
} 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
    background-image: none; 
} 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
    background-color: #8CC946; 
    border-color: #8CC946; 
} 
.btn-green .badge { 
    color: #8CC946; 
    background-color: #ffffff; 
}
.del_prod {
    padding: 2px;
    background-color: #e2efd2;   
    margin: 0px 0px 5px;
}
/* 
    DISABLED 
*/
.btn-green[disabled],
.btn-green[disabled]:hover {
    background-color: #aaa9a9;
    border: 1px solid #aaa9a9;
}
/* RED */
.btn-red-full { 
  color: #FFFFFF; 
  background-color: #A02C18; 
  border-color: #A02C18; 
  border-radius: 0px;
  width: 100%;
  text-transform: uppercase;
} 
 
.btn-red-full:hover, 
.btn-red-full:focus, 
.btn-red-full:active, 
.btn-red-full.active, 
.open .dropdown-toggle.btn-red-full { 
  color: #FFFFFF; 
  background-color: #7A2111; 
  border-color: #A02C18; 
} 
 
.btn-red-full:active, 
.btn-red-full.active, 
.open .dropdown-toggle.btn-red-full { 
  background-image: none; 
} 
 
.btn-red-full.disabled, 
.btn-red-full[disabled], 
fieldset[disabled] .btn-red-full, 
.btn-red-full.disabled:hover, 
.btn-red-full[disabled]:hover, 
fieldset[disabled] .btn-red-full:hover, 
.btn-red-full.disabled:focus, 
.btn-red-full[disabled]:focus, 
fieldset[disabled] .btn-red-full:focus, 
.btn-red-full.disabled:active, 
.btn-red-full[disabled]:active, 
fieldset[disabled] .btn-red-full:active, 
.btn-red-full.disabled.active, 
.btn-red-full[disabled].active, 
fieldset[disabled] .btn-red-full.active { 
  background-color: #A02C18; 
  border-color: #A02C18; 
} 
 
.btn-red-full .badge { 
  color: #A02C18; 
  background-color: #FFFFFF; 
}
/* 
    FORMS
*/
::-webkit-input-placeholder { 
  color: #000000;
  opacity: 1;
  text-transform: uppercase;
  font-size: 15px;
}
::-moz-placeholder { 
  color: #000000;
  opacity: 1;
  text-transform: uppercase;
  font-size: 15px;
} 
:-ms-input-placeholder { 
  color: #000000;
  opacity: 1;
  text-transform: uppercase;
  font-size: 15px;
}
:-moz-placeholder { 
  color: #000000;
  opacity: 1;
  text-transform: uppercase;
  font-size: 15px;
}

@media (max-width: 440px) {
    .btn {
        width: 100%;
        font-size: 14px!important;
    }
}
@media (max-width: 576px){
    h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 33px;
    }
    h3 {
        font-size: 27px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 18px;
    }

}