@font-face {
    font-family: montserrat-regular;
    src: url('../fonts/montserrat-regular.ttf');
}

@font-face {
    font-family: montserrat-bold;
    src: url('../fonts/montserrat-bold.ttf');
}

@font-face {
    font-family: montserrat-semibold;
    src: url('../fonts/montserrat-semibold.ttf');
}

@font-face {
    font-family: bebasneue-regular;
    src: url('../fonts/bebasneue.otf');
}

body {
    padding-top: 54px;
    font-family: montserrat-regular !important;
   /* background-image:url('../../assets/imgs/background.jpg'); */
}


.card {
  /*  background-color:rgba(255,255,255,0.8) !important; */
}
button {
    font-family:montserrat-semibold;
    color:#fff;
}

a, a:hover, a:visited {
    text-decoration: none;
!important padding: 0;;
   /* margin: 0; */
}

li a {
    color: #fff !important;
    font-family: montserrat-semibold;
}

ul{
    list-style-type: none;
    padding:0;
}

ul.sidebar li, ul.sidebar i {
    font-size: 20px;
    font-weight: 600;
}

nav, footer {
    /*background: #F8C052; */
    background-image: linear-gradient(to right, #FF773B, #F32337);
    /*
     background-image: url("../imgs/board.jpg");
     background:linear-gradient(to right, #F8C052 , #fff);
     background:#fff; */
}

footer {
    height: 50px;
}

.navbar, .navbar-brand {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
    #search-mobile {
        display: none;
    }
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (2.75rem * 2));
    }
    #search-mobile {
        display: none;
    }

}

@media screen and (max-width: 600px) {
    #search-container {
        display: none;
    }
}

.modal-header {
    /*background: #F8C052; */
    background-image: linear-gradient(to left, #FF773B, #F32337);
    color:#fff;
}

.btn-primary {
    /*background: #F8C052 !important;
    border: #F8C052 !important; */
    background-image: linear-gradient(to right, #FF773B, #F32337);
    border:none;
}

.modal-body {
    background-color: rgba(0, 0, 0, 0.1);
}

button:focus {
    outline: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.modal-content {
    -webkit-box-shadow: 10px 10px 49px -12px rgba(63, 63, 71, 1);
    -moz-box-shadow: 10px 10px 49px -12px rgba(63, 63, 71, 1);
    box-shadow: 10px 10px 49px -12px rgba(63, 63, 71, 1);
}

.container-padding {
    padding-top: 30px;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    resize: both;
    overflow: auto;
}

.wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    min-height: -webkit-calc(100vh - 50px);
    min-height: -moz-calc(100vh - 50px);
    min-height: calc(100vh - 50px);
}
.card-title {
    color:#222 !important;
}

.logo {
    width: 60%;
    -webkit-box-shadow: -1px -1px 23px -4px rgba(85, 85, 5, 1);
    -moz-box-shadow: -1px -1px 23px -4px rgba(85, 85, 5, 1);
    box-shadow: -1px -1px 23px -4px rgba(85, 85, 5, 1);
}

.card {
    max-height: 100%;
}

.preview {
    cursor: pointer;
}

.square {
    background: blue;
    height: 200px;
    width: 200px;
}

article {
    width: 80%;
    margin: auto;
    margin-top: 10px;
}

.thumbnail {
    height: 100px;
    margin: 10px;
}

.preview {
    width: 100%;
    border: 5px solid green;
}

.col-padding {
    padding: 5px;
}

span.fa-stack {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: -5px;
    right: -5px;
}

.fa-square {
    color: red;
}

.fa-times-circle {
    color: #fff;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgba(255, 255, 255, 0);
}

.overlay-text {
    color: #555;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: .5s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
}

p.billing-info, span.billing-info{
    margin:0;
    color:#555;
    font-family:montserrat-semibold;
}
small.billing-info{
    margin:0;
    color:#777;
    font-family:montserrat-semibold;
}

.overlay-text:last-child {
    color: green;
}

.col-padding:hover .overlay {
    background-color: rgba(255, 255, 255, 0.8);
}

.col-padding:hover .overlay-text {
    opacity: 1;
}

.slick-prev:before, .slick-next:before {
    color:#F8C052 !important;
    opacity:1 !important;
}

.slider-nav .slick-slide{
    padding:5px !important;
    cursor:pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.inc-container{
    display:inline-block;
    background:#F8C052;
}
.inc-container input{
    padding:3px;
    border:0;
    background:#f9f9f9;
}
.button-spinner {display:inline-block;
    background:#F8C052;
    width:30px;
    height:30px;
    margin-bottom:0;
    vertical-align:top;
    text-align:center;
}

/* Toggle Button */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    bottom:3px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.slider i {
    margin-top:8px;
    margin-left:7px;
}
.slider i:last-child {
    float:right;
    margin-right:10px;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    /* background-color: #333; Black background color
    background-image: linear-gradient(to top, #F32337, #FF773B);*/
    background-image: linear-gradient(to bottom,  #1e3c72, #2a5298);
    font-family:montserrat-semibold;
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
   However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2s;
    animation: fadein 0.5s, fadeout 0.5s 2s;
    animation-fill-mode: forwards;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 130px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 130px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 130px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 130px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}


.object-fit{
    height: 300px !important;
    object-fit: cover  !important;
}

.active{

}
.active a.nav-link{
    font-family:montserrat-semibold;
    text-transform:uppercase;
}

.nav-tabs a {
    font-family:montserrat-semibold !important;
    color:#999 !important;
    font-size:25px;
}
.nav-tabs li {
    padding:3px 15px 0px 15px;
    background:#fff;
}
.nav-tabs li.active{
    border-radius:5px 5px 0 0;
    border:#eee solid 1px;
    border-bottom:none !important;
    z-index:99;
    margin-bottom:-1px;
}

.dropdown-menu {
    background-image: linear-gradient(to top, #FF773B, #F32337);
}

.dropdown-menu a:hover {
    background:#F8C052;
    color:#333 !important;
}

.card-hover:hover{
   -webkit-box-shadow: 0px 0px 14px 2px rgba(191,191,191,1);
    -moz-box-shadow: 0px 0px 14px 2px rgba(191,191,191,1);
    box-shadow: 0px 0px 14px 2px rgba(191,191,191,1);
    /*-webkit-box-shadow: 7px 7px 14px 0px rgba(191,191,191,1);
    -moz-box-shadow: 7px 7px 14px 0px rgba(191,191,191,1);
    box-shadow: 7px 7px 14px 0px rgba(191,191,191,1); */

}