body,html{
    font-family: 'Arial'; 
    position: relative;
}

.bold, .helf-bold, .helv-bold{
    font-family: 'Arial'; 
    font-weight: bold;
}
p,a, label{
    font-size: 18px;
}
.container-fluid {
    margin: 0!important;
    padding: 0!important;
}
.mainContainer{
    padding-top:65px;
}

.fs-20{
    font-size: 20px;
}
.fs-34{
    font-size: 34px;
}
.fs-45{
    font-size: 45px;
}
.fs-50{
    font-size: 50px;
}
.fs-55{
    font-size: 55px;
}
.px-30{
    padding-left: 30px!important;
    padding-right: 30px!important;
}
.px-c03q{
    padding-left: 3.75%!important;
    padding-right:3.75%!important;
}
.px-c07h{
    padding-left: 7.5%!important;
    padding-right: 7.5%!important;
}
.px-c12h{
    padding-left: 12.5%!important;
    padding-right: 12.5%!important;
}
.px-c14{
    padding-left: 14%!important;
    padding-right: 14%!important;
}
.px-c35{
    padding-left: 35%!important;
    padding-right: 35%!important;
}
.px-45{
    padding-left: 45px;
    padding-right: 45px;
}
.px-20{
    padding-left: 20px!important;
    padding-right:20px!important;
}
.px-40{
    padding-left: 40px!important;
    padding-right:40px!important;
}
.px-100{
    padding-left: 100px!important;
    padding-right:100px!important;
}
.px-120{
    padding-left: 120px!important;
    padding-right:120px!important;
}
.px-150{
    padding-left: 150px!important;
    padding-right:150px!important;
}
.py-08{
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-10{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.py-c03{
    padding-top:3%;
    padding-bottom: 3%;
}
.pt-c05{
    padding-top:5%;
}
.pt-c03{
    padding-top:3%;
}
.pt-c01{
    padding-top:1%;
}
.pt-c02{
    padding-top:2%;
}
.pb-c03{
    padding-bottom:3%;
}
.py-c12{
    padding-top:12%;
    padding-bottom: 12%;
}
.py-20{
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
.py-40{
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
.pb-60{
    padding-bottom: 60px!important;
}
.pt-90{
    padding-top: 90px!important;
}
.mx-10{
    margin-left: 10px!important;
    margin-right:10px!important;
}
.mt-c05{
    margin-top:5%!important;
}
.mt-c10{
    margin-top:10%!important;
}
.my-20{
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}
.my-c03{
    margin-top:3%;
    margin-bottom:3%;
}
.my-c06{
    margin-top:6%;
    margin-bottom:6%;
}
.my-c10{
    margin-top:10%;
    margin-bottom:10%;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.brdr-12{
    border-radius: 12px!important;
}
.brdr-22{
    border-radius: 22px!important;
}
.bg-mg-red{
    background-color: #e30613;
}
.bg-red2{
    background-color: #ed4d55;
}
.text-mg-red{
    color:#e30613;
}
.active{
    box-sizing: border-box;
    border-bottom: 5px white solid;
    margin-bottom: -5px;
}

.imp-mg{
    border:2px solid white;
}
.card-img-top{
    max-height: 320px;
    width: auto;
}
#castigatori{
    min-height: 90vh;
}
#castigatori .table-castigatori{
    font-size: 20px;
    border:2px solid #e30613;
    border-collapse: collapse;
}
#castigatori .table-castigatori td,
#castigatori .table-castigatori th{
    border:2px solid #e30613;
}
#castigatori .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e30613;
}
.bg-splash{
    background: linear-gradient(to top, #fff, #ed4d55 12%, #e30613 18%, #e30613);
}
.sep-top{
    border-top:1px white solid;
}
.py-c05{
    padding-top:5%!important;
    padding-bottom: 5%!important;
}
.px-c15{
    padding-left:15%!important;
    padding-right:15%!important;
}
.my-c05{
    margin-top:5%!important;
    margin-bottom:5%!important;
}
.mb-c05{
    margin-bottom:5%!important;
}

.imp-mg{
    border:2px solid white;
}
.datetimepicker-input,
.datetimepicker-input:focus,
.chosen-container-single .chosen-single,
.form-control{
    background-color: transparent;
    border-radius: 12px!important;
    border: 2px solid white;
    height: 51px;
    width:100%;
    color:white;
    font-size:18px;
    background-image:none!important;
}
.chosen-container{
    width:100%!important;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    border:0px;
    box-shadow: none;
    border-radius: 12px!important;
    border: 2px solid white;
}
.chosen-container-single .chosen-search input[type="text"],
.chosen-container .chosen-drop{
    border: 2px solid white;
}
.chosen-container .chosen-results li.highlighted{
    background-color:white!important;
    color:#e30613!important;
}
.chosen-container .chosen-results li{
    font-size:18px;
}
.chosen-container .chosen-drop{
    background-color:#e30613;
    color:white!important;
}
input{
    height:51px;
}
.chosen-container-single .chosen-single{
    padding: 10px 20px;
    font-size:18px;
}
.input-group-append{
    position: absolute;
    right: 0px;
    height: 51px;
}

::placeholder{
    color:white!important;
}

.chosen-container-single .chosen-single div{
    top:10px;
}

.containerCheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0px;
    margin-top:0px;
}

/* Hide the browser's default checkbox */
.containerCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    left:0px;
    top:0px;
    width: 25px;
    height: 24px;
    background-image: url(html/images/uncheck.png);
}

/* On mouse-over, add a grey background color */
.containerCheckbox:hover input ~ .checkmark {
    background-color: #ccc;

}

/* When the checkbox is checked, add a blue background */
.containerCheckbox.checkboxPortocaliu input:checked ~ .checkmark {
    background-color: #f59100;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerCheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerCheckbox .checkmark:after {
    width: 25px;
    height: 24px;
    background-image: url(html/images/check.png);
}

#codVerificare{
    margin: 0px!important;
    width: 100%;
}
input[type="submit"],
input[type="submit"]:hover{
    height:68px;
    cursor:pointer;
}
form{
    margin:0px;
}
.button-mog{
    line-height: 1;
    padding: 10px;
}
.nav-collapse{
    margin:0 auto;
}
#navbar{
    padding-bottom: 5px;
}
.px-0-mobile{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.btn-participa{
    margin-top:-8%;
}
.input-group-text{
    background-color:transparent;
    border: 0px;
    border-left:1px solid white;
}
.input-group-text{
    color:white;
}
select, .chosen-container-single .chosen-single div b{
    background: url(../images/a.png?r=1)!important;
    background-repeat: no-repeat!important;
    background-position: right!important;
    background-size: 35px!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    text-indent: 1px!important;
    text-overflow: ''!important;
}
.chosen-container-single .chosen-single div{
    top:0px;
    width:35px;
}
.divCaptcha{
    position: relative;
    max-width: 70%;
    margin: 0 auto;
}
#imagineCaptcha{
    position: absolute;
    top:5px;
    right:10px;
}
.button-mog{
    padding-left:40px;
    padding-right:40px;
    border-radius: 12px!important;
    margin: 0 auto;
}
.strecth{
    transform: scale(1, 1.3);
    -webkit-transform: scale(1, 1.3); /* Safari and Chrome */
    -moz-transform: scale(1, 1.3); /* Firefox */
    -ms-transform: scale(1, 1.3); /* IE 9+ */
    -o-transform: scale(1, 1.3); /* Opera */
}
.buton-inscrie-iar{
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}
@media screen and (max-width:1360px){
    .fs-30 {
        font-size: 20px;
    }
    .logo1{
        max-width: 160px;
    }
    .logo2{
        max-width: 40vw;
        margin: 0 auto;
        display: block;
        margin-top: 30px;
    }
    .logo3{
        max-width: 180px;
    }
    .pt-custom{
        padding-top:0px;
    }
}
@media screen and (max-width:1230px){
    .active{
        border-bottom: 0px;
        margin-bottom: 0px;
    }
    .custom-position-mobile{
        position: absolute;
        right: 60px;
        top: 15px;
    }
    .logo-mobile1{
        max-width: 80px;
    }
    .logo-mobile2{
        max-width: 60px;
    }
    .navbar-toggler img{
        max-width: 20px;
    }
    .fs-12-mobile{
        font-size:12px!important;
    }
    .fs-14-mobile{
        font-size:14px!important;
    }
    .fs-16-mobile{
        font-size:16px!important;
    }
    .fs-18-mobile{
        font-size:18px!important;
    }
    .logo2{
        max-width: 100%;
        margin-top: 0px;
    }
    .fs-34 {
        font-size: 20px;
    }
    .fs-30 {
        font-size: 15px;
    }
    .fs-24 {
        font-size: 20px;
    }
    .fs-18,
    p, a, label{
        font-size: 14px;
    }
    .btn-participa{
        margin-top:0px;
    }
    .imp-mg{
        padding-left:10px;
        padding-right:10px;
        height:35px;
    }
    .datetimepicker-input, .datetimepicker-input:focus, .chosen-container-single .chosen-single, .form-control{
        height:35px;
        font-size: 14px;
    }
    .input-group-append{
        height:35px;
    }
    .checkmark,.containerCheckbox .checkmark::after {
        width: 15px;
        height: 15px;
    }

    select, .chosen-container-single .chosen-single div b{
        background-size: 38px!important;
    }
    #imagineCaptcha{
        max-height: 25px;
    }
    .containerCheckbox, .containerCheckbox a{
        font-size: 12px;
    }
    .py-c03 {
        padding-top: 3%;
        padding-bottom: 7%;
    }
    .pt-c05 {
        padding-top: 10%;
    }
    #castigatori .table-castigatori {
        font-size: 12px;
    }
    #castigatori .table-castigatori td,
    #castigatori .table-castigatori th {
        border: 1px solid #e30613;
    }
    #navbarResponsive .nav-link{
        margin: 0 auto;
        display: block;
        text-align: center;
        border-bottom: 0px;
    }
    .strecth.py-c05{
        padding-top:8%!important;
    }
    .mt-05-mobile{
        margin-top:5px!important;
    }
    .mt-c05.mt-0-mobile{
        margin-top: 0px !important;
    }
    .list-inline-item:not(:last-child){
        margin-right:0px;
    }
    #castigatori{
        min-height: auto;
    }
    .row.px-c15 {
        padding-left: 6%!important;
        padding-right: 6%!important;
    }
    .px-0-mobile{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .middle-center{
        flex-direction:initial;
    }
    .containerCheckbox{
        padding-left:25px;
    }
}

@media (max-width: 979px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
        margin-left: 0px;
        margin-right: 0px;
    }
}