/* Fix */
*, a, a:hover{
    text-decoration:none;
    box-sizing: border-box;
}

p{
    margin-top:0;
    margin-bottom:1rem;
    text-rendering: optimizeLegibility;
}

h1, h2, h3{
    text-rendering: optimizeLegibility;
}

/* Form Control Reset */
.form-control:focus::-webkit-input-placeholder{
    color:#ddd;
}

.form-control{
    border-radius:3px;
    background-color:#fafafa;
    font-size:.9rem;
}

.form-control:focus{
    box-shadow: none;
}

.form-group label{
    font-size:.8rem;
    color:#888;
    margin-bottom:0.2rem;
    padding-left:.2rem;
}

/* Slider Elements */
.slider-arrow {
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid #eee;
    position: absolute;
    top: 45%;
    z-index: 2;
    background-color: rgba(0,0,0,.4);
    opacity: .3;
    transition-duration: .2s;
}

.slider-arrow:hover{
    opacity:1;
}

.slider-arrow i {
    font-size: 30px;
    position: relative;
    top: 3px;
    z-index: 3;
    color: #fff;
}

.slider-arrow.right {
    right: 10px;
}

.slider-arrow.left {
    left: 10px;
}

.slider-arrow.right i {
    right: -2px;
}

.slider-arrow.left i {
    left: -2px;
}

.slick-dots{
    bottom:1rem;
}

.slick-dotted.slick-slider{
    margin-bottom:0;
}

/* naui-slider-section */
.naui-slider-section .slide{
    position:relative;
}

.naui-slider-section .slide-overlay{
    position:absolute;
    top:0;
    width:100%;
    bottom:0;
    background-color:rgba(0,0,0,0.3);
    padding-top:10vw;
}

.naui-slider-section .slide-overlay h3{
    color: #fff;
}

/* Style */
.naui-shadow{
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* h1 logo */
.h1-logo{
    background-repeat:no-repeat;
    background-size: cover;
    text-indent:-9000px;
    font-size:1rem;
}

.no-label label{
    display:none;
}

/* Naui Checkbox */
/* Hide the browser's default checkbox */
.naui-checkbox input {
    position: absolute;
    opacity: 0;
    height:0;
    width:0;
}

/* Create a custom checkbox */
.naui-checkbox .checkmark {
    height: 20px;
    width: 20px;
    border-radius:5px;
    display:inline-block;
    margin-right:.5rem;
    text-align:center;
    background-color:#fff;
    box-shadow: inset 1px 1px 1px #ddd;
    border:1px solid #ced4da;
}

.naui-checkbox .checkmark i{
    opacity:0;
}

.naui-checkbox>label{
    display:flex !important;
    cursor: pointer;
    color:#646464;
    font-size:.85rem !important;
}

.naui-checkbox label>*{
    align-self:center;
}

.naui-checkbox input:checked + .checkmark i{
    color:#fff;
    opacity:1;
    position:absolute;
    top:.25rem;
    left:.2rem;
    font-size:.8rem;
}

.naui-checkbox input:checked + .checkmark {
    box-shadow:none;
    position:relative;
    background-color: #006dba;
    border-color: #006dba;
}

.form-group{
    margin-bottom:.75rem;
}

.naui-input{
    font-size:.9rem;
    height:35px;
    padding-left:.5rem;
    border:1px solid #ddd;
    border-radius:5px;
    color: #777;
}

.naui-input::placeholder{
    color:#939598;
}

.input-group{
    position:relative;
}

.input-group span{
    position:absolute;
    z-index:2;
    top:0.5rem;
    left:.75rem;
}

.input-group span i{
    color:#888;
}

.input-group .naui-input{
}

.naui-input:focus{
    border:none;
    border:1px solid #3498db;
    outline:none;
    line-height:30px;
}

/* Select */
select.naui-input{
    -webkit-appearance: none;
    border-radius:0;
    z-index:1;
    position: relative;
    background: transparent;
}

select.naui-input:focus{
    outline:none;
}

.input-group .post{
    right:0;
    left:auto;
    font-size:1.8rem;
    top:0;
    z-index:0;
}

.input-group .post i {
    font-size: 1.5rem;
}
/* Text area */
textarea.naui-input{
    min-height:130px;
    resize: none;
    outline:none;
    border-radius:2px;
    border:1px solid #ddd;
}

textarea.naui-input:focus{
    outline:none;
    border:1px solid #0060AF;
}

.form-group label{
    font-size:1rem;
    font-weight:600;
    margin-bottom:.333rem;
    display:inline-block;
}


/* Utils */
.text-right{
    text-align: right;
}

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

.flex-center{
    justify-content: center;
    display:flex;
}

.flex-left{
    justify-content: flex-start;
    display:flex;
}

.flex-center>*, .flex-left>*{
    align-self:center;
}

.w-100{
    width:100%;
    max-width:100%;
}

.w1200{
    max-width:1200px;
    margin: 0 auto;
}

.w600{
    max-width:600px;
    margin: 0 auto;
}

/* Select */
.naui-select{
    position:relative;
    display:inline-block;
    font-size:.9rem;
    height: 40px;
    border-color: #E8E8E8;
    color: #555;
    width: 100%;
}

.naui-select:focus{
    outline: none;
    border:1px solid #D47600;
}

/* Validaciones */
.input-group label.error{
    color: #F7931D;
    line-height:1rem;
    position:relative;
    font-size:.8rem;
    display:inline-block;
    height:auto;
    margin-bottom:0;
    margin-top:-2px;
}