/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06/01/2020, 13:16:53
    Author     : KPlay
*/

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    color: #6c757d;
    top: 50%;
    transform: translate(0,-80%);
    padding: 0;
    border: none;
    outline: none;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,.03), 0 0.9375rem 1.40625rem rgba(4,9,20,.03), 0 0.25rem 0.53125rem rgba(4,9,20,.05), 0 0.125rem 0.1875rem rgba(4,9,20,.03);
    transition: all .2s;
    font-family: 'Pe-icon-7-stroke';
    border-radius: 50px;
    background: #fff;
    z-index: 6;
    overflow: hidden;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.slick-slider .slide-img-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;

    z-index: 10;
}

.slider-light .slick-prev:hover, .slider-light .slick-next:hover {
    background: rgba(255,255,255,.15);
}

.slider-light .slick-prev {
    left: 15px;
}

.slider-light .slick-next {
    right: 15px;
}

.slider-light .slick-prev, .slider-light .slick-next {
    background: transparent;
    color: #fff;
    box-shadow: 0 0 0 0 transparent;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-prev:before {
    content: "";
}

.slick-next:before {
    content: "";
}

.slick-prev::before, .slick-next::before {
    font-size: 35px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    display: block;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slider-light .slider-content {
    color: #fff;
}

.slick-slider .slider-content {
    position: relative;
    z-index: 15;
    text-align: center;
    margin: 0 6rem;
}

.slick-slider .slider-content p {
    font-size: 16px;
 
}

.slick-slider .slider-content h3 {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slider-light .slick-dots li button {
    background: rgba(255,255,255,.25);
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 14px;
    width: 14px;
    background: #009baa;
    cursor: pointer;
    position: relative;
    border-radius: 20px;
    color: transparent;
}

.slick-dots li.slick-active {
    transform: scale(1.2);
}

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    cursor: pointer;
    transform: scale(.8);
    transition: all .2s;
}

.slider-light .slick-dots {
    position: absolute;
    bottom: 10px;
}
.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: .75rem 0 0;
    width: 100%;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

.slider-content h3{
    color: #3a334f;
}

a, button, .btn {
    outline: none!important;
}

button, select {
    text-transform: none;
}

.position-relative {
    position: relative!important;
}

.align-items-center {
    align-items: center!important;
}

.justify-content-center {
    justify-content: center!important;
}

.d-flex {
    display: flex!important;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-dots li button::before {
    content: '';
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 20px;
}

.bg-vicious-stance {
    background-image: linear-gradient(60deg,#29323c 0%,#485563 100%)!important;
}

.bg-premium-dark {
    background-image: linear-gradient(to right,#434343 0%,black 100%)!important;
}

.bg-sunny-morning {
    background-image: linear-gradient(120deg,#f6d365 0%,#fda085 100%)!important;
}

.h-100 {
    height: 100vh!important;
}

.app-theme-white.app-container {
    background: #fff;
}

.app-container {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.app-login-box .app-logo {
    margin-bottom: 30px;
}
.app-logo {
    height: 48px;
    width: 230px;
    background: url(/novo_layout/assets/images/logo-inverse.png);
}

.no-gutters>.col, .no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.input-group-addon{            
    float: right;
    margin-top: -46px;
    position: relative;
    z-index: 2;
    background: transparent;
    font-size: 18px;
    padding: 7px 12px;
    padding-right: 30px;
    border: none;
    margin-right: 3px;
    cursor: pointer;
}