.login-logo {
    margin: inherit; 
    width: auto;}
.logo-main {height: 90px; margin: 0px 0px 0px -15px;}
#login-footer {
    width: 100%!important;
    position: fixed;
    bottom: 0;
}
.headshadow{
    background: -moz-linear-gradient(top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.78) 1%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.78) 1%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.78) 1%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000000', endColorstr='#00000000',GradientType=0 );
    position: absolute;
    width: 100%;
    height: 130px;
}
.zindexclass{ z-index: 999 !important;position:relative !important; right: -20px; top: -16px;}
.mb15 {
    margin-bottom: 15px;
}
.fixedannounce{ position: relative; width: 100% !important; bottom: 0px;     z-index: 999;}
.fixedannounce h4{ color: #101112; font-size: 17px;
    font-weight: 600 !important;
    margin: 12px 0px 10px 0px;
}
.parent{
   bottom: 0px;
    background: #fff;
    color: #101112;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    width: calc(100% - 45px);
    margin: 0px 15px 5px 15px;
}
.large_notifiy{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.hide_large{
    height: 0px;
    overflow: hidden;
}
.show_large{
    max-height: 100%;
    height: 600px;
    overflow: auto;
}
#test{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.short_notify{
    background: #000;
    color:#FFF;
}
/*.modal-header {
    color: #3d3d3d;
    background: #111314 !important;
}*/
a{ cursor: pointer;}
body {
    margin: 0;
/*    background: #000; */
    /*font-family: 'Montserrat', sans-serif !important;*/
}
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}*/
.blackopacity .whitebg{ padding: 15px;     line-height: 23px;}
.login-logo{display: inline-block;
            /*            background: #fff;
                         border-bottom: 7px solid #ff6600;     
                         box-shadow: 0px 1px 6px rgba(0,0,0,0.3);*/
} 
.text-overflow {
/*    height:85px ;
    display:block; */
    overflow:hidden;
    word-break: break-word;
    word-wrap: break-word;
    padding-bottom: 15px;
}
.blackopacity .bordclass{ border-top: 1px solid #ff6600;
                          width: 65%;
                          position: relative;
                          left: 35%;
                          top: -25px;
                          display: inline-block;}

.btn-overflow {
/*    display: none;*/
    text-decoration: none;
    margin: 10px 0px -4px 0px;
    height: 23px;
float: left;
width: 100%;
}
.btn-overflow i, .toggle_ann i{
    width: 22px;
    line-height: 21px;
    margin: 12px 10x 0px 0px !important;
    color: #fff !important;
    border-radius: 50%;
    height:22px;
    display: inline-block;
    background: #ff6600;
    font-size: 13px !important;
    text-align: center;
}
/*video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
        z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url('../../assets/images/login_bg.jpg') no-repeat center top;
    background-size: cover;
    transition: 1s opacity;
}*/
.stopfade { 
    opacity: 0.5;
}

#loginbx { 
   height: calc(100vh - 30px);
   overflow-x: hidden;
   overflow-y: auto;
    margin-top: 30px;
}
.logbg{background: #fff;
/*    padding: 1rem;*/
    font-size: 1.2rem;
    display: inline-block; width: 100%;
}
/*#loginbx .whitebg{ padding: 20px !important}*/
.select2-selection.select2-selection--single {
    border-color: -moz-use-text-color -moz-use-text-color #EAEDED;
    border-image: none;
    border-style: none none solid #eaeded !important;
    border-width: 0 0 1px !important;
    color: #bcbcbc !important;
    border-radius: 0px;
    text-align: left;
    padding-left: 0px;
    font-size: 15px !important;

}
.coupon-input, .qua-text, .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #bcbcbc !important;
    font-size: 15px !important;     font-weight: 300;
}
.password-tooltip label.fa-exclamation-triangle {
    position: absolute;
    top: 8px;
    color: #ff6600;
    line-height: 23px;
    text-align: center;
    right: 8px;
    width: 24px;
    height: 24px;
    background: #dfdfdf;
    border-radius: 50%;
}
.popover{
    background-color: rgba(50,53,55,0.8); color: #fff;
}
.popover.bottom>.arrow:after {
    /*    bottom: 1px;
        margin-left: -10px;
        content: " ";*/
    border-top-color:rgba(50,53,55,1);
    border-bottom-width: 0;
}
.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(50,53,55,0.8)}
.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color:  transparent; 
    border-top-color: transparent; }
.btn-new-large-gry, .btn-new-large-gry:hover {
    border-radius: 0px!important;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 6px 18px;
    color:#fff;
    width: auto;
    margin-right: 15px;
}

.login-input2 {
    padding: 0px 0px 0px 0px;
    font-size: 15px !important;
    border-color: #cecece;
    border-width: 0 0 1px;
    font-weight: 300;
}
.btn-gry, .btn-gry:hover{background-color: #323537;
                         border-color: #323537;
                         width: 135px;
                         color: #fff;}
/*.signupbox{
    overflow-y: scroll;
    overflow-x:hidden;
    height: calc(100vh - 250px);
    padding: 0px 16px 0px 0px;
}*/

#style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 1px solid #555555;
}
.btn-language{
    background: transparent;
    color: #fff;
}
.btn-language:hover, .btn-language:focus, .btn-language:active{
    opacity: 0.8;     color: #fff;
    box-shadow: none;
}
.language {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    left: auto;
    position: absolute;
    right: 13%;
    border-radius: 0;
    padding: 0px 0;
    top: 36px !important;
    margin: 0px -11px 0px 0px !important;
}
.language li{ border-bottom: 1px solid #dfdfdf;}
#controls { float: right; height: 16px; margin-top: -34px !important;}
@media screen and (max-device-width: 640px) {
    #loginbx{padding-bottom: 50px;}
    #newscontent {
        border-left: 0px solid #505050 !important;
    padding: 5px 0px 15px 0px !important;
    min-height: 100px !important;
    height: auto !important;
    }
    .zindexclass{ right: 0px !important;}
    .news_cover {
        padding: 0px !important;
    }
    #controls {

        float: right;
        height: 16px;
        position: absolute;
        top: 10px;
        right: 14px;

    }
    .show_large {
    max-height: 100%;
    height: 460px !important;
}
    .blackopacity{ margin-top: 20px !important;}
    div.frameT{ position: inherit !important;}
}
@media (min-width: 640px){.fixedannounce {display: none !important;}}
@media (min-width: 768px){.fixedannounce {width: 100% !important; display: block !important;} .logo-main {margin: 0px 0px 0px -15px;}}
@media (min-width: 992px){.fixedannounce {width: 100% !important;}}
@media (min-width: 1200px){.fixedannounce {width: 100% !important;}}
@media screen and (max-device-width: 800px) {
    /*    html { background: url(https://thenewcode.com/assets/images/polina.jpg) #000 no-repeat center center fixed; }*/
    /*    #bgvid { display: none; }*/
/*    video { 
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: auto;
        transform: translateX(-50%) translateY(-50%);
        background: url('../../assets/images/login_bg.jpg') no-repeat;
        background-size: cover;
        transition: 1s opacity;
    }*/
    #controls { margin-top: 0px !important;}
   
    .blackopacity h1 {
        font-size: 31px;
    }
    #controls {margin-bottom: -30px !important;}
    #loginbx {    margin-bottom: 150px;}
    #newscontent{ width: 100%;  border-left: 0px solid #505050 !important;
                  padding: 0px 0px 0px 0px !important;}
    .news_cover {
        padding: 0px !important;
    }
    #controls {

        float: right;
        height: 16px;
        position: absolute;
        top: 10px;
        right: 14px;

    }
    .login-logo{
/*        width: 183px;*/
    }
    .logo-main {
        width: 163px !important;
        height: 68px !important;}
    .blackopacity{ margin-top: 330px !important;}
    .social-links2 a{ width: 48% !important;
                      padding: 0.4em 1em; margin: 2px 1px; font-size: 14px;}
    .blackopacity .bordclass {
        width: 55% !important;
        left: 45% !important;}
    .social-links2 h4 { display: block !important;}
        .signupbox{ height: 500px !important;}
}
@media screen and (min-device-width: 640px) and (max-device-width: 767px){
    .fixedannounce{ display: none;}
}
@media screen and (min-device-width: 650px) and (max-device-width: 767px){
    .blackopacity {
    margin-top: 30px !important;
    z-index: 99  !important;
    position: relative  !important;
}
.show_large {
    max-height: 100%;
    height: 240px !important;}
.fixedannounce {
    width: 100% !important;
}
    div.frameT{ position: inherit !important;}
    .signupbox{ height: auto !important;}
}

@media screen and (min-device-width: 812px) and (max-device-width: 850px){
    .fixedannounce {
    width: 100% !important;
    display: none;
}
    div.frameT{ position: inherit !important;}
    .signupbox{ height: auto !important;}
.show_large {
    max-height: 100%;
    height: 250px !important;}
}
@media screen and (min-device-width:900px) and (max-device-width: 1024px){
    .social-links2 a{ width: 18.8% !important;
                      padding: 0.4em 1em; margin: 2px 1px; font-size: 13px !important;} 
    .fixedannounce { width: 100% !important;}

}

.whitebg{ background: #fff; padding: 10px;}
.blackopacity{ background:rgba(255,255,255,0.9); padding: 15px; margin-top: 250px; z-index: 9;position: absolute; width:100% !important;}
.blackopacity .cont{font-size: 14px !important;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    margin-top: 0px;}
.blackopacity h1{     color: #333;
                      margin: 0px 0px 12px 0px;
                      letter-spacing: normal !important;
                      text-transform: initial !important;
                      line-height: 30px;
                      font-weight: 400;}
.blackopacity h1 small{    color: #333;
                           font-weight: 300;}
.form-control{ height: 40px;
               text-align: left !important;}
.input-icon {
    position: relative;
    left: 0;
}
.input-icon>i {
    color: #999;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    right: 10px !important;
    top: 0px !important;
}
.login-input{ 
    padding: 0px 0px 0px 38px !important;
    border-radius: 4px;
    border-color: #cecece;
    border-width: 0 0 1px;
    font-size: 15px !important;
}
.login-header {
    background-color: #fff !important;
    border-radius: 1px 1px 0 0!important;
    text-align: left;
    color: #333;
    padding: 0px;
    line-height: 30px;
    border-left: 18px solid #ff6600;
    border-right: 5px solid #ff6600;
    height: 60px;
    margin: 0px 0px 20px -0px;
    line-height: 30px;}
.login-header h2 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 61px;
    margin: 0;
}
.btn-new-large {
    background-color: #0080c2;
    border-color: #0080c2;
    border-radius: 0px!important;
    color: #fff;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 6px 18px;
    width: auto;
}
.btn-new-large:hover{  margin-top: 5px;
                       margin-bottom: 5px; }

.social-links, .social-links2 { display: inline-block;
                                width: 100%;
                                margin: -1px 0px 0px 0px;
padding: 0px 15px 0px 15px;}
.social-links2 h4{  font-weight: 300; margin-right: 10px; font-size: 16px;}
.social-links h4{ font-size: 16px;}
.social-links svg{width: 28px; height: 28px;}
.social-links a{       width: 28px;
    margin: 0px 1px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;}
.social-links2 a{ width: 30px; margin: 2px 4px; font-size: 14px;}
.social-links a i{ font-size: 16px; margin-right: 5px;}
/*.social-links .facebooki{ background: #39599f; color: #fff; display: inline-block; }
.social-links .linkedini{ background:#007bb5 ; color: #fff; display: inline-block; }
.social-links .gmaili{ background: #d64937; color: #fff;  display: inline-block; }
.social-links .twitteri{ background: #45b0e3; color: #fff;  display: inline-block; }*/
/*    .ticker_container{margin-top: 6px;
    background: #323537;
    position: absolute;
    padding: 10px 15px;
    width: 100%;
    color: #ff6600;
    z-index: 99;}*/
.ticker_container span{ font-size: 13px; font-weight: 600;  color:#101112;}
.announceexpand .orange{ color:#101112;}
.announceexpand{ color:#999;}
#newscontent a, .announceexpand a {color: #999; }
.announceexpand li{ margin: 10px 0px; border-bottom: 1px solid #434343; padding-bottom: 10px;}
.news_cover{
    font-size: 14px;
}
#controls a{
    margin:0px 5px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    color: #fff !important;
    background: #101112;
    width: 28px;
    height: 28px;
    line-height: 35px;
}
#controls a svg{width: 18px; height: 18px; fill: #fff;}
#controls a:hover{ opacity: 0.6;}
#pause_trigger,#play_trigger{ display: none !important;}
#newscontent{padding: 5px 0px 15px 0px; height: 100px; color: #999;}
#pause_trigger svg, #play_trigger svg, #prev_trigger svg, #next_trigger svg { fill: #101112;}
#news {display: none;}



.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 480px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    background: #323537;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Right*/
.modal.right.fade .modal-dialog {
    top: -220px;
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    top: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

/*.modal-header {
    border-bottom-color: #4e5052;
    background: #323537;
}*/
.modal-header h4{  color: #333;}
.modal-header .close {        margin-top: 2px;
                          text-shadow: 0 0px 0 #fff;}
.announcementpop li a{ color: #999;}
@media screen and (max-device-width: 640px){
/*    .social-links, .social-links2 {
    display: inline-block;}*/
 .zindexclass{ right: 0px !important;}
    #loginbx {
        margin-bottom: 150px !important;
    }
   /* .login-logo {
    width: 183px;
}*/
    .blackopacity {
        margin-top: 20px !important;
        margin-bottom: 0px;
        z-index: 99; position: inherit !important;
    }
    .blackopacity h1 {
        font-size: 32px;
    }
    .fixedannounce {
        width: 100% !important;
    }
    .signupbox{ height: auto !important;}
    .logo-main {margin: 0px 0px 0px -20px;}
}
@media screen and (min-device-width: 568px)  and (max-device-width: 640px) { 
  .show_large { height: 200px !important;}
   .fixedannounce {
        display: none !important;
    }
}
@media screen and (min-device-width: 992px)  and (max-device-width: 1136px) { 
    .fixedannounce {
        width: 100% !important;
    }
}
@media screen and (max-device-width: 1366px) {
    .show_large{
        max-height: 100%;
        height: 545px;
        overflow: auto;
    }
}
@media screen and (min-height: 560px) and (max-height: 600px){
    .show_large{
        height: 516px;
    }
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #5b5d5f;
    border-bottom: 1px solid #5b5d5f;
    border-radius: 5px 5px 0 0;
}

.popover.top > .arrow::after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #5b5d5f;
    border-bottom-width: 0;
    
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
    padding: 0px 10px;
}

.datepicker.dropdown-menu {
    padding: 5px;
    width:280px;
}
.powered-logo{
background:#fff;
width:100%;
/*height:45px;*/
padding:2px;
text-align:center;
float:left;}
.powered-logo img{
  /*height: 45px;*/
  object-fit: contain;
  /*padding: 5px;*/
max-width: 100%;
display: inline-block;
width: auto !important;
}

  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-13 input[type=checkbox] {
      --active: #101112;
      --active-inner: #fff;
      --focus: 2px rgba(0, 0, 0, .2);
      --border: #BBC1E1;
      --border-hover: #101112;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 21px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-13 input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-13 input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-13 input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
    }
    .checkbox-wrapper-13 input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border);
    }
    .checkbox-wrapper-13 input[type=checkbox]:disabled + label {
      cursor: not-allowed;
    }
    .checkbox-wrapper-13 input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
    }
    .checkbox-wrapper-13 input[type=checkbox]:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
      width: 21px;
      margin-top: 0px;
    }
    .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
    }
    .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
      --o: 1;
    }
    .checkbox-wrapper-13 input[type=checkbox] + label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
    }

    .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
      border-radius: 4px; margin-right: 5px;
    }
    .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
    }
  }

  .checkbox-wrapper-13 * {
    box-sizing: inherit;
  }
  .checkbox-wrapper-13 *:before,
  .checkbox-wrapper-13 *:after {
    box-sizing: inherit;
  }
  .signupbox .form-control{padding: 10px;}
  .signupbox #accept_terms_conditions{font-weight: normal !important; color: #101112;}
  .close > span{font-size: 20px !important; line-height: 22px !important;}
  #annoucement-modal .carousel-control{width: 29px !important; height: 29px !important; top: 0px !important;}
  #annoucement-modal .carousel-control.left{left: -3px !important; opacity: 1;}
  #annoucement-modal .carousel-control.right{right: 10px !important; opacity: 1;}
  #annoucement-modal .controlnav{width: 140px; display: inline-block; border-right: 1px solid #dfdfdf; min-height: 30px;     position: relative;
    margin-right: 15px;  padding-right: 15px;}
    .graybgcolor{overflow: hidden !important;}
    #span_counter{top: -4px; display: inline-block;  position: relative;}
    .frameTC .container-fluid { padding-right: 15px !important;  padding-left: 15px !important;}
.signupbox .form-control{border-radius: 4px !important;}
.signupbox .form-group{margin-bottom: 10px !important;}
.signupbox .mb-15.text-right{border-top:1px solid #dfdfdf; padding-top: 15px;}
.alert{    border-radius: 4px;  padding: 10px 10px;}
.alert .close-ico {
    margin: 9px 9px !important;
}
.alert .close{opacity: 1 !important;}
.btn_signup{font-weight: bold;}
.btn_signup:hover{text-decoration:underline;}