@font-face {
    font-family: 'Avenir';
    src: url('Avenir-Black.eot');
    src: url('Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('Avenir-Black.woff2') format('woff2'),
        url('Avenir-Black.woff') format('woff'),
        url('Avenir-Black.ttf') format('truetype'),
        url('Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('Avenir-Roman.eot');
    src: url('Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('Avenir-Roman.woff2') format('woff2'),
        url('Avenir-Roman.woff') format('woff'),
        url('Avenir-Roman.ttf') format('truetype'),
        url('Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {
	font-size:16px;
	font-size:62.5%;
}

body{
    font-family: 'Avenir', 'Verdana',Arial;
    font-size:1.2rem;
    background: #000;
    color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

h3{
    font-size:2rem;
}

h4{
    font-size:1.8rem;   
}

.btn{
     padding:0.5rem 4rem;
     font-size:1.6rem;
     border-radius: 10rem;
}

.btn-primary{
    background-color:#144E8B !important;
    border:0; 
}

input.input-tri{
    background-color: #F1F1F2;
    border: 2px solid #144E8B;
    border-radius: 10rem;
    text-align: center;
    padding: 1rem;
    font-size: 1.6rem;
}

/* ADMIN */
/* NAVBAR */
.bg-blue{
    background: #223872 !important;
    border-bottom: 1px solid #FFF;  
}

.navbar-light .navbar-nav .nav-link{
    color:#FFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color:#DA251C;
    background-color: #FFF;
    border-radius: 10px;
}

.index-bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: url("../img/bg.png") no-repeat top center;
    background-size: contain;
    background-position-y: 50%;
}

::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A6A8AB;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A6A8AB;
}

::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: #A6A8AB;
}

button[type='submit'], .btn-pink {
    position: relative;
    background: rgb(249, 0, 123) !important;
    color: #FFF !important;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1rem;
}

button[type='submit'] span, .btn-pink span {
    position: absolute;
    color: #333333;
    top: 0;
    font-size: 30px;
    font-weight: 400;
}

.input-group-prepend {
    min-width: 30%;
}


span.input-group-text, .tgllahir {
    background: rgb(3, 44, 145);
    background: linear-gradient(90deg, rgba(3, 44, 145, 1) 0%, rgba(2, 34, 144, 1) 100%);
    border: none;
    border-radius: 20px;
}
span.input-group-text {
    color: #FFFFFF;
    font-weight: 500;
    padding: 0px 1rem;
    font-size: 14px;
    width: 100%;
}