/*BREAKING */

.breaking {
    width: 100%;
    overflow: hidden;
}
.breaking-in {
    background: #FFCC33;
    height: 30px;
    display: block;
    position: relative
}
.breaking h3.title{
    background: url('../images/breakingBgrd.png') no-repeat left top;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 27px 9px 10px;
    float:left;
    position: absolute;
    z-index: 1;
}
/*.breaking li{background: url('/assets/front/img/breakingDivider.png') no-repeat right top; padding: 0 30px; line-height: 30px; display: block; font-size: 13px; color: #333;}
.breaking li a{color: #333;}
.breaking li a:hover{color: #CC0000; text-decoration: none;}*/
.breakingDiv {
    left:160px;
    position: absolute;
}
.breakingDiv a {
    font-size: 14px;
    line-height: 30px;
    color: #333
}
.breakingDiv a:hover {
    text-decoration: none;
    color: #666
}

/* BREAKING - liScroll styles */

.tickercontainer { /* the outer div with the black border */
    width: 1200px;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 0;
    top: 0px;
    width: 1200px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 150px;
    list-style-type: none;
    margin: 0;
    padding: 0;

}
ul.newsticker li {
    float: none; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
}


/*-----TOP STORIES switcher - HOME ------*/

.storyMainBox {
    width:100%;
    margin-bottom: 40px;
}
.storyMainBoxLeft {
    width:50%;
    float:left;
    padding:0;
    background:none;
}
.textContainer{
    position:relative;
    width:100%;
}
.textContainer img{
    width:100%;
}
.storyMainBoxFotoHolder {
    line-height: 0;
}
.storyMainBoxTextHolder{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
.storyMainBoxTextHolder h2{
    font-size:13px;
    margin:0;
    background: #BF1522;
    color: #fff;
    padding: 5px 8px;
    float: left;
    line-height: 100%;
    margin-right: 1px;
}
.storyMainBoxTextHolder h2 a{
    color: #fff;
}
.storyMainBoxTextHolder .date{
    color:#161616;
    padding:5px;
    background: #fff;
    float: left;
    font-size: 12px;
    line-height: 100%;
    margin-right: 1px;
    height: 13px
}
.storyMainBoxTextHolder .commentCount{
    color:#161616;
    padding:5px;
    background: #fff url('../images/commentCount.gif') no-repeat 5px center;
    float: left;
    font-size: 12px;
    line-height: 100%;
    padding-left: 22px;
    height: 13px;
}
.storyMainBoxTextHolder .lead{
    opacity: 0.7;
    background: #000;
    padding: 15px;
    color:#FFFFFF;
    line-height:130%;
    font-size: 22px;
    clear: left;
    width: 70%;
}
.storyMainBoxTextHolder .lead a {
    color: #fff;
}
.storyMainBoxTextHolder .lead a:hover {
    text-decoration: none
}
.storyMainBoxTextHolder .lead .more{
    font-family:Tahoma;
    font-size:13px;
    color:#FFC90A
}

.storyMainBoxListLinks {
    width:50%;
    float:left;
    background-color: #eee
}
.storyMainBoxListLinks ul{
    margin:0;
    width: 100%
}
.storyMainBoxListLinks ul li{
    margin:0;
    padding:0;
    width:100%;
    display: table;
}
.storyMainBoxListLinks ul li a{
    font-family:Arial;
    font-size:13px;
    color:#333;
    background:#fff;
    padding: 0;
    width:95%;
    padding: 2px 0 2px 5%;
    border-bottom: 1px solid #eee;
}
.storyMainBoxListLinks ul li a.last {
    border-bottom: 0
}
.storyMainBoxListLinks ul li a:hover {
    background:#161616;
    color:#fff;
    text-decoration:none;
}
.storyMainBoxListLinks ul li a.active{
    background:#333;
    color:#fff;
    text-decoration:none;
}

.storyMainBoxListLinks ul li a span{
    display: block;
    float: left;
    margin-top: 4px;
}
.storyMainBoxListLinks ul li a span.uptitle{
    color: #BF1522;
    font-size: 13px;
    float: left;
    line-height: 13px;
    text-transform: uppercase;
    padding-right: 5px;
}
.storyMainBoxListLinks ul li a span.date{
    color: #161616;
    font-size: 11px;
    line-height: 11px;
    border-right: 1px solid #161616;
    padding-right: 10px;
    margin-right: 10px;
}
.storyMainBoxListLinks ul li a.active span.date, .storyMainBoxListLinks ul li a:hover span.date {
    border-right-color: #fff
}
.storyMainBoxListLinks ul li a span.commentCount{
    color: #161616;
    font-size: 11px;
    line-height: 11px;
    background: url('../images/commentCountRed.png') no-repeat right center;
    padding-right: 15px;
}
.storyMainBoxListLinks ul li a span.title{
    clear: left;
    float: none
}
.storyMainBoxListLinks ul li a span.thumb {
    float: right;
    width: 24.7%;
    margin-top: 0;
    line-height: 0
}
.storyMainBoxListLinks ul li a span.thumb img {
    width: 100%
}

.storyMainBoxListLinks ul li a.active span.date, .storyMainBoxListLinks ul li a.active span.commentCount{
    color: #fff;
}


/*-----TOP STORIES scrollContent - HOME ------*/

.storyMainBox .rowFull{
    background:none;
    width:100%;
    margin:0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
}
.storyMainBox .rowFull h3.mainTitle{
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
}

.scrollContent{
    margin:0 auto;
    position:relative;
    width:100%;
    margin-top:10px
}
.scrollContent .scrollable {
    position:relative;
    overflow:hidden;
    width: 100%;
    height:285px;
    margin: 0 auto;
    padding:0;
}
.scrollContent .scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
    line-height:100%;
}
.scrollContent .scrollable .items div {
    float:left;
    width:160px;
    margin:0 20px 0 0;
    background:none;
    padding:0;
    position:relative;
    height:270px
}
.scrollContent .scrollable .items div h6 {
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0 0 5px;
}
.scrollContent .scrollable .items div h6 a, .scrollContent .scrollable .items div h6 a:hover, .scrollContent .scrollable .items div h6 a:visited{
    text-decoration:none
}
.scrollContent .scrollable .items div img {
    vertical-align:bottom;
    width: 160px;
    height: 106px;
}
.scrollContent .scrollable .items p.date-commentCount{
    font-size:11px;
    color:#CC0000;
    padding:5px 0 5px 0
}
.scrollContent .scrollable .items p.date-commentCount span.commentCount{
    background: url("../images/commentCountRed.png") no-repeat scroll right bottom transparent;
    padding-right: 17px;
}
.scrollContent .scrollable .items p.title {
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0 0 5px;
    padding:0 0 5px 0;
    line-height: 130%;
}
.scrollContent .scrollable .items p.title a{
    font-size:13px;
    color:#333;
    padding:0
}
.scrollContent .scrollable .items p.lead {
    font-size:12px;
    color:#878585;
    padding:0 0 5px 0;
    line-height: 150%;
}

.scrollContent a.prev, .scrollContent a.prevPage {
    display:block;
    width:23px;
    height:25px;
    margin:0;
    cursor:pointer;
    background: url('../images/leftArrow.png') no-repeat;
    position: absolute;
    right: 33px;
    top: -43px;
}
.scrollContent a.next, .scrollContent a.nextPage {
    display:block;
    width:23px;
    height:25px;
    margin:0;
    cursor:pointer;
    background: url('../images/leftArrow.png') no-repeat;
    position: absolute;
    top: -43px;
    right:0;
}
.scrollContent a.prev:hover, .scrollContent a.next:hover, .scrollContent a.prevPage:hover, .scrollContent a.nextPage:hover {
    background-position:0px -25px
}
.scrollContent a.disabled {
    visibility:hidden !important
}
.scrollContent a.next, .scrollContent a.nextPage {
    background-image:url('../images/rightArrow.png');
    clear:right;
}
.scrollContent .navigator {
    display: none;
}

/*-----LATEST SECTION STORIES Thrid - HOME ------*/

.partBoxThrid {
    margin-bottom: 40px;
}
.partBoxThrid  .partRow1{
    width:100%;
    margin:0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    padding: 5px 0;
}
.partBoxThrid  .partRow1 h3{
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}
.partBoxThrid  .partRow1 h3 .all{
    background-image:url('../images/rightArrow.png');
    display:block;
    width:23px;
    height:25px;
}
.partBoxThrid  .partRow1 h3 .all:hover{
    background-position: 0 -25px;
}

.partBoxThrid .partRow2{
    margin-top: 10px;
    width: 100%
}
.partBoxThrid .partRow2 ul{
    margin: 0;
}
.partBoxThrid .partRow2 ul li{
    margin: 0 0 4px 0;
    width: 100%;
}
.partBoxThrid .partRow2 ul li a.smallThumb{
    width: 35%;
    float: left;
    margin: 0 5% 0 0;
    line-height:  0;
}
.partBoxThrid .partRow2 ul li a img{
    width: 100%;
}
.partBoxThrid .partRow2 ul li p.eventDate_commentCount{
    color: #CC0000;
    font-size: 11px;
}
.partBoxThrid .partRow2 ul li p.eventDate_commentCount span.eventDate{
    border-right: 1px solid #cc0000;
    display: inline-block;
    line-height: 11px;
    padding-right: 3px;
    margin-right: 2px;
}
.partBoxThrid .partRow2 ul li p.eventDate_commentCount span.commentCount{
    background: url('../images/commentCountRed.png') no-repeat scroll right bottom transparent;
    padding-right: 17px;
}
.partBoxThrid .partRow2 ul li h2.title{
    color: #333;
    font-size: 13px;
    font-weight: bold;
}
.partBoxThrid .partRow2 ul li h2.title a{
    color: #333;
}

/*-----LATEST SECTION STORIES Full - HOME ------*/

.partBoxFull {
    margin-bottom: 40px;
}
.partBoxFull .partRow1{
    width:100%;
    margin:0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    padding: 5px 0;
}
.partBoxFull .partRow1 h3{
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}
.partBoxFull .partRow1 h3 .all{
    background-image:url('../images/rightArrow.png');
    display:block;
    width:23px;
    height:25px;
}
.partBoxFull .partRow1 h3 .all:hover{
    background-position: 0 -25px;
}

.partBoxFull .partRow2{
    margin-top: 10px;
    width: 100%
}
.partBoxFull .partRow2 ul{
    margin: 0;
}
.partBoxFull .partRow2 ul li {
    margin: 0 0 10px 0;
    width: 38%;
    float: right;
    clear: right;
    background-image: url('../images/gw-separator.gif');
    background-position: bottom;
    background-repeat:  repeat-x;
}
.partBoxFull .partRow2 ul li.first {
    width: 60%;
    margin-right:  2%;
    background-image: none;
    margin-bottom: 0;
    float: left;
}
.partBoxFull .partRow2 ul li a.smallThumb{
    width: 50%;
    float: left;
    margin: 0 3% 0 0;
    line-height:  0;
}
.partBoxFull .partRow2 ul li a img{
    width: 100%;
}
.partBoxFull .partRow2 ul li p.eventDate_commentCount{
    color: #CC0000;
    font-size: 11px;
}
.partBoxFull .partRow2 ul li p.eventDate_commentCount span.eventDate{
    border-right: 1px solid #cc0000;
    display: inline-block;
    line-height: 11px;
    padding-right: 3px;
    margin-right: 2px;
}
.partBoxFull .partRow2 ul li p.eventDate_commentCount span.commentCount{
    background: url('../images/commentCountRed.png') no-repeat scroll right bottom transparent;
    padding-right: 17px;
}
.partBoxFull .partRow2 ul li p.leadShort {
    font-size: 15px;
}
.partBoxFull .partRow2 ul li h2.title{
    color: #333;
    font-size: 13px;
}
.partBoxFull .partRow2 ul li h2.title a{
    color: #333;
}
.partBoxFull .partRow2 ul li.first h2.title a{
    font-size:  26px;
    line-height: 125%
}


/*----- LATEST and TOP STORIES horizontal 2 - HOME ------*/

.partHor2 .partRow2 ul li h2.title {
    font-size: 18px
}
.partHor2 .partRow2 ul li {
    width: 49%;
    margin-bottom: 0
}
.partHor2 .partRow2 ul li.first {
    width: 49%
}
.partHor2 .partRow2 ul li {
    background-image: none
}
.partHor2 .partRow2 ul li a img {
    margin-bottom: 15px;
}
.partHor2 .partRow2 ul li.first h2.title a {
    font-size: inherit;
}




/*-----TOP STORIES horizontal - HOME ------*/

.topStoriesHorizontal {
    width: 100%;
    margin-top: 10px;
}
.topStoriesHorizontal .item {
    float: left;
    width: 18.4%;
    margin-left: 2%;
}
.topStoriesHorizontal .first {
    margin-left:  0;
}
.topStoriesHorizontal .item img {
    width: 100%;
    margin-bottom:  5px;
}
.topStoriesHorizontal .item p {
    padding-bottom: 2px;
}
.topStoriesHorizontal .item .date-commentCount {
    font-size:  11px;
    color: #CC0000;
}
.topStoriesHorizontal .item .date-commentCount .commentCount {
    background: url('../images/commentCountRed.png') no-repeat right center;
    /*    color: #161616;
        font-size: 11px; 
        line-height: 11px; */
    padding-right: 15px;
}
.topStoriesHorizontal .item .title {
    padding-bottom: 10px;
}
.topStoriesHorizontal .item .title a {
    font-size:  13px;
    color: #333;
    font-weight: bold;
}

/*videoPhoto*/
.videoFoto{
    display: block;
    margin-bottom: 44px;
    width: 100%;
}
.videoFoto .panes{
    margin-top: -7px;
    display:block;
    background: #fff;
    padding: 7%;
    z-index: 1;
    position: relative;
    -webkit-box-shadow:  0px 0px 2px 0px #878787;
    box-shadow:  0px 0px 2px 0px #878787;
    -moz-box-shadow:  0px 0px 2px 0px #878787;
}
.videoFoto .panes .homeVideo, .videoFoto .panes .homePhoto{
    color: #333;
    font-weight: bold;
    font-size: 13px;
    line-height: 130%;
    display: block;
}
.videoFoto ul{
    display: inline-block;
    width: 100%;
}
.videoFoto ul, .videoFoto ul li{
    margin: 0;
}
.videoFoto ul li{
    list-style: none;
    float: left;
    padding: 8px 0;
    display: block;
    background: url('../images/tabsBgrd.png') repeat-x left top;
    border:1px solid #b4b4b4;
    margin-top: 5px;
    text-align: center;
    width: 120px;
}
.videoFoto ul li.active{
    border:none;
    padding: 10px 0;
    background: #fff;
    z-index: 2;
    position: relative;
    width: 120px;
    text-align: center;
    -webkit-box-shadow:  0px 0px 2px 0px #878787;
    box-shadow:  0px 0px 2px 0px #878787;
    -moz-box-shadow:  0px 0px 2px 0px #878787;
    margin: 0;
}
.videoFoto ul li.active a{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0;
    position: relative;
}
.videoFoto ul li.photo{
    width: 112px;
}
.videoFoto ul li.photo.active a{
    padding: 0;
}
.videoFoto ul li a span{
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.videoFoto ul li a:hover, .videoFoto ul li a:hover span{
    text-decoration: none;
}
.videoFoto .panes img{
    width: 100%;
}

/*program-tabs*/
.program{
    display: block;
    margin-bottom: 55px;
    display:block;
    background: #fff;
    padding: 0 35px 20px;
    position: relative;
    top:15px;
    -webkit-box-shadow:  0px 0px 2px 0px #878787;
    box-shadow:  0px 0px 2px 0px #878787;
    -moz-box-shadow:  0px 0px 2px 0px #878787;
}
.program .panes{
    display:block;
}

.program .tabs-links{
    display: inline-block;
    width: 100%;
    background: #161616;
    height: 60px;
}
.program ul, .program ul li{
    margin: 0;
}
.program ul li{
    list-style: none;
    float: left;
    padding: 0;
    display: block;
}
.program ul li.active-pr{
    border:none;
    padding: 0;
    z-index: 2;
    position: relative;
}
.program ul li a{
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.program ul li a:hover{
    text-decoration: none;
}

.program table{
    border-collapse:collapse;
    border-left: none;
    color: #333;
    font-size: 13px;
    margin: 0;
    text-align:left;
    width:100%;
}
.program table thead tr td, .program table thead tr td th{
    background-color:#F2F2F2;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    color:#333333;
    font-weight:normal;
    padding:8px 15px;
    font-size:13px;
    line-height:130%;
}
.program table tbody tr td{
    background-color:#F2F2F2;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    padding:8px 15px;
    color:#333;
    font-size:13px;
    line-height:23px;
    font-family:Tahoma, Arial;
}
.program table tbody tr th{
    background-color:#F2F2F2;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    color:#333;
    font-weight:normal;
    padding:8px 15px;
    font-size:13px;
    line-height:130%;
}
.program table tbody tr td ul, .program table tbody tr td ol{
    margin:0;
}

.program table span{
    color: #fff;
    font-size: 13px;
    line-height: 100%;
    display: inline;
    background: #CC0000;
    float: right;
    padding: 5px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    behavior: url(../PIE.htc);
}

.program table tbody tr td.time{
    text-align: center;
    font-weight: bold;
}
.program table tbody tr td.current{
    background: #FFCC33;
    font-weight: bold;
}

.program ul{
    margin: 0 auto;
    width: 80%;
    height: 50px;
    padding-bottom: 8px;
    background: #d2d2d2;
    margin-top: -15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(../PIE.htc);
    display: table;
}
.program .tabs-links li{
    display: table-cell;
    width: 20%;
    text-align: center;
}
.program .tabs-links li a{
    border: 1px solid #B3B3B3;
    display: block;
    height: 50px;
    line-height: 50px;
}
.program ul li a{
    background: #f4f4f4;
}
.panes-all{
    margin-top: -4px;
}
.program .tabs-links li.programTab-1 a{
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    behavior: url(../PIE.htc);
}
.program .tabs-links li.programTab-5 a{
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius:0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    behavior: url(../PIE.htc);
}
.program .tabs-links li a span{
    height: 48px;
    display: block;
    border: 1px solid #fff;
}
.program .tabs-links li.programTab-1 a span{
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    behavior: url(../PIE.htc);
}
.program .tabs-links li.programTab-5 a span{
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius:0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    behavior: url(../PIE.htc);
}

.program .tabs-links li.programTab-1 a span{
    background:url('../images/tab-1-default.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.programTab-2 a span{
    background:url('../images/tab-2-default.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.programTab-3 a span{
    background:url('../images/tab-3-default.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.programTab-4 a span{
    background:url('../images/tab-4-default.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.programTab-5 a span{
    background:url('../images/tab-5-default.png') no-repeat center top;
    text-align: center;
}

.program .tabs-links li.active-pr.programTab-1 a span, .program .tabs-links li.programTab-1 a:hover span{
    background:url('../images/tab-1.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-2 a span, .program .tabs-links li.programTab-2 a:hover span{
    background:url('../images/tab-2.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-3 a span, .program .tabs-links li.programTab-3 a:hover span{
    background:url('../images/tab-3.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-4 a span, .program .tabs-links li.programTab-4 a:hover span{
    background:url('../images/tab-4.png') no-repeat center top;
    text-align: center;
}
.program .tabs-links li.active-pr.programTab-5 a span, .program .tabs-links li.programTab-5 a:hover span{
    background:url('../images/tab-5.png') no-repeat center top;
    text-align: center;
}

/*-- latest all --*/
.latestAll li {
    background-image: url("../images/gw-separator.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 5px;
}
.latestAll li .releaseTime {
    display: block;
    float: left;
    width: 40px;
    color: #cc0000;
}
.latestAll li .title a {
    color: #333;
    margin-left: 10px;
}
.latestAll .vidijos {
    text-align: center;
    display: block;
    margin-top: 10px;
}
.latestAll .vidijos a {
    background-color: #cc0000;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 8px;
    font-size: 13px;
    display: inline-block
}

/*-- free entry thrid --*/
#content .partBoxThrid {
    width: 49%;
}
#content .partBoxThrid.left {
    margin-right: 2%
}

/*-- part Ankete --*/
.poll h3 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.poll form {
    color: #333;
}
.poll .buttonHolderFull {
    border-top: 1px solid #fff;
    padding-top: 15px;
    margin-top: 15px;
}
.poll .pollHolder {
    padding: 5px 0px;
}
.poll button {
    background-color: #cc0000;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 8px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
}
#articleHolderAjax{
    margin-bottom: 30px;
    width: 300px;
}
.upcoming{
    background:#0c4da2;
    height:33px;
    margin-bottom:10px;
    padding-top:4px;
}
.upcoming h3{
    color:#fff;
    text-transform:uppercase;
    margin:0;
    padding-left:10px;
    float:left;
}
#calendarHoder{
    padding:0;
}
#calendarHoder h1{
    text-align: center;
    margin-top: 30px;
    padding: 13px 0;
    background: #123d7b;
    font-size: 16px;
    color:#fff;
    font-weight: 600;
    margin-bottom: 0;
}
#calendarHoder h3{
    background:#f2f2f2;
    height: 32px;
    line-height: 32px;
    color: #333;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    padding: 4px 0;
}
/*#calendarHoder #previousMonth{
    background:url(/assets/front/img/arrows/arrowLCal.png) left top no-repeat; 
    height:14px; 
    width:8px;
    float:left; 
    margin: 9px 0 0 10px;
}*/
/*#calendarHoder #nextMonth{ background:url(/assets/front/img/arrows/arrowRCal.png) right top no-repeat;
                           height:14px; width:8px; 
                           float:right;
                           margin: 9px 10px 0 0;
}*/
#calendarHoder #previousMonth i{
    color: #333;
    font-size: 16px;
    height:14px;
    width:8px;
    float:left;
    margin: 9px 0 0 10px;
}
#calendarHoder #nextMonth i{
    color: #333;
    font-size: 16px;
    height:14px;
    width:8px;
    float:right;
    margin: 9px 10px 0 0;
}
#calendarHoder span.monthName{
    color: #333;
    text-transform: capitalize;
    display: block;
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 264px;
}

#calendarHoder #calendarTable{
    border-left:1px solid #cdd1d5;
    margin:0 0 10px 0;
    text-align:center;
    color:#666;
    font-size:13px;
    line-height:150%;
    box-shadow: none;
}
#calendarHoder #calendarTable tbody tr td {
    background-color: #fcfcfc;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    width: 42px;
    height: 32px;
    line-height: 30px;
    border-top: 1px solid #cdd1d5;
    border-right: 1px solid #cdd1d5;
    border-bottom: 1px solid #cdd1d5;
    padding: 0;
}
#calendarHoder #calendarTable tbody tr td.day_current{
    background-color:#02a9f3;
}
#calendarHoder #calendarTable tbody tr td.dayName{
    background-color: #fff;
    font-size: 13px;
    color: #333;
    text-shadow: 1px 1px 0px #ffffff
}
#calendarHoder #calendarTable tbody tr td.day_current span a.dayLink, #calendarHoder #calendarTable tbody tr td.day_current span{
    color: #fff;
    background: none;
    border: none;
    width: auto;
    height: auto;
}
#calendarHoder #calendarTable tbody tr td span a.dayLink{
    background:#123d7b;
    cursor: pointer;
    border: 1px solid #fcfcfc;
    line-height: 30px;
    width: 40px;
    height: 30px;
    color: #fff;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#calendarHoder #calendarTable tbody tr td span.day_current a.dayLink {
    background: #02a9f3;
}
#calendarHoder #calendarTable tbody tr td span a.dayLink:hover{
    opacity: 0.9;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#calendarHoder #calendarTable tbody tr td span a.dayLink:hover{
    text-decoration: none;
}
.text-cal h2{
    color: #D12C34;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.text-cal h3{
    color: #D12C34;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.text-cal p{
    color: #666;
    font-size: 13px;
    padding-bottom: 5px;
}

.calendarModal {
    box-shadow: 0px 0px 6px 2px #ccc;
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: #fff;
    width: 274px;
    min-height:212px;
    position: absolute;
    top: 90px;
    left: 10px;
    z-index: 99;
}
.calendarNaslov {
    background: #fff;
    height: 32px;
}
.calendarNaslov span {
    display: block;
    line-height: 32px;
    width: 232px;
    margin-left: 10px;
    color: #333;
    font-weight: 400;
    font-size: 18px;
    float: left;
    text-align: center;
}
.calendarNaslov a {
    display: block;
    width: 32px;
    height: 32px;
    float: right;
}
.calendarNaslov a i {
    color: #333;
    font-size: 20px;
    margin-top: 9px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.calendarNaslov a:hover i {
    opacity: 0.8;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.calendarText {
    padding: 10px;
    font-size: 13px;
    color: #666;
}
.calendarText p {
    padding-bottom: 5px;
    line-height: 130%;
    color:#333;
    font-size: 14px;
    font-weight: 14px;
}

/* ------------------------------------------------------------------- REDESIGN --------------------------------------------------------------------------------------------- */

/* --------------------------- TOP STORIES 2-2-2 ---------------------------- */

.topLIstStory-3-3 {
    margin: 40px 0;
}
.partBoxFull.newFragment .partRow1 {
    border: 0;
    padding: 0;
}
#content .newFragment h2.mainTitle {
    font-size: 30px;
    color: #133D7B;
    margin: 0 0 20px;
}
.topLIstStory-3-3 .gridHolder {
    width: calc(100% + 60px);
    margin: 0 -30px;
}
.topLIstStory-3-3 .gridHolder .half {
    padding: 0 30px;
    display: table;
    margin-bottom: 40px;
}
a.ImgWrapper {
    width: 160px;
    float: left;
    margin-right: 20px;
    webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: 1;
}
a.ImgWrapper:hover {
    webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: 0.8;
}
a.ImgWrapper img {
    width: 100%;
    height: auto;
    display: block;
}
.storyTextNew {
    float: left;
    width: calc(100% - 180px);
    padding-bottom: 36px;
    position: relative;
    min-height: 84px;
}
.storyTextNew .date {
    font-size: 12px;
    font-weight: 600;
}
#content .storyTextNew h5 {
    font-size: 18px;
    margin: 0 0 10px;
}
.storyTextNew h5 a {
    color: #333;
}
.storyTextNew h5 a:hover {
    color: #C03A41;
}
.storyTextNew a.button-link {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* ------------------------------ TOP ARTICLE 4 ----------------------------- */

.whiteBackground {
    background-color: #fff;
    padding: 30px 40px 25px;
    width: 100%;
    box-sizing: border-box;
}
.partBoxFull.topArticle-4 {
    margin: 40px 0 60px;
}
.topArticle-4 .fullLink {
    width: 100%;
    padding: 10px 0 15px;
    border-bottom: 1px solid rgba(103,103,103,0.3);
    font-size: 18px;
    position: relative;
    display: block;
    clear: both;
}
.topArticle-4 .fullLink.last {
    border-bottom: none;
}
.topArticle-4 .fullLink a {
    color: #333;
    font-weight: 600;
    width: 100%;
    box-sizing: border-box;
    padding-left: 120px;
    display: block;
}
.topArticle-4 .fullLink a:hover {
    color: #c03a41;
}
.fullLink .dateSpan {
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
    padding: 4px 10px;
    background-color: #C03A41;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
}

/* -------------------------- TOP ARTICLE 3 BANERS -------------------------- */

.partBoxFull.topArticle-3 {
    margin: 40px 0 30px;
}
.topArticle-3 .gridHolder {
    width: calc(100% + 140px);
    margin: 0 -70px;
}
.topArticle-3 .gridHolder .four {
    padding: 0 70px;
    margin-bottom: 30px;
}
.topArticle-3 .four img {
    width: 100%;
    height: auto;
    display: block;
}

/* --------------------------- TOP ARTICLE 1-1-9 ---------------------------- */

.topArticle-1-1-9 {
    width: 100%;
    margin: 60px 0 40px;
}
.topArticle-1-1-9 .eight,
.topArticle-1-1-9 .four {
    margin-bottom: 20px;
}
.firstWithImage {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #A82D33;
}
.firstWithImage .text {
    padding: 28px 5px 28px 40px;
    text-align: center;
    color: #fff;
    float: left;
    position: relative;
    z-index: 2;
}
.firstWithImage .text span {
    display: block;
}
.firstWithImage .text span.uptitle {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    font-weight: 600;
}
.firstWithImage .text span.title {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.firstWithImage .text span.title:after {
    width: 80px;
    height: 4px;
    display: block;
    content: '';
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#content .firstWithImage .text span.body p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
}
.firstWithImage img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    /*    top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);*/
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    display: block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.topArticle-1-1-9 .eight a:hover img {
    opacity: 0.25;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.workinHour,
a.linkWrapper {
    background-color: #123D7B;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.workinHour {
    min-height: 160px;
}
a.linkWrapper:hover {
    background-color: #C03A41;
}
.workinHour .img,
a.linkWrapper .img {
    margin: 20px 20px 20px 30px;
    background-color: #0C3570;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
a.linkWrapper:hover .img {
    background-color: #A82D33;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.workinHour .textRight,
a.linkWrapper .textRight {
    padding-right: 60px;
    font-size: 18px;
    font-weight: 600;
    width: calc(100% - 110px);
    box-sizing: border-box;
}
.workinHour .textRight .title {
    font-size: 20px;
    font-weight: bold;
}
.workinHour .textRight .body {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
#content .workinHour .textRight .body p {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
}
.workinHour .textRight .body p strong {
    font-weight: 600;
}
.workinHour .rightArrow,
a.linkWrapper .rightArrow {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.workinHour .iHolder,
a.linkWrapper .iHolder {
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    background-color: #0C3570;
    width: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
a.linkWrapper:hover .iHolder {
    background-color: #A82D33;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
a.linkWrapper .iHolder i {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.workinHour .iHolder:before,
a.linkWrapper .iHolder:before {
    /*    background: linear-gradient(to left top, #0C3570 0%, #0C3570 49%, transparent 50%);*/
    background: url("../images/Rectangle-Blue.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width:17px;
    height: 100%;
    bottom: 0;
    left: -17px;
    content: "";
    display: block;
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
a.linkWrapper .img img {
    display: block;
}
.workinHour .iHolder:after,
a.linkWrapper .iHolder:after {
    /*    background: linear-gradient(to left top, #0C3570 0%, #0C3570 49%, transparent 50%);*/
    background: url("../images/Rectangle-Red.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width:17px;
    height: 100%;
    bottom: 0;
    left: -17px;
    content: "";
    display: block;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
a.linkWrapper:hover .iHolder:before {
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
a.linkWrapper:hover .iHolder:after {
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.fourNew,
.fourNew2 {
    float: left;
    padding: 0 15px;
    width: 33.33%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.topArticle-1-1-9 .fourNew2.first {
    clear: both;
}
/*.gridHolder .fourNew2:nth-of-type(4),
.gridHolder .fourNew2:nth-of-type(7) {
    clear: left;
}*/

/* ---------------------------- TOP STORIES 2-2 ----------------------------- */

.partBoxFull.topStory-2-2 {
    margin: 40px 0 30px;
}
a.titleLink {
    width: 100%;
    padding: 15px 30px;
    box-sizing: border-box;
    border: 1px solid #C03A41;
    background-color: #C03A41;
    display: block;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*a.titleLink:hover {
    border: 1px solid #C03A41;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}*/
#content a.titleLink h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 10px;
    min-height: 44px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*#content a.titleLink:hover h5 {
    color: #C03A41;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}*/
a.titleLink .readMoreNew {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
}
a.titleLink .readMoreNew i {
    margin-left: 10px;
}
a.titleLink:hover .readMoreNew {
    /*    color: #C03A41;*/
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.titleLink .readMoreNew:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -2px;
    bottom: -2px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.titleLink:hover .readMoreNew:after {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* ---------------------------- HOME SLIDER --------------------------------- */

.sliderTop {
    margin: 50px 0 40px;
    width: 100%;
}
.sliderTop .item {
    background-color: #fff;
    padding: 30px 40px;
}
.sliderTop .digitalniObrazac p {
    margin-bottom: 40px !important
}
.sliderItems {
    position: relative;
    background-color: #fff;
}
#content .sliderItems .slick-dots {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 50%;
    bottom: 25px;
    display: flex;
    justify-content: center;
    list-style: none;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#content .sliderItems .slick-dots li {
    margin: 0 5px;
}
.sliderItems .slick-dots li button {
    font-size: 1px;
    color: transparent;
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: block;
    transition: all 0.3s ease;
    background-color: #123d7b;
    border-radius: 50%;
}
.sliderItems .slick-dots li button:hover,
.sliderItems .slick-dots li.slick-active button {
    background-color: #c03a41;
}
/* Digitalni obrazac */

.circle {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    background-color: #02a9f3;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 20px;
    line-height: 100px;
    position: relative;
    margin: 0 auto 10px;
}
.circle span {
    font-size: 14px;
    text-transform: uppercase;
    clear: both;
    position: absolute;
    top: -14px;
    left: 20px;
    width: 100px;
}
.digitalniObrazac p {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    width: 80%;
    margin: 0 auto 80px !important;
}


.isteklo .circle {
    background-color: #C03A41;
}
.digitalniObrazac .isteklo p {
    color: #C03A41;
}

/* ---------------------------- NAGRADNA IGRA ------------------------------- */
.topArticle-nagradnaIgra {
    margin-top: 40px;
}
.nagradnaIgraWrapper {
    background-color: #fff;
    padding: 10px 10px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.niLogo {
    flex-basis: 120px;
    width: 120px;
    flex-grow: 0;
    flex-shrink: 0;
    height: auto;
    display: block;
    margin-right: 40px;
}
.niDataTable {
    flex-basis: calc(100% - 160px);
    flex-grow: 1;
    flex-shrink: 1;
}
.niDataTableContent.desktop {
    display: grid;
    width: 100%;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    align-items: stretch;
}
.niDataTable .fakeTitle {
    background-color: rgba(19,61,123,0.1);
    color: #133D7B;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    border-left: 2px solid #fff;
    text-transform: uppercase;
    text-align: center;
}
.niDataTable .fakeTitle:first-child {
    border-left: none;
    padding-left: 25px;
}
.niDataTable .data1,
.niDataTable .data2 {
    text-align: center;
    color: #133D7B;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 5px;
}
.niDataTable .data1 {
    border-bottom: 1px solid #F0F0F0;
}
.niDataTable .data1.rowTitle,
.niDataTable .data2.rowTitle {
    padding-left: 25px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #676767;
    font-weight: normal;
}
.niDataTable .fakeTitle,
.niDataTable .data1,
.niDataTable .data2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.niDataTable .fakeTitle:first-child,
.niDataTable .data1.rowTitle,
.niDataTable .data2.rowTitle {
    justify-content: flex-start;
    text-align: left;
}
.niDataTableContent.mobile {
    display: none;
}

/* ---------------------------- TOP DOWNLOAD BANNER ------------------------- */
.singleExtension-download a {
    margin-top: 40px;
    background-color: #123d7b;
    padding: 20px 110px;
    color: #fff;
    text-align: left;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    min-height: 200px;
}
.singleExtension-download a:hover {
    opacity: 0.9;
}
#content .singleExtension-download p:last-child {
    margin-bottom: 0;
}
.singleExtension-download p {
    color: #fff;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
}
.img-banner-blue img {
    display: block;
    padding: 10px;
    width: 60px;
    transition: all 0.3s ease;
}
/* 14.03.2025. */
.firstWithImage {
    height: 160px;
}
.firstWithImage .text {
    padding: 15px 5px 15px 40px;
}
.firstWithImage .text span.title {
    font-size: 16px;
}
#content .firstWithImage .text span.body p {
    font-size: 16px;
    font-weight: normal;
}
.firstWithImage_newBanner{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.firstWithImage_newBanner img{
    width: 100%;
    height: 100%;
}
.newBanner .fourNew a.linkWrapper{
    min-height: 193px;
}