/* Update Abonament Nou & Loializare */
.newabocontainer2019 .portlet-content{
    background: #000;
}

/*
 *	------ Common. ------
 */

.owl-prev,
.owl-next {
    background: none!important;
    border-radius: 15px;
    color: #000000 !important;
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    position: absolute;
    top: 35%;
    z-index: 999;
}

.owl-carousel .owl-controls .owl-dot {
    float: left;
    background-size: cover;
    margin-top: 10px;
}

.owl-prev:hover,
.owl-next:hover {
    opacity: 1!important;
}

.owl-prev {
    left: 10px;
    padding: 5px 10px 5px 5px;
}

.owl-next {
    right: 10px;
    padding: 5px 5px 5px 10px;
}

#owl-demo .item {
    position: relative;
    margin: 5px auto;
    height: 100px!important;
    text-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
}

.abo-carousel .item {
    position: relative;
    margin: 0 auto;
    margin: 5px;
    height: 100px!important;
    text-align: center;
}

#owl-demo2 .item {
    height: 200px;
}


/*========================== price display  ============================*/

#mainprodimg .owl-prev {
    top: 45%;
}

#mainprodimg .owl-next {
    top: 45%;
}

.owl-carousel .owl-controls .owl-dot {
    float: left;
    background-size: cover;
    margin-top: 10px;
}

#mainprodimg {
    padding-right: 20px;
}

#mainprodimg .secondary {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ededed;
    margin: 0 5px;
    width: 70px;
    height: 70px;
}

@media (max-width: 479px) {
    #mainprodimg .item {
        height: 200px;
    }
    #mainprodimg .item img {
        max-height: 200px;
        width: auto;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #mainprodimg .item {
        height: 300px;
    }
    #mainprodimg .item img {
        max-height: 300px;
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #mainprodimg .item {
        height: 400px;
    }
    #mainprodimg .item img {
        max-height: 400px;
        width: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #mainprodimg .item {
        height: 400px;
    }
    #mainprodimg .item img {
        max-height: 400px;
        width: auto;
    }
}

@media (min-width: 1200px) {
    #mainprodimg .item {
        height: 400px;
    }
    #mainprodimg .item img {
        max-height: 400px;
        width: auto;
    }
}

button.btn {
    box-shadow: none;
}

.discprice {
    text-decoration: line-through;
    color: #000;
    font-size: 80%;
}

.spacer80 {
    padding-top: 80px;
}

.spacer60 {
    padding-top: 60px;
}

.spacer50 {
    padding-top: 50px;
}

.spacer50dck {
    padding-top: 0px;
}

.spacer40 {
    padding-top: 40px;
}

.spacer20 {
    padding-top: 20px;
}

.mtall10 {
    margin-top: 20px;
}

.selectprofile .prfname {
    background: #000000 none repeat scroll 0 0;
    border-bottom: 1px solid #000;
    color: #ffffff;
    display: block;
    font-size: 18px;
    margin: 0;
    padding: 10px 20px;
}

.txtdec {
    text-decoration: line-through;
}

.bg-verde {
    background: #50be87;
}

.bg-albastru {
    background: #4bb4e6;
}

.btn-lightmag {
    background: #ffffff;
}

.btn-lightmag:hover {
    color: #ffffff;
}

.bg-dark .btn-lightmag {
    color: #000000;
    background: #ffffff;
}

.bg-dark .btn-lightmag:hover {
    color: #ffffff;
    background: #000000;
    border-color: #000000;
}

.bg-dark .btn-lightmag:focus {
    box-shadow: none;
}

.bg-mov {
    background: #9164cd;
}

.headerh1 {
    font-size: 2em;
}

.labelspecofr {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 99;
}

.drkgrey {
    background: #2d2d2d;
    color: #ffffff;
    margin-bottom: 20px;
}

.drkgrey .row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.drkpr {
    background: #9164cd;
    color: #ffffff;
}

.drkpr .row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.drkbl {
    background: #4bb4e6;
    color: #ffffff;
}

.drkbl .row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.drkgr {
    background: #50be87;
    color: #ffffff;
}

.drkgr .row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.drkbk {
    background: #000000;
    color: #ffffff;
    /*margin-bottom: 20px;*/
}

.drkbk .row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.lightgr {
    background: #efefef;
    color: #000000;
    margin-bottom: 20px;
}

.lightgr .row {
    padding-bottom: 0;
    margin-bottom: 0;
}

.mt10 {
    margin-top: 10px;
}

.mt20mb {
    margin-top: 0px;
}

.mb20mb {
    margin-bottom: 0px;
}

.fullwdtmb {
    width: auto;
}

.mt40mb {
    margin-top: 0px;
}

.pad40 {
    margin-right: 40px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

#abonavTabs ul {
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
}

#abonavTabs li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-right: 20px;
}

#abonavTabs li a {
    /*background: #ffffff url("https://www.orange.ro/orangeliferay-theme/images/assets/newabo/toptab-bg.jpg") repeat-x scroll center bottom;*/
    box-sizing: border-box;
    display: inline-block;
    padding: 27px 37px;
    position: relative;
    cursor: pointer;
}

#abonavTabs li a:hover {
    color: #ff6600;
}

#abonavTabs li a.selected {
    background: #ff6600 none repeat scroll 0 0;
    color: #fff;
}

#abonavTabs li a.selected::after {
    background: rgba(0, 0, 0, 0) url("https://www.orange.ro/orangeliferay-theme/images/assets/newabo/orange-triangle.png") no-repeat scroll 0 0;
    bottom: -9px;
    content: " ";
    display: block;
    height: 9px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    width: 18px;
    z-index: 2;
}

@media (max-width: 768px) {
  #abonavTabs li a {
    padding: 10px 5px;
    max-width: 120px;
    font-size: 14px;
  }
 #abonavTabs li  {
    margin-right: 5px;
  }



}



#abonavTabs .ppynr {
    color: #000000;
}

#abonavTabs .ppynr a {
    font-size: 12px;
}

.rategrandtotal {
    background: url(https://www.orange.ro/orangeliferay-theme/images/assets/icon/rate.png) no-repeat;
    background-size: cover;
    height: 250px;
    width: 250px;
    margin: 0 auto;
    margin-top: 50px;
}

.rategrandtotal .cont {
    max-width: 250px;
    padding: 30px 0 0 0;
    text-align: center;
}

.rategrandtotal p {
    margin: 10px 0;
}


/*========================== caseta logat nr oty = profile  ============================*/

#otylogat {
    padding: 10px 0;
    margin: 0;
}

#otylogat .otyval {
    font-weight: bold;
}

#otylogat .eurotyval {
    font-weight: bold;
}

#otylogatwt {
    background: #ffffff;
    color: #000000;
    border: 1px solid #000;
    padding: 10px 0;
    margin: 0;
}

#otylogatwt .otyval {
    font-weight: bold;
}

#otylogatwt .eurotyval {
    font-weight: bold;
}


/*========================== nvigare taburi  ============================*/

#similarproduct {
    display: none;
    padding-top: 10px;
    margin-bottom: 20px;
}

#similarproduct .col-sm-6 {
    padding-left: 0;
}

#similarproduct .row {
    padding-bottom: 0;
}

#similarproduct .col-lg-12 {
    padding: 0;
}

#similarproduct .nav-tabs {
    border-bottom: 1px solid #000000;
    padding: 0;
    font-weight: bold;
}

#similarproduct .nav-tabs>li>a {
    border-radius: 0;
}

#similarproduct .nav-tabs .active a {
    color: #ff6600 !important;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
}

#similarproduct .nav-tabs .active a:hover {
    color: #ff6600 !important;
    background: #ffffff !important;
}

#similarproduct .nav-tabs li a {
    color: #000000;
    padding: 20px 30px;
}

#similarproduct .nav-tabs li a:hover {
    color: #ffffff;
    background: #000000;
}

#similarproduct .nav-tabs li a:active {
    color: #ffffff;
    background: #ff6600;
}

.orstar {
    color: #ff6600;
}

.grstar {
    color: #ededed;
    margin-right: 2px;
}

.str {
    font-weight: bold;
}

.drop .btn-default.active,
.drop .btn-default.focus,
.drop .btn-default:active,
.drop .btn-default:focus,
.drop .open>.dropdown-toggle.btn-default {
    background: #000000;
    color: #ffffff;
}

.drop .selvers {
    padding-right: 10px;
}

.drop .selvers .span {
    float: left;
}

.drop .selvers .selval {
    max-width: 120px;
    overflow: hidden;
    display: inline-block;
    padding-right: 10px;
    float: left;
}

.drop .dropdown-menu {
    color: #000;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    min-width: 250px;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #000000;
    max-height: 400px;
    overflow-y: auto;
}

.drop .dropdown-menu a,
.drop .dropdown-menu span {
    background: #ffffff;
    font-size: 14px;
    color: #000;
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid #000;
    margin: 0;
}

.drop .dropdown-menu a:hover {
    background: #000000;
    font-size: 14px;
    color: #fff;
}

.drop .dropdown-menu .disable {
    color: #dddddd;
}

.drop .dropdown-menu .disable:hover {
    color: #dddddd;
    background: #ffffff;
}

a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0!important;
    background: #ffffff;
    border-color: #000000;
    box-sizing: 2px;
    margin: 0 10px 0 0!important;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0!important;
    background: #ffffff;
    border-color: #000000;
    box-sizing: 2px;
    margin: 0 0px 0 10px!important;
}

.pagination li {
    background: none;
    border: none;
    list-style: none outside none;
    color: #000!important;
    border-radius: none;
}

.pagination li a {
    color: #000!important;
    background: #ffffff;
    border-color: #ffffff;
    border-radius: none;
    box-sizing: 2px;
    padding: 10px 20px;
    margin: 0 5px;
}

.pagination li a:hover {
    background: #ffffff;
    border-color: #000000;
}

.pagination li.active a {
    color: #fff!important;
    background: #000000;
    border-color: #ffffff;
}

.pagination .active a {
    background: #ffffff;
    color: #000!important;
    border-bottom: 2px solid #ffffff;
}

@media (max-width: 479px) {

  #sectlnks h5{ font-size: 12px;}
    
    .headerh1 {
        font-size: 1.4em;
    }
    .mt20mb {
        margin-top: 20px;
    }
    .mb20mb {
        margin-bottom: 20px;
    }
    .fullwdtmb {
        width: 100%;
    }
    .mt40mb {
        margin-top: 40px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .spacer50dck {
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .spacer50dck {
        padding-top: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .spacer50dck {
        padding-top: 50px;
    }
}

@media (min-width: 1200px) {
    .spacer50dck {
        padding-top: 50px;
    }
}


/**
 *	------ Sections. ------
 */

.bf2015 .pagedet {
    font-weight: bold;
}

.bf2015 .pagedet .day {
    background: url(https://www.orange.ro/orangeliferay-theme/images/assets/bf2015/bnbfpd.png) right bottom no-repeat #4bb4e6;
    background-size: cover;
}

.bf2015 .pagedet .col-sm-4 {
    padding: 0;
}

.bf2015 .pagedet .dskunt {
    color: #ffffff;
    font-size: 20px;
    display: block;
    margin: 10px 0 -10px 0;
}

.bf2015 .pagedet .discval {
    color: #ffffff;
    font-size: 38px;
}

.bf2015 .pagedet .hdlbf2015 {
    color: #ffffff;
    font-size: 20px;
    padding-top: 15px;
    max-width: 250px;
}

.bf2015 .hdlbf20152x {
    font-size: 16px;
    font-weight: bold;
}

.bf2015 .hdlbf20152x .hdlbf20152x2x {
    font-size: 26px;
}

@media (max-width: 479px) {
    .bf2015 .pagedet .day {
        background: #4bb4e6;
    }
    .bf2015 .pagedet .dskunt {
        font-size: 16px;
    }
    .bf2015 .pagedet .discval {
        font-size: 28px;
    }
    .bf2015 .pagedet .hdlbf2015 {
        font-size: 16px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .bf2015 .pagedet .day {
        background: #4bb4e6;
    }
    .bf2015 .pagedet .dskunt {
        font-size: 16px;
    }
    .bf2015 .pagedet .discval {
        font-size: 28px;
    }
    .bf2015 .pagedet .hdlbf2015 {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bf2015 .pagedet {
        display: block;
    }
    .bf2015 .pagedet .day {
        background: #4bb4e6;
    }
    .bf2015 .pagedet .dskunt {
        font-size: 16px;
    }
    .bf2015 .pagedet .discval {
        font-size: 28px;
    }
    .bf2015 .pagedet .hdlbf2015 {
        font-size: 16px;
    }
}

.chart-zone {
    margin: 0 auto;
}

.chart-zone>div {
    text-align: center;
    width: 130px;
    float: left;
}

.prodtitle {
    font-weight: bold;
}

.circular-bar-content {
    position: relative;
}

.data2x {
    position: absolute;
    left: -10px;
    top: -5px;
}

.chart-zone {
    padding: 60px 0 0 0;
    text-align: center;
}

.chart-zone .circular-bar-content {
    margin-bottom: 10px;
    margin-top: -75px;
    text-align: center;
}

.chart-zone .circular-bar-content strong {
    display: block;
    font-weight: bold;
    font-size: 28px;
    height: 80px;
    text-align: center;
    line-height: 26px;
}

.chart-zone .circular-bar-content strong span {
    font-size: 14px;
    display: block;
    width: 100%;
}

.chart-zone .circular-bar-content strong img {
    margin-top: -5px;
}

.chart-zone .circular-bar-content label {
    display: block;
}

#priceslider .row {
    margin-bottom: 0;
}

#priceslider label {
    margin-bottom: 15px;
}

#priceslider .price-slider label {
    display: block;
}

#priceslider .phonefilterVal {
    font-size: 24px;
    display: none;
}

#priceslider .abofilterVal {
    font-size: 24px;
    display: none;
}

.prodimg {
    position: relative;
}

.prodimg .fa-plus {
    position: absolute;
    right: 0px;
    top: 40%;
}

#mainabo .pricebox {
    position: relative;
    padding-top: 20px;
}

#mainabo .grandtotal {
    padding: 20px 0 0 0px;
    background-size: contain;
    margin: 0 auto;
}

#mainabo .smgrandtotal {
    width: 200px;
    height: 200px;
    padding: 20px 0 0 0px;
    background: url("https://www.orange.ro/orangeliferay-theme/images/assets/icon/tariffbul.png") left top no-repeat;
    background-size: contain;
    margin: 0 auto;
}

#mainabo .mainben {
    padding-top: 0px;
    font-size: 1.2em;
    margin-top: 10px;
    font-weight: bold;
}

#mainabo .priceprod {
    color: #ff6600;
    font-size: 1.6em;
    padding: 5px 0;
    display: block;
    font-weight: bold;
}

#mainabo .accprice {
    display: block;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    height: 50px;
    margin: 20px 20px;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-left: -30px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider-tooltip {
    outline: none;
    position: absolute;
    width: 102px;
    height: 50px;
    top: -32px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    background: url("https://www.orange.ro/orangeliferay-theme/images/assets/icon/tlt-arw-dwn.png") no-repeat;
    color: #fff;
    border: 0px solid transparent;
}

.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 4px;
    display: inline-block;
    text-align: center;
}

.slider.slider-vertical {
    height: 210px;
    width: 20px;
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.slider input {
    display: none;
}

.slider .tooltip.top {
    margin-top: -36px;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider .hide {
    display: none;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background: #dddddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    background: #4bb4e6;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
    background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
    background-repeat: repeat-x;
}

.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.slider-handle {}

.slider-handle.round {
    /*border-radius: 5px;*/
}

#sectlnks div {
    background: rgba(255, 255, 255, 0);
    padding-top: 10px;
}

#sectlnks .opzn {
    background: rgba(255, 255, 255, 0.3);
}

#sectlnks .opzn:hover {
    background: rgba(255, 255, 255, 0.2);
}

#sectlnks .opzn a {
    color: #ffffff;
}

#sectlnks a {
    color: #ffffff;
    padding-top: 10px;
    display: block;
    margin-bottom: 10px;
}

#sectlnks span {
    display: block;
}

#sectlnks p {
    padding: 0 10%;
}

.txt {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
}


@media (max-width: 768px) {
.txt {
    font-size: 12px;
}

}



#otherabo {
    padding: 0 0 20px 0;
}

#otherabo .row {
    margin-bottom: 0;
}

#otherabo .abohead>div {
    font-weight: bold;
}

#otherabo .aboresource,
#otherabo .abohead {
    padding: 10px 0;
}

#otherabo .aboplh {
    width: 220px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

#otherabo .col-md-2 {
    max-width: 120px;
}

#otherabo .aboresource .col-md-2 {
    padding-top: 20px;
}

#otherabo .aboname {
    font-weight: bold;
    font-size: 16px;
}

#otherabo .aboprice {
    font-weight: bold;
    font-size: 18px;
    color: #ff6600;
}

#otherabo .abdet {
    margin: 5px 0;
    border: none;
    padding: 10px 0;
    background: #ffffff;
    min-height: 100px;
}

#otherabo .abdetofr {
    margin: 5px 0;
    border: none;
    padding: 0px 0;
    background: #ffffff;
    min-height: 70px;
}

#otherabo .discprice {
    text-decoration: line-through;
    color: #000;
}

#otherabo .det {
    font-size: 11px;
}

#otherabo .det input[type="checkbox"],
#otherabo .det input[type="radio"] {
    margin-top: 0;
}

#otherabo .specofr {
    margin-top: 30px;
}

#otherabo .specofr .labelspecofr {
    top: -20px;
}

#otherabo .mt10 {
    margin-top: 20px;
}

#otherabo .textspecofr {
    font-weight: bold;
    padding-top: 30px;
}

#otherabo .abdet:hover {
    background: #dddddd;
    color: #000000;
}

#otherabo .abdet:hover .aboprice {
    font-weight: bold;
    color: #ff6600;
}

#otherabo .abdet:hover .col-md-2 {
    font-weight: bold;
}

#popdetabo .benabolist li.txt-lg {
    padding-top: 5px;
}

#popdetabo .benabolist li.txt-xs {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

#popdetabo .aboname {
    font-weight: bold;
    font-size: 24px;
}

#popdetabo .aboprice {
    font-weight: bold;
    font-size: 28px;
    color: #ff6600;
}

#popdetabo .txt-xs {
    margin-bottom: 10px;
}

@media (max-width: 479px) {
    #priceslider {
        padding: 0px 0px 0px 0px;
    }
    #abonavTabs .container {
        background: none;
    }
    .prodtitle {
        font-size: 16px;
    }
    .slider.slider-horizontal {
        width: 100px;
    }
    #otherabo .aboresource .col-md-2 {
        padding-top: 0;
    }
    #otherabo .abdet {
        border-bottom: 1px solid #efefef;
        margin: 20px 0;
        padding-bottom: 20px;
    }
    #otherabo .abdet:hover {
        background: #fff;
    }
    #otherabo .specofr {
        margin-top: 40px;
    }
    #otherabo .specofr .labelspecofr {
        top: -20px;
    }
    .aboplh {
        padding-bottom: 20px;
    }
}

#gtkno2 .panel-heading {
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

@media (min-width: 480px) and (max-width: 767px) {
    #priceslider {
        padding: 0px 0 0px 0px;
    }
    #abonavTabs .container {
        background: none;
    }
    .prodtitle {
        font-size: 24px;
    }
    .slider.slider-horizontal {
        width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #priceslider {
        padding: 0px 0 0px 0px;
    }
    #abonavTabs .container {
        background: none;
    }
    .prodtitle {
        font-size: 24px;
    }
    .slider.slider-horizontal {
        width: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #priceslider {
        padding: 0px 0 0px 0px;
    }
    #abonavTabs .container {
        background: none;
    }
    .prodtitle {
        font-size: 24px;
    }
    .slider.slider-horizontal {
        width: 300px;
    }
}

@media (min-width: 1200px) {
    #priceslider {
        padding: 0px 0 0px 0px;
    }
    #abonavTabs .container {
        /*background: url("https://www.orange.ro/orangeliferay-theme/images/assets/newabo/U230648_en.png") right bottom no-repeat;*/
    }
    .prodtitle {
        font-size: 24px;
    }
    .slider.slider-horizontal {
        width: 300px;
    }
}

.newabocontainer2019 { background: #000; color: #fff; }
.newabocontainer2019 .modal  {color: #000;}