body { background:#E6E6E6;
       overflow-x: hidden;
}

#hero .primary-content {
  margin:0 auto;
  width:1300px;
  display:block;
  position:relative;
}

/*.header{background:#282828; width:100%; height:130px; padding-top:20px;
-webkit-transition: background  0.3s ease-out;
-moz-transition: background  0.3s ease-out;
-ms-transition: background  0.3s ease-out;
-o-transition: background  0.3s ease-out;
transition: background  0.3s ease-out;}
.header h1.logo{background:url(../img/logo-largest.png) left top no-repeat; width:291px; height:90px; display:block; margin:0 auto; text-indent:-99999px;}
.header h1.logo a{cursor:pointer; display:block; height:90px;}

.headerfix{background:#fff; width:100%; height:60px; padding-top:5px; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;
-webkit-transition: background  0.3s ease-out;
-moz-transition: background  0.3s ease-out;
-ms-transition: background  0.3s ease-out;
-o-transition: background  0.3s ease-out;
transition: background  0.3s ease-out;}
.headerfix h1.logo{background:url(../img/logo-fixed.png) left top no-repeat; width:66px; height:50px; display:block; margin:0 auto; text-indent:-99999px;}
.headerfix h1.logo a{cursor:pointer; display:block; height:50px;}*/

/* ---- hero masonry ---- */

.single1{ height:272px; background:#8080FF}
.single2{height:272px; background:#FFFF80}
.single3{height:300px; background:#0080FF}
.single4{height:350px; background:#CC0066}
.single5{height:450px; background:#FF5353}
/*.hero-item{min-height:270px;}*/
.hero-item img{width: 100%; display: block; margin-bottom: 10px;}
.hero-item{color:#333; font-size:10px; border-bottom: 1px solid #666;}
.hero-item a{position: relative; display: block;}
.hero-item a span.commentsCloud {
    position: absolute; 
    top: 10px; 
    left: 10px;
    height: 43px;
    background-image: url('/img/sisica.png');
    background-repeat: no-repeat;
    background-position: left 0;
}
.hero-item a span.commentsCloud span {
    display: block;
    width: auto;
    min-width: 26px;
    padding: 0 7px;
    height: 40px; 
    border-radius: 20px; 
    text-align: center; 
    line-height: 40px;
    color: #fff; 
    font-weight: bold; 
    font-size: 16px; 
    font-family: Arial; 
    background-color: #666;
}
.hero-item a span.type {
    position: absolute; 
    bottom: 0; 
    right: 0; 
    height: 30px;
    padding-left: 25px;
    padding-right: 15px;
    text-align: center; 
    line-height: 30px;
    color: #fff; 
    font-weight: bold; 
    font-size: 12px; 
    font-family: Arial; 
    background-image: url('/img/type.png');
    background-repeat: no-repeat;
    background-position: left 0;
}

.hero-item.gray {border-bottom: 1px solid #282828; background-color: #D6D6D6;}
.hero-item.yellow {border-bottom: 1px solid #ff9900;}
.hero-item.green {border-bottom: 1px solid #33cc33;}
.hero-item.rose {border-bottom: 1px solid #ff66ff;}
.hero-item.blue {border-bottom: 1px solid #00ccff;}
.hero-item.red {border-bottom: 1px solid #ff0000;}
.hero-item.violet {border-bottom: 1px solid #cc00ff;}

.hero-item.gray h3 a:hover {color: #282828;}
.hero-item.yellow h3 a:hover {color: #ff9900;}
.hero-item.green h3 a:hover {color: #33cc33;}
.hero-item.rose h3 a:hover {color: #ff66ff;}
.hero-item.blue h3 a:hover {color: #00ccff;}
.hero-item.red h3 a:hover {color: #ff0000;}
.hero-item.violet h3 a:hover {color: #cc00ff;}

.hero-item.gray a span.commentsCloud {background-position: left -301px;}
.hero-item.gray a span.commentsCloud span {background-color: #282828;}
.hero-item.yellow a span.commentsCloud {background-position: left -43px;}
.hero-item.yellow a span.commentsCloud span {background-color: #ff9900;}
.hero-item.green a span.commentsCloud {background-position: left -86px;}
.hero-item.green a span.commentsCloud span {background-color: #33cc33;}
.hero-item.rose a span.commentsCloud {background-position: left -129px;}
.hero-item.rose a span.commentsCloud span {background-color: #ff66ff;}
.hero-item.blue a span.commentsCloud {background-position: left -172px;}
.hero-item.blue a span.commentsCloud span {background-color: #00ccff;}
.hero-item.red a span.commentsCloud {background-position: left -215px;}
.hero-item.red a span.commentsCloud span {background-color: #ff0000;}
.hero-item.violet a span.commentsCloud {background-position: left -258px;}
.hero-item.violet a span.commentsCloud span {background-color: #cc00ff;}

.hero-item.gray a span.type {background-position: left -420px;}
.hero-item.yellow a span.type {background-position: left -60px;}
.hero-item.green a span.type {background-position: left -120px;}
.hero-item.rose a span.type {background-position: left -180px;}
.hero-item.blue a span.type {background-position: left -240px;}
.hero-item.red a span.type {background-position: left -300px;}
.hero-item.violet a span.type {background-position: left -360px;}

h2.sectionTitle {
     background-image: url('/img/type.png');
    background-repeat: no-repeat;
    background-position: left 0;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    margin: 0;
    padding: 9px 20px 9px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;}

h2.sectionTitle.gray {background-position: left -420px;}
h2.sectionTitle.yellow {background-position: left -60px;}
h2.sectionTitle.green {background-position: left -120px;}
h2.sectionTitle.rose {background-position: left -180px;}
h2.sectionTitle.blue {background-position: left -240px;}
h2.sectionTitle.red {background-position: left -300px;}
h2.sectionTitle.violet {background-position: left -360px;}

.withPhoto, .withVideo {
    font-family: 'Arial';
    font-size: 10px;
    color: #fff;
    padding: 0 2px;
    background-color: #F31955 ;
}
.withVideo {
    background-color: #0099ff;
}
.withAudio {
    background-color: #33CC33;
}


.hero-item span.uptitle{display: block; color: #666; font-size: 10px; font-family: Arial; text-transform: uppercase; padding: 10px 0 0 0; margin: 0;line-height: 100%;}
.hero-item h3{padding: 0 0 9px 10px;font-family: open_sanslight; line-height: 125%; color: #332C37; font-size: 29px; font-weight: normal; margin: 0;}
.hero-item h3.dugacak {font-size: 24px; line-height: 132%; height: 64px;}
.hero-item h3.kratak {font-size: 24px; line-height: 116%;height: 38px;}
.hero-item.triple-box h3{padding: 0 0 7px 10px;}
.hero-item h3 a{color: #332C37; /*height: 36px;*/ overflow: hidden;}
.hero-item h3 a:hover{color: #666; text-decoration: none;}
.hero-item p{color: #666; font-size: 10px; font-family: Arial; text-transform: uppercase; padding: 0 10px 10px; margin: 0; line-height: 140%;}

.hero-item.full-box{width:1260px;}
.hero-item.triple-box{width:940px;}
.hero-item.double-box{width:620px;}



#hero{
	margin-top:0;
}
.hero-masonry:after {
  content: '';
  display: block;
  clear: both;
}

.hero-item,
.hero-masonry .grid-sizer {
  width: 300px; /* juse a lil under  47% */
  margin: 5px 0 10px 20px;
  float: left;
  background-color: #fff;
}

/* necessary for proper sizing with margins */
.hero-masonry .grid-sizer {
  position: absolute;
}


.hero-item h3.grayTitle {background-color: #b7b7b7; color: #fff; font-size: 24px; padding: 5px 10px; margin: 0; text-align: right; line-height: 120%;}
.hero-item.latestFive .latestAll ul li a.mobileThumbPV img{margin: 0;}


.hero-item.banner300 {
    border-bottom: 0px;
    background-color: transparent;
    text-align: center;
}
.hero-item.banner300 iframe {
    vertical-align: middle;
}
.hero-item.banner300.banner300x250 {height: 250px;}
.hero-item.banner300.banner300x600 {height: 600px;}
/*.hero-item.banner300.banner300x600 {max-height: 600px;}*/
.hero-item.banner1260 {
    border-bottom: 0px;
    background-color: transparent;
    text-align: center;
}
.hero-item.promo {margin: 0 0 20px 20px; border-bottom: 0;}
.hero-item.promo img {margin: 0;}

.hero-item.slider-box {
    border-bottom: 0;
    height: 554px;
    background-color: transparent;
}

.hero-item.slider-box img {margin-bottom: 10px;}
.hero-item.slider-box a:hover {text-decoration: none;}

.hero-item.slider-box .gray h3 {border-bottom: 1px solid #282828;}
.hero-item.slider-box .yellow h3 {border-bottom: 1px solid #ff9900;}
.hero-item.slider-box .green h3 {border-bottom: 1px solid #33cc33;}
.hero-item.slider-box .rose h3 {border-bottom: 1px solid #ff66ff;}
.hero-item.slider-box .blue h3 {border-bottom: 1px solid #00ccff;}
.hero-item.slider-box .red h3 {border-bottom: 1px solid #ff0000;}
.hero-item.slider-box .violet h3 {border-bottom: 1px solid #cc00ff;}

.hero-item.slider-box .gray a:hover h3 {color: #282828;}
.hero-item.slider-box .yellow a:hover h3 {color: #ff9900;}
.hero-item.slider-box .green a:hover h3 {color: #33cc33;}
.hero-item.slider-box .rose a:hover h3 {color: #ff66ff;}
.hero-item.slider-box .blue a:hover h3 {color: #00ccff;}
.hero-item.slider-box .red a:hover h3 {color: #ff0000;}
.hero-item.slider-box .violet a:hover h3 {color: #cc00ff;}

.hero-item .gray a span.type {background-position: left -420px;}
.hero-item .yellow a span.type {background-position: left -60px;}
.hero-item .green a span.type {background-position: left -120px;}
.hero-item .rose a span.type {background-position: left -180px;}
.hero-item .blue a span.type {background-position: left -240px;}
.hero-item .red a span.type {background-position: left -300px;}
.hero-item .violet a span.type {background-position: left -360px;}

.markers {
    position: absolute;
    left: 0;
    bottom: 84px;
    z-index: 1000;
}
.markers a {
    float: left;
    color: #332C37;
    font-size: 16px;
    font-family: 'Arial';
    font-weight: bold;
    background-image: url('/img/slidercount.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 -6px;
}
.markers a:first-child {background-image: url('/img/slidercount1.png');}
.markers a:hover {color: #fff;}

.hero-item.twitter-box {
    border-bottom: 0;
    background-color: transparent;
    height: 400px;
}
.hero-item.twitter-box iframe {
    width: 100%;
}


@media (max-width: 997px) {
    .hero-item.slider-box {height: 635px;} 
    .markers {bottom: 83px;}
    .hero-item h3 {padding-bottom: 8px;}
    .hero-item.promo{height: 200px; background: none;}
}
@media (max-width: 767px) {
    .hero-item.slider-box {height: 447px;}
    .markers {bottom: 83px;}
    .hero-item.promo{height: auto; background: none;}
}
@media (max-width: 497px) {
    .markers {display: none}
    .sssprevAS {display: none}
    .sssnextAS {display: none}
    .hero-item a {display: block !important; margin-bottom: 10px;}
    .sssAS {height: auto !important; padding-bottom: 0 !important;}
    .sssAS {height: auto !important;}
    .hero-item.slider-box {height: auto !important;}
}




.hero-item.video-box {border-bottom: 0px; background-color: transparent;}
.video-box-element {
    border-bottom: 1px solid #666;
    width: 300px;
    float: left;
    position: relative;
    height: 271px;
    overflow: hidden;
    background-color: #fff;
}
.double-box .video-box-element:nth-child(1), .video-box-element:nth-child(3) {margin-right: 20px;}
.double-box .video-box-element:nth-child(1), .video-box-element:nth-child(2) {margin-bottom: 10px;}
.single-box .video-box-element:nth-child(1) {margin-bottom: 10px;}
.single-box .video-box-element:nth-child(2) {margin-bottom: 0px;}

.video-box-element.gray span.type {background-position: left -420px;}
.video-box-element.yellow span.type {background-position: left -60px;}
.video-box-element.green span.type {background-position: left -120px;}
.video-box-element.rose span.type {background-position: left -180px;}
.video-box-element.blue span.type {background-position: left -240px;}
.video-box-element.red span.type {background-position: left -300px;}
.video-box-element.violet span.type {background-position: left -360px;}

.video-box-element.gray a span.commentsCloud {background-position: left -301px;}
.video-box-element.gray a span.commentsCloud span {background-color: #282828;}
.video-box-element.yellow a span.commentsCloud {background-position: left -43px;}
.video-box-element.yellow a span.commentsCloud span {background-color: #ff9900;}
.video-box-element.green a span.commentsCloud {background-position: left -86px;}
.video-box-element.green a span.commentsCloud span {background-color: #33cc33;}
.video-box-element.rose a span.commentsCloud {background-position: left -129px;}
.video-box-element.rose a span.commentsCloud span {background-color: #ff66ff;}
.video-box-element.blue a span.commentsCloud {background-position: left -172px;}
.video-box-element.blue a span.commentsCloud span {background-color: #00ccff;}
.video-box-element.red a span.commentsCloud {background-position: left -215px;}
.video-box-element.red a span.commentsCloud span {background-color: #ff0000;}
.video-box-element.violet a span.commentsCloud {background-position: left -258px;}
.video-box-element.violet a span.commentsCloud span {background-color: #cc00ff;}

.video-box-element.gray {border-bottom: 1px solid #282828; background-color: #D6D6D6;}
.video-box-element.yellow {border-bottom: 1px solid #ff9900;}
.video-box-element.green {border-bottom: 1px solid #33cc33;}
.video-box-element.rose {border-bottom: 1px solid #ff66ff;}
.video-box-element.blue {border-bottom: 1px solid #00ccff;}
.video-box-element.red {border-bottom: 1px solid #ff0000;}
.video-box-element.violet {border-bottom: 1px solid #cc00ff;}

.video-box-element.gray h3 a:hover {color: #282828;}
.video-box-element.yellow h3 a:hover {color: #ff9900;}
.video-box-element.green h3 a:hover {color: #33cc33;}
.video-box-element.rose h3 a:hover {color: #ff66ff;}
.video-box-element.blue h3 a:hover {color: #00ccff;}
.video-box-element.red h3 a:hover {color: #ff0000;}
.video-box-element.violet h3 a:hover {color: #cc00ff;}

.videoPlay {
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    background-image: url('/img/videoPlay.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.gray a .videoPlay {background-position: 0 0;}
.yellow a .videoPlay {background-position: 0 -66px;}
.green a .videoPlay {background-position: 0 -132px;}
.rose a .videoPlay {background-position: 0 -198px;}
.blue a .videoPlay {background-position: 0 -264px;}
.red a .videoPlay {background-position: 0 -330px;}
.violet a .videoPlay {background-position: 0 -396px;}

@media (max-width: 997px) {
    .video-box-element {width: 354px; height: 301px;}
}
@media (max-width: 767px) {
    .video-box-element {width: 100%; height: auto;}
    .video-box-element:nth-child(3) {margin-bottom: 10px;}
}



/*-- poll part --*/

.poll h3 {
    padding: 10px 20px 5px 20px;
    font-size: 24px;
    border-top: 1px solid #e0e0e0;
}
.hero-item.poll h3 {height: auto;}
.poll h3:first-child {border-top: 0;}
.poll .answer {
    padding: 0 20px 10px 20px;
    display: table;
}
.poll .answer span {
    display: table-cell;
    line-height: 120%;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #332C37;
}
.poll .answer .radio {
    width: 20px;
}
.poll button {
    background-color: transparent;
    color: #EE174C;
    font-family: open_sanslight;
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 10px;
}
.poll .message {
    font-size: 18px;
    color: #ff0000;
    display: block;
    margin: 0 20px;
    margin-bottom: 5px;
}

.box-light {background-color: transparent; border-bottom: 0;}



/* just for blocks */

@media (max-width: 2560px) {
	#hero .primary-content, #container {width:980px;}
        .hero-item.full-box{width:940px; margin:0 20px 10px;}
	.hero-item.triple-box{width:620px; margin:0 0 10px 20px;}
        .hero-item.double-box{width:620px; margin:5px 0 10px 20px;}
	.single1{clear:left;}
        .hero-item img{width: 100%;}
        .topFullHolder.topFullHolderFixed{top: 91px;}
        .topFullHolderDepth3.topFullHolderFixed{top: 128px;}
        .hero-item.promo:last-child {display: none}
}
@media (max-width: 997px) {
        .top-banner {display: none}
	#hero .primary-content, #container {width:768px;}
        .hero-item.full-box{width:728px; margin:0 20px 10px;}
	.hero-item.triple-box{width:728px; margin:0 20px 10px;}
        .hero-item.double-box{width:728px; margin:5px 20px 10px;}
	.hero-item, .hero-masonry .grid-sizer{width:354px;}
        .hero-item img{width: 100%;}
        .hero-item.promo:last-child {display: block}
}

@media (max-width: 767px) {
	#hero .primary-content, #container {width:520px;}
        .hero-item.full-box{width:480px; margin:0 20px 10px;}
	.hero-item.triple-box{width:480px; margin:0 20px 10px;}
        .hero-item.double-box{width:480px; margin:0 20px 10px;}
	.hero-item, .hero-masonry .grid-sizer{width:480px;}
        .hero-item img{width: 100%;}
        .hero-item.promo {margin-left: 0;}
}

@media (max-width: 537px) {
	#hero .primary-content, #container {max-width:480px; width:100%;}
        .hero-item.full-box{max-width:480px; margin:0 auto 10px; width:100%;}
	.hero-item.triple-box{max-width:480px; margin:0 auto 10px; width:100%;}
        .hero-item.double-box{max-width:480px; margin:0 auto 10px; width:100%;}
	.hero-item, .hero-masonry .grid-sizer{max-width:480px; margin:0 0 10px 0;width:100%;}
        .hero-item img{width: 100%;}
        .hero-item h3{font-size: 20px; overflow: hidden; height: auto;}
        .poll button{font-size: 25px;}
}
/*@media (max-width: 310px){
	.header h1.logo{background:url(../img/logo-fixed.png) left top no-repeat; width:66px; height:50px; display:block; margin:0 auto; text-indent:-99999px;}
	.header{background:#282828; width:100%; height:60px;padding-top:5px;}
	.headerfix{background:#fff;}
}*/