@font-face {

	font-family: 'Centra-No1';

	src: url('../fonts/CentraNo1-Bold.ttf');

}



@font-face {

	font-family: 'CentraNo1-Book';

	src: url('../fonts/CentraNo1-Book.ttf');

}

@font-face {
    font-family: NotoColorEmojiLimited;
    unicode-range: U+1F1E6-1F1FF;
    src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
}
  
option {
    font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont, 
    'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

body{

    margin:0;

    padding: 0;

}

h2 {
  margin: 30px 0 0 0;
}
fieldset {
  border: 0;
}
label {
  display: block;
}

/* select with custom icons */
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
  padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
  height: 24px;
  width: 24px;
  top: 0.1em;
}
.ui-icon.video {
  background: url("images/24-video-square.png") 0 0 no-repeat;
}
.ui-icon.podcast {
  background: url("images/24-podcast-square.png") 0 0 no-repeat;
}
.ui-icon.rss {
  background: url("images/24-rss-square.png") 0 0 no-repeat;
}

/* select with CSS avatar icons */
option.avatar {
  background-repeat: no-repeat !important;
  padding-left: 20px;
}
.avatar .ui-icon {
  background-position: left top;
}

h1,h2,h3,h4,h5,h6{

  font-family: 'Centra-No1';  

} 

a:hover, a:focus{

    text-decoration: none !important;

}



.left-menu a {

    color: #333;

    font-size: 12px;

    text-decoration: none;

}

.left-menu a:hover{

   color: #a2a7ad;

   text-decoration: none;

}

.left-menu a.active{

    color: #a2a7ad;

}

.left-menu a.active i{

    opacity: 0.7;

}

.left-menu a i{

    opacity: 0.7;

}

a, a:hover{

    cursor: pointer !important;

}

.button-alt {

    border: none;

    background: #ff5722;

    padding: 6px 20px;

    border-radius: 4px;

    margin: 28px 20px;

    color: #fff;

    font-weight: 600;

}

a.button.cancel {

    padding: 8px 15px;

    background: #ddd;

    border-radius: 6px;

    color: #333;

    font-weight: 600;

}





#header, #footer, header, footer{

    display: none !important;

}



#header + hr, header + hr{

    display: none !important;

}



.fce-header {

    background: rgba(0,0,0,.8);

    width: 100%;

    /*height: 55px;*/
    height: auto;
    padding: 10px; 
    text-align: center;

    color: #fff;

    position: fixed;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 99;

}

.logo {

    max-width: 100%;

    height: 52px;

}



.logo-1 {

    width: 170px;

    height: auto;

}

.logo-2 {

    width: 250px;

    height: auto;
    display:none;

}

.application__mic--why_apply-grid-entry-logo{

    width: 54px;

    height: 54px;

    background: #dedede;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.application__mic--why_apply-grid-entry-logo img{

    width: 35px;

}

.awards-page{

    padding: 15px;

    padding-top: 70px;

    padding-bottom: 50px;

    min-height: 522px;

    background-color: #00CCFF;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.application__mic--header-container-date {

    margin: 10px 0 15px 0;

    font: bold 22px/26px Centra-No1;

    text-transform: uppercase;

    letter-spacing: 5.5px;

    color: #000;

    text-align: center;

}

.application__mic--header-container-button a{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 164px;

    height: 38px;

    background: #feed01;

    border-radius: 3px;

    font: bold 14px/14px Centra-No1;

    letter-spacing: 2.8px;

    text-transform: uppercase;

    color: #000;

    transition: all ease-in 0.25s;

}

.application__mic--header-container-button a:hover {

    text-decoration: none;

    background: #ccc;

}



.application__mic--content{

    max-width: 860px;

    margin: 0 auto;

}

.application__mic--intro{
    margin: 56px 0 52px;
}

.application__mic--intro p{

    padding-top: 0;

    margin-top: 10px;

    margin-bottom: 15px;

    line-height: 28px;

    font: normal 19px/28px MeretPro;

    color: #000;

}

.application__mic--header-container-button span {
    display: block;
    font: normal 13px/22px CentraNo1-Book;
    color: #000;
    margin: 6px 0 0 0;
    text-transform: uppercase;
}

.paginate_button.disabled a{

    color:#ccc;

}

.client-carousel .owl-item{
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-carousel .owl-nav{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
}

.client-carousel .owl-nav button{
    background: #dedede !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 30px !important;
}

.client-carousel .owl-nav button span{
    margin-top: -5px;
}

.client-carousel .owl-nav .owl-prev{

}

.client-carousel .owl-nav .owl-next{

}

.client-carousel .owl-item .item{
    border: 1px solid #dedede;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    overflow: hidden;
    padding: 20px;
}

.application__mic--why_apply{

    padding: 51px 0px 45px;

    background: #000;

    overflow: hidden;

}

.application__mic_inner{

    max-width: 860px;

    margin: 0 auto;

}

.application__mic_inner h2 {

    display: inline-block;

    font: bold 30px/40px Centra-No1;

    letter-spacing: 5.4px;

    text-transform: uppercase;

    color: #fff;

    padding: 0 0 6px 0;

    margin: 0 0 25.75px 0;

    border-bottom: #ccc 2px solid;

}



.application__mic--why_apply-grid {

    display: grid;

    grid-template-columns: repeat(2,minmax(270px,400px));

    -webkit-column-gap: 60px;

    -moz-column-gap: 60px;

    column-gap: 60px;

    row-gap: 32px;

}

.application__mic--why_apply-grid-entry {

    display: grid;

    grid-template-columns: 53px auto;

    -webkit-column-gap: 15px;

    -moz-column-gap: 15px;

    column-gap: 15px;

}



.application__mic--why_apply-grid-entry-content{

    line-height: 12px;

}

.application__mic--why_apply-grid-entry-content h3 {

    font: bold 22px/26px Centra-No1;

    letter-spacing: .44px;

    color: #fff;

    margin: 0 0 2px 0;

}

.application__mic--why_apply-grid-entry-content span {

    font: normal 15px/17px CentraNo1-Book;

    color: #ccc;

}



.application__mic--intro h2 {

    display: inline-block;

    font: bold 30px/40px Centra-No1;

    letter-spacing: 5.4px;

    text-transform: uppercase;

    color: #000;

    padding: 0 0 6px 0;

    margin: 0 0 25.75px 0;

    border-bottom: #000 1px solid;

}



.categories-box{

    margin-bottom: 20px;

    line-height: 12px;

}

.categories-box h3{

    font: bold 22px/26px Centra-No1;

    letter-spacing: .44px;

    color: #000;

    margin: 0 0 2px 0;

}

.categories-box span{

    font: normal 15px/17px CentraNo1-Book;

    color: #5f5f5f;

}

.categories-box h3 span{

    font: bold 22px/26px Centra-No1;

    color: #0cf;

}



.fce-footer{

    max-width: 80rem;

    margin: auto;

}

.fce-footer + hr, .login-footer + hr{

    display: none !important;

}

.footer__nav-wrapper {

    border-top: 0.1875rem solid #000;

    padding: 0.125rem 0 0.0625rem 0;

}

.footer__link-container {

    list-style: none;

    padding-left: 0;

    text-align: center;

    width: 100%;

}

.footer__link {

    display: inline;

    margin-right: 0.625rem;

    font-size: 12px;

}

.footer__link::after {

    content: "|";

    margin-left: 0.625rem;

}

.footer__link:first-child {

    margin-left: 0;

}

.footer a {

    color: #000;

    font-size: 12px;

}

.footer__daa-logo {

    height: 0.625rem;

    padding-top: 0.0625rem;

    width: 0.5625rem;

}





.login-header{

    /*height: 80px;*/

    background-color: #0cf;

    display: flex;

    justify-content: center;

    align-items: center;

}



.nav-menu ul{

    padding: 0;

    margin: 0;

}

.nav-menu > ul > li{

    list-style: none;

    display: inline-block;

    height: 80px;

}

.nav-menu ul li a{

    padding: 0.75em 1rem;

    font-family: 'Centra-No1';

    color: #fff;

    font-size: 14px;

    display: flex;

    font-weight: 700;

    letter-spacing: 1.4px;

    justify-content: center;

    align-items: center;

    height: 100%;

}



.login-wrapper{

    padding: 100px 0px 100px;

    min-height: calc(100vh - 158px);

}

.login-or-create{

    color: #000;

    letter-spacing: 5.4px!important;

    font: normal normal bold 30px/40px Centra-No1;

    border-bottom: 1px solid #000;

    margin-bottom: 30px;

    margin-left:20px;

    display: inline-block;

}

.login_box{

    padding: 20px;

}

.right-border{

    border-right:1px solid #000;

}

.login_box h2{

    font: normal normal bold 22px/26px Centra-No1;

}

.lost-password{

    text-align: right;

}

.form-control{

    border-radius: 0;

    height: 33px;

    border: 1px solid #B4B4B4;

}

.form-group label{

    font-family: 'Centra-No1';

    margin: 3px 0 6px 0;

    font-size: 14px;

    color: #5f5f5f;

    font-weight: 600;

}

.login-btn{

    transition: all .3s ease;

    background-color: #feed01;

    text-transform: uppercase;

    margin-right: 0px;

    color: #000;

    letter-spacing: 2.5px;

    font: normal normal bold 14px/14px Centra-No1;

    border-radius: 5px;

    text-align: center;

    align-items: center;

    display: flex;

    justify-content: center;

    height: 40px;

    width: 100%;

    line-height: 40px;

    border: none;

}



.login-btn2{

    text-transform: capitalize;

    font-size: 14px;

    letter-spacing: 1.5px;

    padding:5px 10px;

    margin-right:10px;

}

.action-buttons a{

    padding: 3px;

    font-weight: 600;

}

.action-buttons a.remove{

    color: #f00;

}

.error{

    color: #bd1111;

    display: none;

    font-size: 14px;

    margin: 10px;

    font-weight: 400;

    border: 1px solid #dedede;

    width: 100%;

    padding: 4px 10px;

    border-radius: 6px;

}



.login-footer{

    text-align: center;

    background: #0cf;

    font-size: .857143rem;

    line-height: 2;

    padding: 25px 0;

}

.login-footer ul{

    margin: 0;

    padding: 0;

}

.login-footer ul li{

    list-style: none;

    display: inline-block;

}

.login-footer ul li a{

    font-family: Oswald,sans-serif;

    color: #fff;

    text-transform: uppercase;

    padding: 0.5em;

    transition: color .2s;

    font-weight: 400;

    font-size: 14px;

}



.fce_field{

    

}



.left-menu .header{

    background-color: #f9fafa;

    border-bottom: 1px solid #e5e5e5;

    padding: 5px 0 5px 5px;

    font-weight: 700;

    font-size: 13px;

}

.left-menu .list-group-item{

    padding: 5px 10px;

    font-size: 14px;

}



.left-menu .list-group-item .list-group{

    margin-right: -10px;

    /* width: 112px; */

    margin-left: 30px;

    margin-top: 10px;

}



.left-menu .list-group-item .list-group-item{

    border: 0;

    border-bottom: 1px solid #dedede;

}



.left-menu .list-group-item .list-group .list-group-item:last-child{

    border: 0;

    border-bottom: 0px solid #dedede;

}



.main{

    min-height: calc(100vh - 158px);

}



#wpadminbar { display:none !important;}



.hav-submenu{

    position: relative;

}



.submenu{

    display: none;

}



.hav-submenu:hover .submenu{

    display: flex;

    position: absolute;

    justify-content: flex-start;

    align-items: flex-start;

    flex-direction: column;

    background: #666;

    padding: 10px;

    top: 80px;

    z-index: 100;

    width: 180px;

}

.hav-submenu:hover .submenu li{

    width: 100%;

}



.hav-submenu:hover .submenu li a{

    display: block;

    padding: 5px;

}



.brand-matter{

    font-family:'Centra-No1';

    font-size: 32px;

    font-weight: 700;

}



.nav-tabs{

    border-bottom: 1px solid #aeaeae;

}

.nav-tabs li{

    margin-right: 1rem;

    font-size: 12px;

    padding: 1.2rem 0;

}

.nav-tabs .nav-link{

    font-size: 12px;

    padding: 1.2rem 0;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{

    border: none;

}



.listItem span{

    font-size: 15px;

}



.role{

    color: #5f5f5f;

    font: normal normal bold 14px/28px Centra-No1;

}



.submission_box{

    margin-top: 30px;

    max-width: 650px;

}

.applicationFee{

    margin: 15px 0;

    display: block;

    color: #5f5f5f;

    font-size: 17px;

    line-height: 24px;

    font-family: 'Centra-No1';

    font-weight: 600;

}

.medium{

    width: 100%;

    height: 200px;

}

.details h4{

    margin-top: 20px;

    margin-bottom: 20px;

    color: #333;

    font-size: 17px;

    font-family: 'Centra-No1';

    font-weight: 600;

}

.brand-information .name, .categories .name{

    font-family: 'Centra-No1';

    display: inline-block;

    margin-bottom: 0;

    color: #5f5f5f;

    font-weight: 700;

    font-size: 14px;

}

.lengthCounter {

    font-size: 14px;

    margin-bottom: 5px;

}

.categories p {

    font-size: 14px;

    margin-bottom: 10px;

}

.categories ul{

    padding: 0;

    margin-top: 50px;

}

.categories ul li{

    list-style: none;

}

.categories ul li label{

    font-weight: bold;

    font-size: 14px;

}



.submission-wrapper input[type=checkbox], input[type=radio] {

    box-sizing: border-box;

    padding: 0;

    margin-right: 5px;

    position: relative;

    top: 2px;

}



.card {

    background-color: #FFF;

    border-radius: 25px;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

    padding: 40px;

    z-index: 0

}



.heading {

    font-weight: normal

}



.desc {

    font-size: 14px

}



#progressbar {

    margin-bottom: 20px;

    overflow: hidden;

    color: lightgrey;

    padding-left: 0px;

    display: flex;

}



#progressbar .active {

    color: #673AB7

}

#progressbar .active1 {

    color: #673AB7;
    font-weight: 600;
}




.required{

    color: #ee2c2c;

    font-size: 20px;

    line-height: 0px;

}



#progressbar li {

    list-style-type: none;

    font-size: 14px;

    /* width: 25%; */

    /* float: left; */

    position: relative;

    font-weight: 400;

}

.sub-heading {

    font-weight: 500

}



.yellow-text {

    color: #F9A825

}



.breadcrumb li{

    position: relative;

    padding-left: 10px;

    padding-right: 10px;

}

.breadcrumb li::after{

    content: "/";

    position: absolute;

    right: 0;

    color: #959595;

}

.breadcrumb li:last-child:after{

    content: "";

    position: absolute;

    right: 0;

    color: #959595;

}

.breadcrumb li a{

    color: #047dfe !important;

}



.action-buttons a{

    padding: 3px 6px;

    font-weight: 600;

    position: relative;

}

.action-buttons a::after{

    content: "|";

    position: absolute;

    right: 0;

    color: #333;

}

.action-buttons a:last-child:after{

    content: "";

    position: absolute;

    right: 0;

    color: #959595;

}



fieldset.show {

    display: block

}



fieldset {

    display: none

}

.card-block {

    border: 1px solid #CFD8DC;

    width: 45%;

    margin: 2.5%;

    padding: 20px 25px 15px 25px

}



.form-group label{

    text-transform: capitalize;

}

.deadline{
    font: normal 15px/22px CentraNo1-Book;
}

@media only screen and (max-width: 767px) {

    .footer__nav-wrapper {

        padding: 0.125rem 20px 0.0625rem 20px;

    }

    .header-logo{

        display: flex;

        flex-direction: column;

    }

    .logo-1 {

        width:60px;

        height: auto;

    }

    .logo-2 {

        width: 100px;

        height: auto;

        margin-top: 5px;

    }

    .nav-menu ul li a{

        padding: 0.5rem;

        font-size: 11px;

    }

    .login-wrapper {

        padding: 50px 0px 50px;

    }

    .login-btn{

        margin-bottom: 15px !important;
        text-overflow: ellipsis; white-space: nowrap; font-size: 12px;

    }

    .login-or-create, .brand-matter, h4{

        font-size: 18px !important;

    }

    .left-menu{

        margin-bottom: 30px !important;

    }

    .details h4{

        font-size: 14px !important;

        line-height: 22px;

    }

    .dataTables_wrapper .row {

        width: auto !important;

        margin-bottom: 30px !important;

    }

    .application__mic--header-container-button a{

        margin-bottom: 15px;

    }

    .listItem span {

        font-size: 14px;

    }

    #progressbar li{

        padding: 0.4rem 0;

    }

    .applicationFee{

        margin: 12px 0;

        font-size: 16px;

        line-height: 16px;

    }

}


#phone_code_list{

}

#phone_code_list li{
    
}

#phone_code_list li:hover, #phone_code_list li::selection, #phone_code_list li:active, #phone_code_list li.active{
    background: #00CCFF;
    color: #fff;
}



@media (min-width:320px) and (max-width: 480px) {

    .application__mic--why_apply-grid {

        grid-template-columns: auto;

    }

    .application__mic--intro {

        padding: 0px 15px;

    }

    .application__mic--why_apply{

        padding: 51px 15px 45px;

    }

}