----------------------------Custom styling start here---------------------------*/
html , body{
    -ms-overflow-x: hidden !important;
    -webkit-overflow-x: hidden !important;
    -moz-overflow-x: hidden !important;
    overflow-x: hidden !important;
}
body{
    position: relative;
}
::selection {
    /*background: #002868;
    color: #BF0A30;*/
    background: #BF0A30;
    color: #f5f5f5;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -ms-box-shadow: 0 0 0 1000px #fff inset !important;
    -moz-box-shadow: 0 0 0 1000px #fff inset !important;
    /*use inset box-shadow to cover background-color*/
    -webkit-text-fill-color: #000 !important;
    -ms-text-fill-color: #000 !important;
    -moz-text-fill-color: #000 !important;
    /*use text fill color to cover font color*/
    background: #fff !important;
    border: 1px solid #5f5b5b;
}

@font-face{
    font-family: myraid-bold;
    src: url(../fonts/MYRIADPRO-BOLD.woff);
}
@font-face{
    font-family: myraid-rglr;
    src: url(../fonts/MYRIADPRO-REGULAR.woff);
}
@font-face{
    font-family: roboto-bold;
    src: url(../fonts/Roboto-Bold.ttf);
}
.intl-tel-input {
    width: 100%;
}
@font-face{
    font-family: roboto-rglr;
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face{
    font-family: roboto-cndns;
    src: url(../fonts/RobotoCondensed-Bold.ttf);
}
/*apercu*/
@font-face{
    font-family: apercu;
    src: url(../fonts/Apercu-Regular.otf);
}
@font-face{
    font-family: apercu-bold;
    src: url(../fonts/Apercu-Bold.otf);
}
@font-face{
    font-family: apercu-light;
    src: url(../fonts/Apercu-Light.otf);
}
/*apercu*/
a , span , p , button , input , select , li{
    font-family: apercu-light !important;
     color: #676060;
}
p , span{
    color: #676060;
}
h1 , h2 , h3 , h4 , h5 , h6{
    font-family: apercu-bold !important;
    color: #36404c;
}

button:focus , input:focus , select:focus , .btn:focus , .select2-container--default:focus , .select2-selection--single:focus{
    border: unset !important;
    -webkit-border: unset !important;
    -ms-border: unset !important;
    -moz-border: unset !important;
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -ms-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    outline: unset !important;
    -webkit-outline : unset !important;
    -ms-outline: unset !important;
    -moz-outline: unset !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    button:focus , input:focus , select:focus , .btn:focus{
        outline: unset !important;
        border: unset !important;
        box-shadow: unset !important;
    }
    .form-control:focus{
        border: 1px solid #fff !important;
        -ms-border: 1px solid #fff !important;
        -moz-border: 1px solid #fff !important;
        -webkit-border: 1px solid #fff !important;
        box-shadow: unset !important;
    }
}
.form-control:focus{
    border: 1px solid #fff !important;
    -ms-border: 1px solid #fff !important;
    -moz-border: 1px solid #fff !important;
    -webkit-border: 1px solid #fff !important;
    box-shadow: none; !important;
    -ms-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.form-control::placeholder , .disabled , .slct-disbl{
    color: #cecece !important;
}
.cstm-frm-p{
    padding-left: 1px !important;
    padding-right: 1px !important
}
.invalid-feedback{
    transform: translate(0px, 15px);
    z-index: 100;
}
.cstm-px{
    padding: 0px 6rem;
}
li{
    list-style: none;
}
@media (min-width: 1200px){
.container {
    max-width: 1280px !important;
}
}
.min-height{
    min-height: 700px;
}
div#spanUploadFile , #spanUpload , #spanUploadpp {
    color: #bf0a30;
    font-family: apercu;
    font-size: 14px;
}
input{
    width: 100%;
}
.cstm-row{
    margin-left: 0px !important;
    margin-right: 0px !important
}
.p-r{
    position: relative;
}
/*------------------------Custom styling end here------------------------------------*/


/*---------------------------topbar styling start here-------------------------------*/
.topbar{
    background-color: #002868;
    width: 100%;
    transition: all ease 2s;
    display: none;
}
.topbar-cntnt{
    padding: 7px 0px;
    width: 50%;
}

.topbar-cntnt p , .topbar-cntnt ul li a{
    color: #fff;
    margin-bottom: 0;
    font-size: 13px;
}
.topbar-cntnt ul{
    float: right;
    margin-bottom: 0;
}
.topbar-cntnt ul li{
    display: inline-block;
    padding: 0px 8px;
}
.nav-link{
    color: #36404c;
}
.active > .nav-link{
    color: #BF0A30;
}
/*topbar styling end here*/

/*navbar styling start here*/
.navbar {
    padding: 8px 25px;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 999;
    width: 100%;
    /*transition: all ease 2s;*/
    top: 0;
}

.stick{
    top: 0;
    /*transition: all ease 2s;*/
}
.navbar-brand img{
    width: 150px;
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}
a.nav-link:hover {
    color: #BF0A30;
}
.navbar-brand{
    padding-bottom: 1.3125rem !important;
}
.nav-active{
    color:#BF0A30;
    font-family: apercu !important; 
}
.profileMenu{
    left: unset !important;
    margin-left: -60px;
    top: 80% !important;
    box-shadow: 0px 0px 3px 0px #ececec;
}
.profileMenu::before{
    font-family: 'Font Awesome 5 Free';
    content: "\f0d8";
    font-weight: 900;
    position: absolute;
    font-size: 16px;
    right: 10px;
    top: -15px;
    right: 10px;
    -webkit-text-stroke: 1px #d4d2d2;
    color: #fff;
}
.prflDtl{
    position: relative;
    font-size: 15px;
    opacity: 0.8;
}
a.dropdown-item.prflDtl:before {
    content: "";
    position: absolute;
    width: 73%;
    background: #d6d5d5;
    height: 1px;
    bottom: 0;

}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    z-index: 1000;
    background: #36404c;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    right: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #2a2f35;
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismiss:hover {
   /* background: #fff;*/
    /*color: #002868;*/
    color: #BF0A30;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #2a2f35
}

#sidebar ul.components {
    padding: 20px 0px;
    /*border-bottom: 1px solid #47748b;*/
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
   padding: 10px 20px;
    font-size: 15px;
    display: block;
    color: #fff;
    border-bottom: 1px solid #6d6d6d;
}

#sidebar ul li a:hover {
    color: #fff;
    background: #2a2f35;
}
#sidebarCollapse{
    margin-left: 1.5rem;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #2a2f35;
}

a[data-toggle="collapse"] {
    position: relative !important;
    
}
.toggle-icon{
    position: absolute;
    top: 18px;
    right: 0;
    z-index: 10;
}
.header-nav li{
    display: inline-block;
}
.sign-btns {
    margin-top: -5px;
    margin-left: -9px;
}
.sign-btns a{
    color: #fff;
    padding: 5px 25px;
    border-radius: 0px;
}
.signup{
    background: #BF0A30 !important;
}
.signup:focus{
    border: 1px solid #BF0A30 !important;
}
.signin{
    background: #002868 !important;
    /*margin-right: 23px;*/
}
.signin:focus{
    border: 1px solid #002868 !important;
}
div#content {
    position: relative;
}
div#search {
    position: absolute;
    right: 0;
    z-index: 10000;
    top: 3.3rem;
    display: none;
}
.srch-btn{
    background: transparent !important;
    color: #36404c;
    font-weight: 600;
}
.toggle-srch input{
    padding: 0px 3px;
    border: 1px solid #36404c;
    color: #36404c;
}
.toggle-srch input:focus{
    border-bottom: 1px solid #36404c !important;

}
.toggle-srch input::placeholder{
    color: #36404c;
}
a.loginProfile {
    color: #36404c;
    font-size: 15px;
    background: unset !important;
    margin-right: 65px;
    font-family: apercu !important;
}
a.loginProfile i{
    font-size: 13px;
}
a.loginProfile:after{
    content: unset !important;
}
.profile-login .ProfileImg{
    width: 70px;
    height: 72px;
    position: absolute;
    right: 0;
    top: 0;
    object-fit: cover;
}
.responsive-profile img{
    width: 70px;
    height: 70px;
    object-fit: cover;
}
.respnsv-prfl-menu{
    width: 200px;
    margin-left: 3px;
}
.scrollbar-inner > .scroll-element.scroll-x{
    display: none !important;
}
/*----------------------------navbar styling end here----------------------------------*/


/*=================Notification menu styling starts here=======================*/
.notification-icon{
    color: #36404c;
    position: relative;
    
    
}
.notification-icon i{
    
}
.new-notify{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bf0a30;
    position: absolute;
    top: 6px;
    right: 6px;
    
}
.new-ntf{
    animation: Tada;
    -webkit-animation: Tada;
    animation-duration: 1s;
    animation-delay: .3s;
    transition: all ease-out .3s;
    animation-iteration-count: infinite;
}
@keyframes Tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.notification-icon:hover , .notification-icon:focus{
    color: #bf0a30 !important;
    background: transparent !important;
}
#sidebar ul li.active>.notification-icon, .notification-icon[aria-expanded="true"]{
    color: #bf0a30 !important;
    background: transparent !important;
}
.notification-menu{
  top: 40px;
  right: -7px;
  left: unset;
  width: 460px;
  /*box-shadow: 0px 5px 7px -1px #c1c1c1;*/
  padding-bottom: 0px;
  padding: 0px;
}
.notification-menu:before{
  content: "";
  position: absolute;
  top: -20px;
  right: 12px;
  border:10px solid #bf0a30;
  border-color: transparent transparent #bf0a30 transparent;
}
.notification-head{
  padding:5px 15px;
  border-radius: 3px 3px 0px 0px;
  background: #bf0a30;
}
.white , .white:hover{
    color: #fff;
}
.notification-main-box{
    height: 300px;
    padding: 5px 5px;
}
.notification-footer{
  padding:5px 15px;
  border-radius: 0px 0px 3px 3px; 
  background: #bf0a30;
}
.notification-box{
  padding: 6px 12px; 
}
.notification-pic{
    width: 45px !important;
    height: 45px;
    object-fit: cover;
}
.ntf-info , .ntf-txt{
    color: #36404c;
}
.ntf-txt{
    font-size: 13px;
    line-height: 1em;
}
.ntf-info{
    font-size: 15px;
}
.ntf-time{
    color: #bf0a30;
    font-size: 13px;
}
.notification-menu{
    width: 330px
}
@media (max-width: 1190px) {
    .notification-icon{
        margin-right: 30px;
    }
    .notification-menu{
      top: 50px;
      /*left: -16px; */ 
      width: 290px;
      position: absolute !important;
    } 
    .nav{
      display: block;
    }
    .nav .nav-item,.nav .nav-item a{
      padding-left: 0px;
    }
    .message{
      font-size: 13px;
    }
}
.collapse.show > .notification-icon{
    display: none;
}
/*=================Notification menu styling ends here===========================*/

/*-----------------------------Footer styling start here------------------------------*/
.slct-footer{
    background: #8e8e8e;
    padding: 30px 0px;
    position: relative;
}
.footer-side{
    position: absolute;
    right: 0;
    top: 8rem;
}
.footer-side-link{
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    font-size: 12px
}
.rtt{
    transform: rotate(-90deg);
    margin-right: -29px;

}
.footer-block {
    padding: 0px 10px;
}
.footer-block p{
    margin-top: 2rem;
}
ul.footer-links {
    padding-left: 15px;
    list-style: none;
    margin-top: 1rem;
}
.footer-links li a, .footer-block p{
    color: #fff;
    /*opacity: 0.7;*/
    font-size: 13px;
    line-height: 2em;
}
.footer-links li a:hover {
    color: #bf0a30;
    text-decoration: none;
    transition: all ease-out .3s;
}
.cstm-link-mb{
    /*border-bottom: 1px solid #fff;*/
    /*opacity: 0.7;*/
}
input.footer-feild {
    background: transparent;
    border: 1px solid #999595;
    padding: 6px 15px;
    color: #fff;
    width: 88%;
    font-weight: 500;
    font-size: 13px;
    opacity: 0.7
}
input.footer-feild:focus{
    border-bottom: 1px solid #999595 !important;
}
input.footer-feild::placeholder{
    color: #fff;
    font-weight: 500;
    font-size: 13px
}
.resp-ftr-link{
    /*opacity: 0.7;*/
}
.sbscib-btn button{
    color: #fff;
}
.copy-right{
    position: relative;
    background: #7d7d7d;
    padding: 20px 0px;
    margin-bottom: -4px;
}
.social-links{
    padding-left: 0px;
    list-style: none;
    margin-top: 1rem;
}
.social-links li{
    display: inline-block;
    padding: 10px 10px 0px 0px;
}
.social-links li a{
    /*color: #fff;
    font-size: 13px;*/
    transition: all ease 1s;

}
.social-links li a span {
    color: #fff;
    /* font-size: 20px; */
     width: 48px;
    height: 48px;
    position: relative;
    border-radius: 50%;
    display: block;
    z-index: 11;
    
    /*background: transparent;*/
}
.social-links li a span i {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.social-links li a span:before{
    position: absolute;
    top: -22px;
    left: -13px;
    font-family: apercu !important;
    font-size: 14px;
    color: #fff;
    /*padding: 7px 7px; */
    width: 80px;
    height: 30px;
    padding-top: 4px;
    text-align: center;
    border-radius: 4px;
    z-index: 10;
    opacity: 0;
    transition: all ease-out .3s;
}
.facebook-bg:before{
    content: "Facebook";
    background: #3b5998;
}
.facebook-bg:after{
    
    color: #3b5998;
}
.social-links li a span:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    font-weight: 800;
    top: -7px;
    left: 20px;
    color: #3b5998;
    font-size: 14px;
    z-index: 9;
    opacity: 0;
    transition: all ease-out .3s;
}
.social-links li a span:hover:before{
    top: -36px;
    opacity: 1;
}
.social-links li a span:hover:after{
    top: -15px;
    opacity: 1;
} 
.facebook-bg{
  background: #3b5998
}
.twitter-bg:before{
    content: "Twitter";
    background: #1da1f2;
}
.twitter-bg:after{
    color: #1da1f2 !important;
}
.twitter-bg{
    background: #1da1f2
}
.instagram-bg:before{
    content: "Instagram";
    /*background: #FD1D1D*/
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  /*box-shadow: 0px 3px 10px rgba(0,0,0,.25);*/
}
.instagram-bg:after{
    color: #d6249f  !important;
}
.instagram-bg{
    /*background: #FD1D1D !important;*/
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
 
}
.youtube-bg:before{
    content: "YouTube";
    background: #ff0000;
}
.youtube-bg:after{
    color: #ff0000 !important;
}
.youtube-bg{
    background: #ff0000
}
/*.social-links li a span{
    color: #fff;
    font-size: 20px;
}*/
.social-links li a:hover{
    /*letter-spacing: 2px;*/
}
.cp p{
    color: #fff;
    /*opacity: 0.7;*/
    font-size: 13px;
    margin-left: 44px;
}
/*.fb:hover{
    color: #3b5998 ;
}
.twtr:hover{
    color: #00acee;
}
.insta:hover{
    color: #e4405f
}
.you-tube:hover{
    color: #cd201f
}*/
.top-link{
    position: absolute;
    right: 0;
    bottom: 3px;
}
.top-link a {
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    transition: all ease 1s;
    background: #BF0A30 !important;
}
.top-link a:hover > .top-up{
    transform: translateY(-5px);
    transition: all ease 1s
}
.footer-btn button {
    padding: 3px 12px;
    font-size: 13px;
}
.scroltop-link:focus{
    border: 1px solid #BF0A30 !important;
    box-shadow: none;
    outline: none;s
}
.fs-head h5{
    color: #fff;
    position: relative;
    font-size: 18px;
}
.fs-head h5:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #BF0A30;
    bottom: -5px;
}
/*-----------------------------Footer styling ends here--------------------------------*/


/*----------------------------Breadcrumbs styling start here--------------------------*/
.cstm-brdrmb-ol{
    background: transparent !important;
    /*border-bottom: 1px solid #ccc;*/
    padding: 2px 0px !important;
    border-radius: 0 !important;
    margin-bottom: 0px;
    /*float: right;*/
    margin-top: 14px;

}
/*section.breadcrumbs {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}*/
.cstm-brdcrmb-item a , .cstm-brdcrmb-item a span{
    color: #848282;
    font-size: 14px;
}
.cstm-brdcrmb-item a:hover{
    text-decoration: none;
    color: #fff;
}
.cstm-brdcrmb-item a:hover .cstm-brdcrmb-item a span{
    color: #fff;
}
/*.breadcrumb-item.active , .breadcrumb-item.active:before{
    color: #BF0A30;
}*/
.breadcrumb-item.active{
     color: #fff;

}
.breadcrumb-item.active span , .breadcrumb-item span:hover{
    color: #fff;
    font-size: 14px !important;
}
/*.breadcrumb-item+.breadcrumb-item::before{
    content: "-" !important;
}*/


.new-inline-btn button{
    /*margin-left: -3px;*/
}
@supports (-ms-ime-align:auto) {
    .blt-frm input, .blt-frm select{
        padding: 13px 0px;
    }
    .srch-btn{
        margin-left: 0px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .srch-btn{
        margin-left: 0px !important;
    }
}

.selectric-wrapper {
    width: 80% !important;
}
@media screen and (max-width: 500px) and (min-width: 340px){
    .selectric-wrapper {
        width: 86% !important;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .selectric-wrapper {
        width: 90% !important;
    }
    .srch-btn{
        margin-top: 5px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 991px){
    .selectric-wrapper {
        width: 73% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1025px){
    .selectric-wrapper {
        width: 73% !important;
    }
}
@media screen and (min-width: 1024px){
    /*.srch-btn button{
        margin-left: -14px;
    }*/
}
.nice-select{
    height: 51px !important;
}

.home{
    background: url(../../images/home-bg.png) ;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 88vh;
    margin-top: 70px;

}
.blt-frm select{
    height: calc(2.25rem + 15px) !important;
    -ms-height: 100 !important;
}
.blt-frm input , .blt-frm select , .blt-frm input::placeholder{
    font-size: 13px;
    
}
.blt-frm input , .blt-frm select{
    padding: 15px 0px;
    -ms-padding: 12px !important;
    font-size: 13px;
}
.home-head{
    margin-top: 8.5rem;
}
.cstm-top{
    margin-top: 12.5rem;
}
.home-head h3{
    color: #fff;
    font-family: myraid-bold;
}
.text-dec-none{
    text-decoration: unset !important;
}
.input-group-text{
    background: #fff !important;
    border-color: #fff !important;
    -ms-border-color: #fff !important;
    -webkit-border-color: #fff !important;
    -moz-border-color: #fff !important
}
.home-ballet-form input , .home-ballet-form select{
    border-top-right-radius: 0px !important;
    -ms-border-top-right-radius: 0px !important;
    -moz-border-top-right-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -ms-border-bottom-right-radius: 0px !important;
    -moz-border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
}
.input-group-text{
    border-top-left-radius: 0px !important;
    -ms-border-top-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    -moz-border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -ms-border-bottom-left-radius: 0px !important;
    -moz-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
}

.form-control{
    border-color: #fff !important
}
.form-desc {
    opacity: 0.6;
}
.textbox-n{
    -webkit-appearance: menulist ;
    padding: 16px 0px !important;
}
.form-desc p{
    margin-top: 6px;
    color: #fff;
    font-size: 13px;
    border-bottom: 1px solid #fff;
}
.form-desc input{
    width :100%;
    border-right: unset;
    -ms-border-right: unset;
    -moz-border-right: unset;
    -webkit-border-right: unset;
    border-left: unset;
    -ms-border-left: unset;
    -moz-border-left: unset;
    -webkit-border-left: unset;
    border-top: unset;
    -ms-border-top: unset;
    -moz-border-top: unset;
    -webkit-border-top: unset;

    border-bottom: 1px solid #fff;
    -ms-border-bottom: 1px solid #fff;
    -webkit-border-bottom: 1px solid #fff;
    -moz-border-bottom: 1px solid #fff;
    background: unset;
    color: #fff;
    margin-bottom: 20px;
}
.form-desc input::placeholder{
    color: #fff;
}
.form-desc input:focus{
    border-bottom: 1px solid #fff !important;
}
.srch-btn button{
    color: #fff;
    padding: 6px 30px;
    border-radius: unset;
}
.new-inline-btn button {
    padding: 13px 55px !important;
    margin-top: -9px !important;
    border-radius: 0px !important;
}
.new-inline-btn button:focus{
    border: 1px solid #BF0A30 !important
}

/*Search banner*/
.search-banner{
    height: 275px;
    padding: 30px 0px;
    background: #002868;
    /*margin-bottom: 1rem;*/
}
.bnr-head {
    padding: 0px 13px;
}
/*.searchbar{
    background: #BF0A30;
    padding: 8px 5px;
    border-radius: 6px;
}*/
.srch-banner-form{
   /* background: #fff;*/
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
}
.srch-banner-form:before {
    position: absolute;
    content: "";
    width: 84%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 0px;
}
.pin-lct{
    border-bottom: 1px solid #fff;
}
.srch-bnr-btn button{
    width: 112%;
    /*border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;*/
    color: #fff;
    padding: 13px 20px;
    border-radius: 0px;

}
.bnr-head{
    margin-top: 5.3rem;
}
.nxt-line{
    position: relative;
}
.nxt-line:before {
    background: #36404c;
    content: "";
    position: absolute;
    width: 1px;
    height: 28px;
    top: 11px;
    right: -5px;
    z-index: 9;
}
.pin-lct a{
    color: #fff;
    font-size: 13px;
}

/*search banner*/

/*----------------------------Breadcrumbs styling ends here---------------------------*/


/*---------------------------Home page styling start here-----------------------------*/

.cstm-ftr-p{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.cstm-p-5{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*---------------------------Home page styling end here-------------------------------*/



/*------------------------Profile page styling start here----------------------------*/

/*------------------------Profile page styling end here------------------------------*/


/*------------------------Login sign up page styling start here----------------------------*/


/*------------------------Login signup page styling ends here-------------------------------*/




/*-----------------------Comparison page styling starts here--------------------------------*/

/*position you might be intersted styling*/
.position{
    background: #f0f0f1;
    padding: 30px 0px;
    display: none;
}
.position-name p{
    font-family: apercu !important;
}
.position-head h6{
    opacity: 0.7;
}
.postions{
    width: 150px;
}
button.owl-prev {
    position: absolute !important;
    top: 30% !important;
    left: -100px !important;
}
button.owl-next {
    position: absolute;
    right: -100px;
    top: 32%;
}
button.owl-next i , button.owl-prev i{
    font-size: 25px;
    opacity: 0.5;
}
.owl-carousel {
    position: relative !important;
}
.compare-dtl-p p{
    font-size: 14px;
}
.isue-head{
    background: #9c9c9c;
}

/*-----------------------Comparison page styling ends here----------------------------------*/


/*----------------------Find a candidate styling start here---------------------------------*/

/*----------------------Find a candidate styling end here-------------------------------*/



/*-----------------------Events pages styling starts here------------------------------*/

/*.event{
    padding: 25px 0px;
}
.event-feild input{
    width: 100%;
    border: unset;
    border-bottom: 1px solid #ccc !important;
    font-size: 13px;
    padding: 5px 2px;
}
.event-head h6{
    color: #BF0A30;
    margin-bottom: 0;
}
.event-head h1 , .recent-event h5 , .up-come h5{
    color: #505051;
    line-height: 1em;
    font-weight: 700;
    font-size: 14px;
}
.events{
    position: relative;
}
.event-day{
    position: absolute;
    top: 27%;
    left: 22%;
    z-index: 9;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 1px 1px 3px 0px #e5e5e5;
    border-left: 2px solid #BF0A30;
}
.event-day h6{
    margin: 0;
    color: #000;
}
.text-dec-none{
    text-decoration: unset !important;
}
.event-box h5 , .event-info{
    color: #000;
}
.event-box{
    padding: 15px 9px 15px 25px;
    border: 1px solid #CCC;
    border-left: unset;
    height: 170px;
    margin-left: -2px;
}
.about-event p{
    margin-bottom: 0;
    
    font-size: 13px;
    margin-top: 10px;
    
}
.date{
    font-size: 11px;
} 
span.small i {
    color: #BF0A30;
    opacity: 1;
    font-size: 14px;
}
.event-date{
    color: #BF0A30
}
.event-thumbnail {
    height: 170px;
    border: 1px solid #ccc;
    border-right: unset;
    width: 95%;
    margin-left: 18px;
}
.event-thumbnail img {
    width: 95%;
    height: 100%;
}
.recent-event{
    padding: 10px 0px 0px 30px;
}
.catg {
    font-size: 13px !important;
}
span.badge {
    color: #fff;
    background: #0853a3;
    border-radius: 50%;
    padding: 6px 6px;
}
*/
/*-----------------------Events page styling ends here--------------------------------*/


/*.tabel-stick{
    position: fixed;
    top: 13.9%;
}*/

/*.find-cmp-slct select{
    background: transparent !important;
    border: unset !important;
    border-bottom: 1px solid #000 !important;
}*/

/*selectric select css*/
/*.selectric-wrapper{
    width: 82% !important;
}
.selectric{
    border: 0px !important;
    background: #fff !important;
    height: 51px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.selectric .label{
    margin: 0 25px 0 0px !important;
    font-size: 13px !important;
    color: #545062 !important;
    line-height: 50px !important;
}
.selectric .button{
    width: 30px !important;
    background: #fff !important;
    color: #545062 !important;
    height: 50px !important;
    line-height: 50px !important;
}
.select2-dropdown{
    z-index: 800 !important;
}*/
/*.input-group-prepend {
    margin-right: 3px;
    width: 15%;
    float: left;
}

*/
.cstm-slct-ml{
    margin-left: -3px;
}

.selectric-items{
    background: #fff !important;
}
.selectric-items li.selected , .selectric-items li.highlighted{
    background: #ece7e7 !important;
}
.selectric-open .selectric-items{
    z-index: 800;
}
.selectric-open {
    z-index: 800 !important;
}
.sign-grp-text{
    border-radius: unset !important;
    -ms-border-radius: none !important;
    -moz-border-radius: none !important;
    -webkit-border-radius: none !important;
}

/*.pwrd{
    position: relative;
}
.pwrd-icon{
    position: absolute;
    top: 11px;
    right: 24px;
}
.rgstr-pswrd-icon{
    top: 40px;
}
.pwrd-icon i{
    color: #5f5d5d;
    font-size: 15px;
}

.pswrd-icon{
    display: none;
}

table.StickyTableHeader.table.candidate-table.table-bordered.table-responsive.is-scrolling{
    transition: all ease-out .5s;
}*/




.modal-fullscreen-menu{
    width: 70%;
    left: 14%;
    padding: 10px;
    /* overflow-y: hidden !important; */
    top: 0px !important;
}
.modal-fullscreen-menu > .modal-dialog{
    width: 100% !important;
    max-width: 100% !important;
}
.add-edu-hdr{
    background: #fff;
    border-bottom: 1px solid #ccc !important;
}
.add-edu-hdr h5{
    /*color: #353333 !important;*/
}
.lead-slf{
    background: #fff !important;
    padding: 15px 10px !important;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}



/*-------------------party colors and classes-----------------------------*/
/*Rest parties*/
.dflt-img-border{
    border: 2px solid #000;
}
.default-img-hover:hover{
    background: #000;
}
.default-img-bg{
    background: #000;
}
/*rest parties*/

/*democratic*/
.democratic-text{
    color: #0242a9;
}
.democratic-bg , .democratic-hover:hover{
    background: #0242a9;
}
.democratic-border{
    border: 2px solid #0242a9;
}
/*democratic*/

/*Republican*/
.republican-text{
    color: #df0204;
}
.republican-border{
    border: 2px solid #df0204;
}
.republican-bg , .republican-hover:hover{
    background: #df0204;
}
/*Republican*/

/*Green party*/
.green-bg , .green-hover:hover{
    background: #08a402;
}
.green-text{
    color: #08a402;
}
.green-border{
    border: 2px solid #08a402
}

/*Green party*/


/*Libreterian*/
.libretarian-bg , .libretarian-hover:hover{
    background: #f5e600;
}
.libretarian-text{
    color: #f5e600;
}
.libretarian-border{
    border: 2px solid #f5e600;
}
/*Libretarian*/

/*Independent*/
.independent-text{
    color: #7b7b7b;
}
.independent-bg , .independent-hover:hover{
    background: #7b7b7b
}
.independent-border{
    border: 2px solid #7b7b7b;
}
/*Independent*/


.default-img-hover:hover  .dflt-img-border , .green-hover:hover .green-border , .independent-hover:hover .independent-border , .libretarian-hover:hover .libretarian-border , .republican-hover:hover .republican-border , .democratic-hover:hover .democratic-border{
    border: 2px solid #fff;
}


/*-----------------blog page styling start here----------------------------*/

/*--------------------blog page styling ends here-------------------------*/


/*------------------Blog listing page styling start here------------------*/

/*------------------blog listing page styling ends here-------------------*/


/*------------------404 page styling start here---------------------------*/

/*-------------------404 page styling ends here---------------------------*/


/*--------------Temporary user page styling start here---------------------*/

/*--------------Temporary user page styling end here-----------------------*/


.datepicker{
    z-index: 100000 !important; 
}


/*Scrollbar styling start here*/
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar{
    opacity: 0.5 !important;
}
.scrollbar-inner > .scroll-element .scroll-element_track{
    display: none !important;
}
.scrollbar-inner > .scroll-element .scroll-bar{
    display: block !important;
}
.scrollbar-inner > .scroll-element.scroll-y{
    widows: 5px !important;
}
/*Scroll bar styling end here*/

/*search by name wigdet styling*/
.ui-menu , .ui-widget{
    width: 330px !important;
    height: 165px !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
    background: #fff !important;
    border: 1px solid #cccc !important;
}

/*Orgnanization page styling start here*/

.flwrBtn button{
    background: #1cac8b;
    color: #fff;
    border: 1px solid #1cac8b;
    border-radius: 0pc;
    padding: 4px 40px;
    font-size: 15px;
}
.flwrlistmodal-header{
    border: unset !important;
    padding: 0px !important;
}
.flwrlistmodal-header button{
    background: #fff !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    padding: 10px 13px !important;
    z-index: 1000 !important;
    box-shadow: 0px 0px 3px 0px #ccc !important;
    font-size: 14px;
}
.modal-flwr-list{
    height: 350px !important;
}
.cstm-modal-fullscreen{
    width: 60%;
    left: 18%;
    padding: 10px;
    /* overflow-y: hidden !important; */
    top: 20px !important;
}
.scroll-wrapper > .scroll-content{
    overflow-x: hidden !important;
}
/*Organization page styling end here*/


/*.incmb-div{
    width: 50% !important; 
    float: left; 
    padding: 0px 20px !important;
}*/

.nice-select{
    height: 53px !important;
    border-radius: 0px !important;
    font-size: 13px !important;
}
.nice-select:after{
    margin-top: -1px !important;
}

.modal-open{
    overflow: hidden !important;
    /*position: fixed;*/
    /*width: 100%;*/
    padding-right: 9px !important;
}
.modal-open .modal{
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/*Issue del or edit icons styling start here*/
.issue-del-edit{
    position: absolute;
    top: 5px;
    right: -48px;
    font-size: 13px;
    transition: all ease-in .4s;

}
.issue-del-edit:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background: #cccccc;
    top: 10px;
    left:-13px;
}

/*Issues del or edit icons styling end here*/
.no-rcrd{
    font-size: 15px;
}
.br-divider{
    border-right: 1px solid #cccccc;
}


/*change password*/
.modal-show-pswrd{
    position: absolute;
    right: 30px;
    margin-top: -29px;
}
.modal-show-pswrd i{
    color: #5e5b5b;
    font-size: 13px;
}

/*modal feilds*/


/*=============Party-training listing page styling start here=======================*/

/*============Party training listing page styling end here========================*/

/*=========Voter Registration page styling start here======================*/

/*==========Voter Registration page styling ends here======================*/


/*===========Notification detail page styling starts here==================*/



.fontweightt{font-weight: 900 !important;}

.fontweight100{font-weight: 100 !important;}

.scroll-wrapper.notification-main-box.scrollbar-inner.notification-list-user {
    position: relative;
    /* width: 300px; */
    height: 300px;
    /*overflow-y: scroll !important;*/
    overflow-x: hidden !important;
}
/*============Notification detail page styling ends here===================*/
.error , .mandidatory , #email_error , #cur_password{
    color: red !important;
    font-family: apercu !important;
    font-size: 13px;
}


.ui-helper-hidden-accessible{
    display: none !important;
}