/*
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 : 24 Jul, 2018, 4:24:09 PM
    Author     : Nishad
*/




@font-face {
    font-family: AvenirLTStd-Medium;
    src: url(fonts/AvenirLTStd-Medium.otf);
}
@font-face {
    font-family: AvenirLTStd-Heavy;
    src: url(fonts/AvenirLTStd-Heavy.otf);
}
@font-face {
    font-family: AvenirLTStd-Book;
    src: url(fonts/AvenirLTStd-Book.otf);
}
@font-face {
    font-family: AvenirLTStd-Black;
    src: url(fonts/AvenirLTStd-Black.otf);
}

body {
    overflow-x: hidden;
    font-family: PilatWide-Book, "Open Sans", Helvetica,Arial,sans-serif;
    color: #FFF; 
}

p {
    line-height: 1.75;
}

a {
    color: #eb1d22  ;
}

a:hover {
    color: #eb1d22 ;
}

.text-primary {
    color: #eb1d22  !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    font-family: 'AvenirLTStd-Medium';
}

section {
    padding: 100px 0;
}

section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
}



@media (min-width: 768px) {
    section {
        padding: 150px 0;
    }
}

.btn {
    font-family: 'AvenirLTStd-Medium', Arial;
    /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-weight: 300;
}

.btn-xl {
    font-size: 18px;
    padding: 20px 40px;
}


.btn-theme {
    background-color: #eb1d22 !important;
    border: none;
    font-family: 'AvenirLTStd-Medium';
    text-transform: uppercase;
    color: #FFFFFF !important;
    padding: 12px 25px;
    border-radius: 0px;
    font-size: 14px;
    cursor: pointer;
}
.btn-white {
        background-color: transparent !important;
    border: none;
    font-family: 'AvenirLTStd-Medium';
    text-transform: uppercase;
    color: #eb1d22 !important;
    padding: 10px 65px;
    border-radius: 0;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #eb1d22 !important;
}
.btn-theme-padding{
    padding: 12px 60px;
}
.btn-theme-invert {
    background-color: #FFFFFF !important;
    border: 1px solid #eb1d22 !important;
    font-family: 'AvenirLTStd-Medium';
    text-transform: uppercase;
    color: #eb1d22 !important;
    padding: 11px 25px;
    border-radius: 0px;
    font-size: 14px;
    cursor: pointer;
    margin-right: 20px;
}
.dt-button {
    background-color: #eb1d22  !important;
    border:none;
    font-family:  'AvenirLTStd-Medium',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #FFFFFF !important;
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
}
.btn-green{
    background-color: #43B762 !important;
    border:none;
    font-family:  'AvenirLTStd-Medium',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #FFFFFF !important;
    padding: 12px 45px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
}

.btn-danger, .btn-default{
    background-color: #FFFFFF !important;
    border:none;
    font-family: 'AvenirLTStd-Medium',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #eb1d22  !important;
    padding: 12px 45px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
}
.dt-button{
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.page-item.active .page-link {
    z-index: 1;
    color: #FFF;
    background-color: #eb1d22 ;
    border-color: #eb1d22 ;
}

.btn-primary:active, .btn-primary:focus {
    box-shadow: none!important;
}

::-moz-selection {
    background: #D3D3D3;
    text-shadow: none;
    color: #000;
}

::selection {
    background: #D3D3D3;
    text-shadow: none;
    color: #000;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}


.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    width: 225px;
    height: 225px;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}


footer {
    padding: 25px 0;
    text-align: center;
}

footer span.copyright {
    font-size: 90%;
    line-height: 40px;
    text-transform: none;
    font-family: 'AvenirLTStd-Medium';
    /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

footer ul.quicklinks {
    font-size: 90%;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'AvenirLTStd-Medium';
    /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    font-size: 20px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: white;
    border-radius: 100%;
    outline: none;
    background-color: #212529;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
    background-color: #eb1d22 ;
}

.chosen-container.chosen-container-single{
    width: 100% !important;
}

.chosen-container.chosen-container-single .chosen-single{
    height: 38px !important;
    padding: .375rem .75rem;
    font-size: 14px;
}
.alert-green, .alert-green-email{
    display: none;
}
.alert-failure, .alert-failure-email{
    display: none;
}
.alert-email-failure{
    display: none;
}
.mt20{
    margin-top:20px;
}
.mt30{
    margin-top:30px;
}
.mt40{
    margin-top:40px;
}
.mt60{
    margin-top:60px;
}
.mt80{
    margin-top:60px;
}
.addContainer{
    padding-top:25px;
    padding-bottom: 50px;
    /*padding-right: 0px;*/
    /*padding-left: 0px;*/
}
.heading{
    margin-bottom: 1.5rem;
    width: 100%;
    font-family: 'AvenirLTStd-Medium';
    text-transform: capitalize;
    color: #000;
    font-size: 2.65rem;
}


@media (max-width: 576px) {
    .leftLogo{
        width:80px;
        margin-left: 0px;
    }
    .rightLogo{
        width: 100px;
        margin-right: 0px;
        margin-top: 10px;
    }
}
.form-group {
    margin-bottom: 2rem;
}

.dashboard-btn{
    font-family: 'AvenirLTStd-Medium', Arial," sans-serif";
    padding: 5px 15px;
    text-decoration: none !important;
    font-size: 16px;
    color:  #000;
    /*font-weight: bold;*/

}
.bgWhite .dashboard-btn{
    color: #696969;
}

@media (max-width: 798px) {
    .dashboard-btn{

        padding: 5px;
        font-size: 13px;


    }
}
.dashboard-btn.active,
.dashboard-btn:hover{
    /*background: #808080 !important;*/
    color: #eb1d22;
    text-decoration: none !important;
}
.bgWhite .dashboard-btn.active,
.bgWhite .dashboard-btn:hover{
    /*background: #808080 !important;*/
    color: #eb1d22  ;
    text-decoration: none !important;
}

#hsbcTable{
    font-size: 14px;
}
.form-col {
    padding-left: 30px;
    padding-right: 30px;
}
label {
        color: #000;
    font-family: 'AvenirLTStd-Medium';
    font-size: 16px;
    cursor: pointer;
    margin-top: 12px;
    font-weight: 300;
}

.modal-body{
    font-size: 14px;
    /*font-family: UniversNextforHSBC-Medium;*/
}
.successMessegeDiv{
    font-size: 14px;
    font-family: 'AvenirLTStd-Medium';
}

.mobile{
    display: none;
}
.desktop{
    display: block;
}
.main-logo{
    width:200px;
}

@media (max-width: 999px) {
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .main-logo{
        width:120px;
    }

}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /*padding: 1rem 2rem !important;*/
    padding: 3rem 3.5rem 1rem !important;
}


@media (max-width: 999px) {
    .modal-body {

        padding: 2rem 2rem 1rem!important;
        /*padding: 4rem !important;*/
    } 

}

.table td, .table th {
    padding: 18px !important;
    padding-right: 28px !important;
}

.six-coloum {
    height: 16.667vh;
    line-height: 16.667vh;
    text-align: center;
    vertical-align: baseline;
}
.six-coloum .row .col-md-6 h1 {
    margin: 0 !important;
}
.six-coloum .row .col-md-6{

}
.row-half{
    width: 50%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.row-half h1{
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 45%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*text-transform: uppercase;*/
}
@media (max-width: 699px) {
    .row-half{
        width: 70%;

    }

}

.targetBtn{
    margin: 10px;
}
.targetBox1{
    background: #ededed;
}
.targetBox1.active{
    background: #f9e1e1;
}
.targetBox2{
    background: #e1e1e1;
}
.targetBox2.active{
    background: #f7cbcb;
}
.targetBox3{
    background: #dbdbdb;
}
.targetBox3.active{
    background: #f9bdbd;
}
.targetBox4{
    background: #c8c8c8;
}
.targetBox4.active{
    background: #fc9595;
}
.targetBox5{
    background: #a5a5a5;
}
.targetBox5.active{
    background: #f75454;
}
.targetBox6{
    background: #7f7f7f;
}
.targetBox6.active{
    background: #ff0000;
}
#target1.active, #target2.active, #target3.active, #target4.active, #target5.active, #target6.active{
    background: #5cb85c;
}

.targetBtn.btn:focus {
    outline: none !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus { outline: none !important; outline-style: none; }
.btn, .btn-danger.focus, .btn-danger:focus {
    box-shadow: none !important   ;
    border: 0;
}

/*.dashboard{
    display: none;
}*/
.form-signin
{
    /*max-width: 330px;*/
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}

.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;

}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}
#dashboardTable thead{
    visibility: collapse !important;
}
@media (max-width: 699px) {
    .dt-buttons{
        text-align: center;
        margin-bottom: 10px;
    }
}

.form-check {
    position: relative;
    /*display: inline-block !important;;*/
    padding-left: 1.25rem;
}
.form-check.inline {
    position: relative;
    display: inline-block !important;
    /*padding-left: 1.25rem;*/
    margin-left: 20px;
    padding-right: 1.25rem;
    padding-left: 0px;
}
@media (max-width: 999px) {
    .form-check.inline {
        text-align: center;
        display: block !important;
        text-align: left;
        margin-left: 22px;
    }
}





.no-js .multi-step-form fieldset button, .no-js .multi-step-form h2, .multi-step-form.edit-form fieldset button, .multi-step-form.edit-form h2 {
    display: none !important;
}
.no-js .multi-step-form fieldset, .multi-step-form.edit-form fieldset {
    display: block !important;
}
.no-js .multi-step-form [type="submit"], .no-js .multi-step-form [type="reset"], .multi-step-form.edit-form [type="submit"], .multi-step-form.edit-form [type="reset"] {
    display: inline-block !important;
}
.no-js .multi-step-form .steps, .multi-step-form.edit-form .steps {
    display: none;
}
.multi-step-form fieldset {
    display: none;
}
.multi-step-form fieldset:first-of-type {
    display: block;
}
.multi-step-form fieldset.hidden {
    display: none;
}
.multi-step-form fieldset.visible {
    display: block;
}
.multi-step-form .steps button {
    border: 0;
}
.multi-step-form .steps [disabled] {
    background: none;
}
.multi-step-form .steps .active {
    background: #eee;
}



.error {
    color: red;
}

label .optional {
    font-weight: normal;
    font-size: 90%;
}

.radios .radio{
    /*background-color:#c5e043;*/
    display:inline-block;
    width:100%;
    height:100%
}

.radios input[type=radio]{
    display:none
}
.scoreDiv input[type=radio]{
    display:none
}
.radios input[type=checkbox]{
    display:none
}

.radios input[type=radio]:checked + .radio{
    /*background-color:#86c8ee;*/
}

.radios input[type=radio]:checked + .caseDescription{
    display: block !important;
}
.scoreDiv input[type=radio]:checked + .caseDescription{
    display: block !important;
}
.radios {
    margin-bottom: 0px;
}
.radio{
    width: 100%;
}

.btn-ic{
    background-color: #86c8ee;
    color: #FFF;
}

.active-checked{
    transform: translateY(0%);
    opacity: 0;
}

::-moz-selection { /* Code for Firefox */
    color: #FFF;
    background: #86c8ee;
}

::selection {
    color: #FFF;
    background: #86c8ee;
}

/*.case-text img{
    width: 140px !important;
    height:auto;
    margin:auto;
    display: block;
    padding-top: 30px;
    
}
.case-text h5{
    text-align: center;
}*/
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #191445 !important;
    border : none !important;
    /* border-color: #1c7430; */
    border: none;
}


.circle{
    padding: 35px 60px;
    border-radius: 50%;
    background: #00693c;
    height: 200px;
    width: 200px;
    font-size: 75px;
    text-align: center;
    margin: auto;
    margin-top: 10px;
    color: #FFF;
}

.total{
    font-size: 2rem; 
    font-weight: bold;
    text-align: center;
    color: #424242;
    /*width: 100%;*/
    display: inline-block;
}
/*@media (min-width: 576px){
  .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}  
}*/

.successMessegeDiv{
    font-family: 'AvenirLTStd-Medium', Helvetica, Arial," sans-serif";
}

.successMessegeDiv h3{
    font-family: 'AvenirLTStd-Medium', Helvetica, Arial," sans-serif";
    text-transform: none;
}
.borderless td, .borderless th {
    border: none;
}
#submitSuccess, #submitFailure{
    display: none;
}
.mb-30{
    margin-bottom: 30px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #ffffff !important; 
    opacity: 1;
}
.info-box{
    padding-top: 60px; 
    padding-bottom: 60px;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;*/

}

.callaway-logo{
    width: 140px;
}
.epic-logo{
    width:260px;
    margin-top:20px;
}
.video-logo{
    width:320px;
    margin-top:20px;
}


.map-container {
    position: relative;
    /*height: 100vh;*/
    /*max-width: 1140px;*/
    margin: 0 auto;
    margin-bottom: 40px;
}
.bgYellow{
    background-color:  #fae13c;
}
.bgImg{

    background-color: #ffffff;
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    background-position: bottom; 
    background-size: cover;
    min-height: 100vh;
    background-attachment: fixed;
    height: 100%;
    color: #000;

}
.bg{
    /*background-image: url(../img/bg.png);*/
}
.bg1{
    background-image: url(../img/bg1.png);
}
.bg2{
    background-image: url(../img/bg2.png);
}
.bg3{
    background-image: url(../img/bg3.png);
}
.bgWhite{
    background-color: #F5F5F5;
    min-height: 100vh;
    background-attachment: fixed;
    height: 100%;
}
.pt60{
    padding-top:60px;
}
.registration-section h1{
    /*font-size: 3rem;*/
}

.form-control{
    border-radius: 2px;
}
input[type="radio"] {
    margin-right: 20px !important;
}
.logout-text h6{
    font-family: 'AvenirLTStd-Medium', Helvetica, Arial," sans-serif";
    margin-top: 30px;
}
.logout-text a{
    /*margin-top: 10px;*/
}
.dataTables_scrollHead, .dataTables_scrollBody{
    background: #FFF;
}
.dataTables_scrollHead{
    font-family: 'AvenirLTStd-Medium', Helvetica, Arial," sans-serif";
}
.dataTables_scrollBody{
    font-family: 'AvenirLTStd-Medium', Helvetica, Arial," sans-serif";

}
@media (max-width: 599px) {
    .callaway-logo{
        width: 120px;
    }
    .epic-logo{
        width:200px;
        margin-top:20px;
    }
    .video-logo{
        width:260px;
        margin-top:20px;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.5rem;
    }
}
div.dataTables_scrollHead table.dataTable{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-spacing: 0px !important;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
    color: #eb1d22 ; 
}


//**Remove that CSS*/
.col-md-3 {
    margin-left:5%;
}
/*Remove that CSS*/



.reminder-div {
    font-family: 'AvenirLTStd-Medium', Helvetica, Arial," sans-serif";
}

.inactiveLink {
    pointer-events: none;
    cursor: no-drop;
}

.gm-style .gm-style-iw-c{
    padding: 16px !important;
}

#process p{
    font-size: 20px;
}

.col-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;

}
label.light{
    font-weight: 300;
}
.eventLogo{
    height: 95px;
    width: auto;
}

.sideLogo{
    width:auto;
    height: 150px;
}

@media (max-width: 1200px){
    .eventLogo{
        height: 80px;
        width: auto;
    }

    .sideLogo{
        width:auto;
        height: 120px;
    }
}
@media (max-width: 650px){
    .eventLogo{
        height: 70px;
        width: auto;
    }

    .sideLogo{
        width:auto;
        height: 100px;
    }
}
@media (max-width: 410px){
    .eventLogo{
        height: 50px;
        width: auto;
    }

    .sideLogo{
        width:auto;
        height: 70px;
    }
}

.bg-white{
    background: #FFF;
}

.form-signin label{
    color: #FFF;
}

.bgYellowImg h2, .bgYellowImg h3, .bgYellowImg h1{
    color: #FFF;

}
/*.modal-content h2, .modal-content h3, .modal-content h1{
    color: #eb1d22 ;

}*/
.h1, h1 {
    font-size: 2.5rem;
}

.table td, .table th {
        font-family: 'AvenirLTStd-Medium';
}





/*admin data table*/
table.table-striped.dataTable thead th, table.table-striped.dataTable thead td{
    background: #eb1d22 ; 
    color: #FFF;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: #FFF;
}
.table-striped tbody tr:nth-of-type(even){
    /*background-color: #d9d9d9;*/
    background-color: #FFF;
}
table.dataTable{
    border-collapse: collapse !important;
}
div.dataTables_wrapper div.dataTables_info{
    /*color: #FFF !important;*/
}


.l-searchbox{
    height: 50px;
    border-radius: 0px;
    background: #FFF;
    border: none;
    border-right: 2px solid #e3e3e3;
    margin-left: 0;
    font-family: 'AvenirLTStd-Medium';
    font-size: 20px;
    outline: none !important;
}

.l-searchbox:focus{
    outline: none !important; 
}
input.l-searchbox:focus{
    outline: none !important;
}


.bgGreen{
    background: #005B51;
    COLOR: #fff;
}

#sentForm {
    /*background: #F1F1F1;*/
    padding: 0px 0px 60px;
    margin-bottom: 0px;
    border-radius: 0rem;

    /*box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15),0 6px 10px 0 rgba(0,0,0,0.05) ;*/
}
.header-img{
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    width: 100%;

}


table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
    color: #5b5a5a;
}

thead td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td:before, thead td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td::after {
    display: none !important;

}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    top: 18px;
}

div.dataTables_wrapper div.dataTables_info{
    text-align: center !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    justify-content: center !important;
    margin-top: 10px!important;
}
.modal-dialog.modal-lg .modal-content{
    background: #f5f5f5;
}
@media (min-width: 576px){
    .modal-dialog.modal-lg {
        max-width: 90%;
        margin: 1.75rem auto;
    }
    .modal-dialog.modal-lg .modal-content {
        border: 0;
        border-radius: 0;
    }
}
#sentForm .form-control{
    border-radius: 2px;
    height: 45px;
    border: 1px solid #000;
}
.form-group{
    margin-bottom: 15px;
}
.form-check-input{
    margin-top: 8px;
}
.successMessegeDiv {
    /*color: #424242;*/
}
@media (min-width: 992px){
    .modal-dialog.modal-lg {
        max-width: 800px;
    }
}


/* Custom Select */
select.form-control, select.form-control:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: #FFF;
    background-image: none;
}
/* Custom Select */
.select {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 3;
    overflow: hidden;

}
select.form-control {
    width: 100%;
    /*height: 100% !important;*/
    margin: 0;
    /*padding: 0 0 0 20px;*/
    background: #FFF;
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}
/* Arrow */
.select::after {
    content: '\25BC';
    position: absolute;
    top: -5px;
    right: 0;
    bottom: 0;
    padding: 0 2.5em;
    color: #eb1d22 ;
    /*background: #FFF;*/
    pointer-events: none;
}
@media (max-width: 976px){
    .select::after {
        padding: 0 1.5em;
    }
}
@media (max-width: 576px){
    .select::after {
        padding: 0 1em;
    }
}
/* Transition */
.select:hover::after {
    color: #000000;
}
.select::after {
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
}
/* Custom Select admin */
.select-admin {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 3;
    overflow: hidden;
    border-radius: 1rem !important;
    border: 0 !important;
    background: transparent;

}
.select-admin select.form-control {
    width: 100%;
    height: 100% !important;
    margin: 0;
    padding: 0 0 0 20px;
    color: #FFF;
    background: #000;
    cursor: pointer;
    font-size: 18px;
    border: 2px solid #FFF !important;

}

/* Arrow */
.select-admin::after {
    content: '\25BC';
    position: absolute;
    top: -5px;
    right: 0;
    bottom: 0;
    padding: 0 1.5em;
    color: #FFF;
    background: transparent;
    pointer-events: none;
}
@media (max-width: 976px){
    .select-admin::after {
        padding: 0 1.5em;
    }
}
@media (max-width: 576px){
    .select-admin::after {
        padding: 0 1em;
    }
}
/* Transition */
.select-admin:hover::after {
    color: #eb1d22  ;
}
.select-admin::after {
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
}


.puttDiv input[type="radio"]{
    display: none;
}

.puttBtn{
    width: 100%;
    height: auto;
    background: #FFF;
    color: #eb1d22;
    text-align: center;
    padding: 10px;
    cursor: -webkit-grab; 
    cursor: grab;
    border-radius: 20px;
}

input[type=radio]:checked + label > div.puttBtn {
    background: #eb1d22 ;
    color: #eb1d22;
}

.puttDiv label{
    width: 100%;
}


@media (max-width: 499px){
    #sentForm h2{
        margin-top: 100px;
    }
}

.head-logo {
    margin: auto;
    display: block;
    margin-top: 40px;
    width: 200px;
}

.vertical-center{
    /*margin: 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
.top-div {
    min-height: 10vh;
    height: auto;
    color: #555759;
    /*background: #FFF;*/
}
.header-logo{
    width: 380px;
    max-width: 80%;
    margin-right: 20px;
}
.addContainer{
    display: flex;
    justify-content: center;
    align-items: end;

    min-height: 100vh;
}

.disclaimer-table td{
    padding-bottom: 10px;
}
#emailModal .modal-content, #termsModal .modal-content{
    background: #FFF ;
    color: #000;
    padding: 2.25rem;
}
#termsModal .modal-body{
    /*height: 490px;*/
    height: 60vh;
    overflow-y: scroll;
}
#termsModal p, #termsModal ul li{
    text-align: justify;
    font-family: 'AvenirLTStd-Medium';
}

.modal-footer{
    border: none;
    padding-top: 20px;
    padding-bottom: 30px;
}
.modelLogo{
    width: 180px;
    margin: auto;
    display: block;
}
.modal-content p{
       font-family: 'AvenirLTStd-Medium';
       font-size: 15px;
}
.scoreDiv{
    /*width: 100%;*/
    text-align: center;
    /*background: #fff;*/
    padding: 0px;
    margin : 0;
    border-radius: 1rem;

}
.scoreSub{
    height: 100px;
    width: 100%;
    background: #FFF;
    margin: 0px;
}
.active .scoreSub{
    height: 100px;
    width: 100%;
    background: red;
    margin: 0px;
}
.scoreDiv label{
        /* box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
    -webkit-box-shadow: 0px 0px 26px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 26px rgb(0 0 0 / 15%);
    padding: 0px;
    cursor: pointer;
    color: #eb1d22;
    margin-top: 0px;
}
.scoreDiv label h5{
    margin-bottom: 0px;
}

#startModal .modal-content, #submitModal .modal-content, #emailModalSuccess .modal-content{
    /*background: linear-gradient(233.65deg, #211547 0%, #292268 100%);*/
    box-shadow: 0px 0px 50px #000000;
    color: #FFF;
    background: #eb1d22; 
}
#startModal .modal-content h1, #submitModal .modal-content h1, #emailModalSuccess .modal-content h1{
    font-size: 1.75rem;
}
#startModal .modal-content p, #submitModal .modal-content p, #emailModalSuccess .modal-content p{
    font-family: 'AvenirLTStd-Medium';
    font-size: 17px;
    font-weight: 300;
}
.modal-logo{
    margin: auto;
    width: 180px;
}

@media (max-width: 499px){
    .heading{
        font-size: 2rem;
    }
    .btn{
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }
}