body { padding:0px; margin:0px; color:#333; /* background:url(site-bg.png) repeat-x; */ background-color:#fcfcfc !important; font-family: "Roboto",sans-serif; font-weight: normal;}

h1 { font-family: "Roboto Slab",serif; font-weight: normal;}
h3 {font-family: "Roboto",sans-serif; font-weight: normal; letter-spacing:1px; text-transform:uppercase; font-size:10px; }

a { text-decoration:none; color:#333;}
a:hover { color:#a91c28;}


.content {
    width: auto;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1240px; /*1300px*/
    /*	min-width: 1239px;  */
    min-width: 970px;
    padding: 0 10px;
}

article { 
    -webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.05);
    -moz-box-shadow:0 0 3px 1px rgba(0,0,0,0.05);
    box-shadow:0 0 3px 1px rgba(0,0,0,0.05);
}

article a:hover time {background:#a91c28; color:#fff; opacity:1;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/

/*
.wrapper {
        background:#000;
        width: 100%;
        position: relative;
        float: left;
        z-index: 0;	
}
*/

/*********************************************************************/
/**** ADS ***/
.add-300x600, add300x250,ban300x250premium{
    width:100%!important;
}

/* NEWS more black info box */
#amoreinfo article{
    padding:10px;
    overflow:hidden;

}
#amoreinfo article p{
    padding:10px;
    color:white;
}
#amoreinfo article span{
    display:block;
    float:left;
    margin-right:10px;
    height:75px;
    width:80px;
    overflow:hidden;
}

/********************************************************************/
#amoreinfo div:first-child article { height:505px;}
#amoreinfo div:first-child article span { width:100%; height:370px; overflow:hidden; margin-bottom:10px; }
#amoreinfo div:first-child article img { width:625px;}
#amoreinfo div:first-child article h1 { float:left; margin-top:0px; width:100%; }
#amoreinfo div:first-child article time { background: #000; color: #fff; padding: 1px 3px; font-size: 10px; opacity: 0.5; float:left; margin-right:5px;}
#amoreinfo div:first-child article h3 { margin-top:1px; float:left;}
#amoreinfo div:first-child article h3 a { background: rgba(255,255,255,0.1); padding: 1px 10px;}


#amoreinfo div:last-child article { height: 77px; margin-bottom: 10px;}
#amoreinfo div:last-child article h1 { font-size:16px;}
#amoreinfo div:last-child article span a img { width: auto; height: 75px; margin-left:-23px; }
#amoreinfo div:last-child article time {background: #000; color: #fff; padding: 1px 3px; font-size: 10px; opacity: 0.5; float:left; margin-right:5px;}
#amoreinfo div:last-child article h3 { margin-top:1px;}
#amoreinfo div:last-child article h3 a { background: rgba(255,255,255,0.1); padding: 1px 10px;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* more news button */

.morenews,
#moreopinion {
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 15px;
    background: #ccc;
    padding:10px 0;
    float:left;
}

.morenews:hover,
#moreopinion:hover { color:#fff; background: #a91c28; }
.morenews:hover a,
#moreopinion:hover a {	color:#fff;	background: #a91c28; }


#moreopinion a {
    width:100% !important;
    display:block !important;
    height:100%!important;
}


/* AGREE TO Cookies bar */
.agree{

    position:relative;
    width:100%;
    height:20px;
    background:#fff;
    padding:15px 0px;
    text-align: center!important;

}
#cookies-agreebar {
    position:relative;
    width:100%;
    height:20px;
    background:#fff;
    padding:15px 0px;
    text-align: center!important;
}
#cookies-agreebar a {
    color:#B7062B;
    text-align: center!important;
}
#cookies-agreebar a.butt {
    color:#fff;
}
.comment_send ,.butt{
    background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0.05,  #a91c28),  color-stop(1,  #a91c28));
    background: -moz-linear-gradient(center top,  #a91c28 5%,  #a91c28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a91c28',  endColorstr='#a91c28');
    background-color: #a91c28;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 0px;
    display: inline-block;
    color: #ffffff;
    
    font-weight: normal;
    font-style: normal;
    padding: 4px;
    width: 150px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.comment_send:hover ,.butt:hover{
    background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0.05,  #333),  color-stop(1,  #333));
    background: -moz-linear-gradient(center top,  #333 5%,  #333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333',  endColorstr='#333');
    background-color: #333;
}
.comment_send:active ,.butt:active{
    position: relative;
    top: 1px;
}
.button_box{
    margin-left:10px;
}
.result_button{
    float:right;
    color:#9A0D19;
    margin-right:5px;
    display:block;
    padding: 4px;
    width:130px;
    text-align:center;
}

.voteMain h3{
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
}

/* CHROME app  */

#chrome-bar-install {
    margin:5px 0 5px 0;
    display:none;
    padding:5px;

    height:35px;
    clear:left;
    background: url('chromeext/chromegradient.png');
}
#chrome-bar-install a {
    display:block;
    width:100%;
    line-height: 35px;
    text-align: center!important;

}

.fll{ float:left!important; }
.flr{ float: right !important; }
.tac { text-align: center !important; }
.clb { clear:both; }

/* PRELOAD 1*/

.preload{
    height: 200px!important;
    clear:both;
    padding-top:100px;
    text-align:center;
}

/* RESIZE */

.resizetxtarea{ height:200px !important; }


/* PAGING */

.paging {
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}

.paging a, .paging a:link {
    padding: 4px 8px 4px 8px;
    margin: 2px !important;
    text-decoration: none;
    color: #ececec;
    background-color: #555;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paging a:visited {
    padding: 4px 8px 4px 8px;
    margin: 2px !important;
    text-decoration: none;
    color: #ececec;
    background-color: #555;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paging a:hover {
    color: #fff;
    background-color: #2a2a2a !important;
}

.paging a:active {
    padding: 4px 8px 4px 8px;
    margin: 2px;
    text-decoration: none;
    color: #777;
    background-color: #2a2a2a;
}

.paging span.pages {
    padding: 4px 8px 4px 8px;
    margin: 2px;
    color: #666;
    font-weight: bold;
}

.paging span.current {
    padding: 4px 8px 4px 8px;
    margin: 2px;
    font-weight: bold;
    color: #fff;
    background-color: #a91c28;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paging span.extend {
    padding: 4px 8px 4px 8px;
    color: #555;
    background-color: #ececec;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* CALENDAR */

table.calendar{
    width:100%;
}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/

/* ADS */
.zone-ads { background:#fff; width:100%; text-align:center; margin:0px; clear:both !important;}
.zone-ads:first-child { margin:0 0 0 0; }
.post .zone-ads { background:#fff; margin:15px 0 0 0; }
.post .zone-ads-top { background: #fff; margin: 15px auto 0 -39px; padding: 10px; width: 960px; }
.article-list .zone-ads-top { background: #fff; margin: 15px auto 0 -39px; padding: 10px; width: 960px; }

/* 300x600 */
.ads-60-l, 
.ads-60-r { position:relative; text-align:center; height:600px; background:#fff; }

.post .ads-60-l, 
.post .ads-60-r { height:auto; }


.ads-60-l::before,
.ads-60-r::before { position:absolute; z-index:-1; content:''; top:0; right:0; bottom:0; left:0; }
.ads-60-l::before { 
    -webkit-box-shadow:-15px 0px 30px 0px rgba(0,0,0,0.15), 15px 0px 30px 0px rgba(0,0,0,0.05);
    -moz-box-shadow:-15px 0px 30px 0px rgba(0,0,0,0.15), 15px 0px 30px 0px rgba(0,0,0,0.05);
    box-shadow:-15px 0px 30px 0px rgba(0,0,0,0.15), 15px 0px 30px 0px rgba(0,0,0,0.05);
}
.ads-60-r::before { 
    -webkit-box-shadow:15px 0px 30px 0px rgba(0,0,0,0.15), -15px 0px 30px 0px rgba(0,0,0,0.05);
    -moz-box-shadow:15px 0px 30px 0px rgba(0,0,0,0.15), -15px 0px 30px 0px rgba(0,0,0,0.05);
    box-shadow:15px 0px 30px 0px rgba(0,0,0,0.15), -15px 0px 30px 0px rgba(0,0,0,0.05);
}

/* 300x250 */
.ads-25 { position:relative; text-align:center; height: 335px; padding-top:20px; background:#fff; }
.ads-25::before { position:absolute; z-index:-1; content:''; top:0; right:0; bottom:0; left:0;
                  -webkit-box-shadow:0px 50px 80px -90px rgba(0,0,0,0.8);
                  -moz-box-shadow:0px 50px 80px -90px rgba(0,0,0,0.8);
                  box-shadow:0px 50px 80px -90px rgba(0,0,0,0.8);
}

/* 300x250 small */
.ads-25-1 { position:relative; text-align:center; height: 275px; padding-top:20px; background:#fff; }
.ads-25-1::before { position:absolute; z-index:-1; content:''; top:0; right:0; bottom:0; left:0;
                    -webkit-box-shadow:0px 50px 80px -90px rgba(0,0,0,0.8);
                    -moz-box-shadow:0px 50px 80px -90px rgba(0,0,0,0.8);
                    box-shadow:0px 50px 80px -90px rgba(0,0,0,0.8);
}

@media all and (max-width: 1300px) {
    .ads-60-l, 
    .ads-60-r,
    .ads-25,
    .ads-25-1 { overflow:hidden;}
}

/* addocean-fix */
.addocean-fix { width:100% !important;}
.ads-60-l div, .ads-60-r div { margin: auto;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* Header Navigation */
.header-box { width:100%; z-index:100; position: fixed; top:0px; min-width:990px;}
.header-box::after { position: relative; content:''; display:block; top:0; bottom:0; left:0; right:0; z-index:-1;

                     -webkit-box-shadow: 0px -10px 10px 10px rgba(0,0,0,0.5);
                     -moz-box-shadow: 0px -10px 10px 10px rgba(0,0,0,0.5);
                     box-shadow: 0px -10px 10px 10px rgba(0,0,0,0.5);

}

header { height:35px; background:#9a0d19; }

.wrapper{ position:relative; margin-top:87px; }
.wrapper_det{ position:relative; width:1000px;margin:87px auto; }

.main-nav { width: 0px; height: 0px; }

/**/
header .navigation .select a { color:#333 !important; }
header .navigation .select a:after { content:'\f0d8'; position: absolute; bottom: -4px; left: 45%; color:#333; font-family: FontAwesome; font-size:13px}

/**/
.over-top { height:55px; background:#fff; }
.over-top nav { overflow:hidden;}
.over-top .navigation { margin-top:0px; width: auto; padding-right: 15px; float: left; padding-left:0px; background:none;	}
.over-top .navigation a { font-weight:bold; font-family: "Roboto Slab",serif; color:#a91c28; position:relative; font-size:14px;}
.over-top .navigation a:hover { color:#333; opacity:1;}
.over-top .fa-home { padding:18px 10px 18px 9px; font-size:18px !important; font-family:FontAwesome !important; font-weight:normal !important;}
.over-top .fa-angle-right { padding:18px 10px 18px 9px; font-size:18px !important; font-family:FontAwesome !important; font-weight:normal !important;}


/**/
.top-nav { list-style:none;}
.top-nav ul {list-style:none; float: left; padding: 0px; margin:20px 0 0 10px;}
.top-nav ul li { float:left; padding:0 10px;}

/**/
.logo { 
    display: block;
    float: left;
    background: url('../design/offnews-logo.png') no-repeat 0px 8px #fff;
    background-size:230px auto;
    width: 233px;
    height: 55px;
    margin-top: 0px;
}

@media all and (max-width: 1350px) { .logo { margin-left:15px;} }


/**/
nav { max-width: 1240px;/*1300px*/ min-width: 990px; margin: 0 auto; position: relative;}

/**/
.right-navigation { float:right; margin-top:15px; margin-right:5px; }
.right-navigation a { color:#a91c28 !important; text-transform:uppercase; font: normal normal normal 14px/1 FontAwesome !important;}
.right-navigation a:hover { color:#333;}

.right-navigation form { right:10px; float:left;}
.right-navigation form input { margin-right:0px; border-radius:20px; border:0px; height:18px; padding: 2px 27px 5px 10px; width: 130px; color:#333; box-shadow: 0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset;}
@media all and (max-width: 1100px) { .right-navigation form input { width:60px;} }
.right-navigation form .fa-search { color:#a91c28; right:72px; top:20px; position:absolute; font-size: 16px; }

.right-navigation a:nth-child(2) { border-left:0px !important;}

.right-navigation .fa-user-circle-o,
.right-navigation .fa-comments-o,
.right-navigation .search-nav { font-size: 21px !important; margin-right: 10px;padding-left: 15px; padding-bottom: 2px;margin-top:0px;}
.right-navigation .fa-user-circle-o:hover::before,
.right-navigation .fa-comments-o:hover::before { opacity:0.8;}
.right-navigation .fa-user-logged{
    padding-left: 15px;
    border-left: 1px solid #ebebeb;
}
.right-navigation .fa-user-logged img{
    border-radius:13px;
    border:1px solid white;
}

.right-navigation .fa-signed-out{
    font-size:20px !important;
    line-height:25px;
    border:1px solid white;
}
/**/
/*
.left-navigation {
    float: left;
    color: #ddd;
    font-family: "Roboto Slab",serif;
    text-transform: uppercase;
    font-size: 24px;
    padding-left:5px;
}
*/

@media all and (max-width: 1350px) { .left-navigation { margin-left:15px;} }

/**/
.navigation { position:relative; height:55px; list-style: none; float: left; padding:0px; margin: 0px 0 0 0px; display: block; width: 100%; background:rgba(0,0,0,0.1);}
.navigation li { float:left; border-right: 1px solid #dddddd; }
.navigation li:last-child { border-right: 0px; }
.navigation li a { display:block; padding:19px 10px 17px 10px; color:#fff; text-transform:uppercase; font-size:13px;}
.navigation li a:hover { opacity:0.7; }
.navigation li i { display:block; padding:8px 10px 8px 10px;}
.navigation li:nth-child(1) { margin-left:10px;}

/**/
.navigation-1 { margin-top: 2px !important;position: absolute !important; left:270px; overflow: hidden; height: 40px; display:none;}

/**/
.navigation-2 { float: none; height:27px; width: auto; overflow:hidden;}
.navigation-2 li {border-right: 1px solid #555;}
.navigation-2 li a { display:block; padding:5px 10px 5px 10px;}
.navigation-2 li i { display:block; padding:5px 10px 5px 10px;}
.navigation-2 li:nth-child(2) { margin-left:0px;}

/**/
.second-nav { height:27px; border-bottom: 5px solid #fff;}

/**/

.more-box .more ul{
    /*width:100vmax;*/
    max-width:1300px;
    text-align:right;
}
.more-box,
.more .fa { width: 80px; height:22px;}
.more-box { margin:-26px 15px 0 0;position: absolute;right: 0px; list-style: none; height:25px;

            background: -moz-linear-gradient(right, rgba(138,12,22,1) 0%, rgba(138,12,22,0) 15%);
            background: -webkit-linear-gradient(right, rgba(138,12,22,1) 0%,rgba(138,12,22,0) 15%);
            background: linear-gradient(to left, rgba(138,12,22,0.65) 15%, rgba(138,12,22,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.more { position: absolute; right:0; cursor:pointer; color:#fff;}
.more ul { display:none; position:absolute; z-index:2; background:#333; list-style:none; padding:0px; right: -15px;}
.more:hover ul { display:block;max-width:1300px; }
.more ul { padding:10px 0;}
.more ul li { float:left; }
.more ul li a { padding: 5px 15px 5px 15px; color:#fff; display:block; text-transform: uppercase; font-size: 13px; }
.more ul li a:hover { opacity:0.8;}
.more ul li:first-child { margin-left:0px;}
.more .fa { text-align: right; margin-top:4px;}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* FOOTER */

.footer-wrapper {width: 100%; position: relative; background:#eee; float:left; padding:15px 0; min-width:990px;}

footer { max-width: 1300px; min-width: 990px; margin: 0 auto; position: relative; }
footer a { font-size:15px;}
footer .footer-box { float:left; width:16% !important; margin-left:10px;}
footer .footer-box:last-child { float:right; width: 20% !important;margin-right: 20px;}

footer ul { list-style:none; margin:0px;}
footer ul li { float:left; display:block; width:100%; margin-bottom:5px;}

footer .social ul li { width:auto !important; margin-left:15px !important; float:right !important;}
footer .social ul li a { font-size:20px !important; background:none !important; padding:0px !important; margin-bottom:0px !important; opacity:1 !important;}
footer .social ul li a:hover {color: #a91c28 !important;}

footer .friends { border-top:1px solid #a6a6a6; padding-top:15px; color:#ccc; margin:0 10px;}
footer .friends a { display:block; border-right:1px solid #ccc; float:left; padding-right:10px; margin-right:10px;}
footer .friends a:last-child { border-right:none; padding-right:0px; margin-right:0px; }

.copyr { background:#555; color:#a6a6a6; font-size: 13px;}

.footer-logo {
    display: block;
    float: left;
    background: url('../design/offnews-logo-footer.png') no-repeat -9px -6px;
    background-size:186px auto;
    width: 100%;
    height: 35px;
}

.footer-logo-txt { font-size:14px; float:left; margin-top:5px;}

.copyr-txt { margin-right:155px; margin-left:10px;}
.pimdesign {
    position:absolute;
    right:0px;
    top:0px;
    display: block;
    width: 141px;
    height: 41px;
    background: url(pimdesign.gif) no-repeat 0 0;
    float: right;
}
.pimdesign:hover {
    background-position: 0 -41px;
}

@media all and (max-width: 1350px) {
    footer { }
    .pimdesign { right:10px; }
}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* h2 TITLES */

h2 { text-transform:uppercase; }
.notitle-1 { padding-top: 25px;}

/*********************************************************************/
/* title-1 */
.title-1 { display:block; width:auto; margin:0 0 10px 0; font-size:23px; font-weight:600; letter-spacing:-0.02em; height:19px;}

.title-1 a { color:#333; margin-top:-4px; margin-left:25px; display:block; }
.title-1 a::before { content: ''; position: absolute; z-index: 0; width: 20px; height: 18px; background: #a91c28; margin: 5px 0 0 -25px; }

.title-1 a::after {
    content: '';
    position: absolute;
    margin-left: 7px;
    height: 18px;
    width: 10%;
    margin-top: 5px;

    background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );

}

.title-1:hover a::before { background: #333;}
.title-1:hover a { color:#a91c28;}

/*********************************************************************/
/* title-2 */
.title-2 { display:block; float:left; position:relative; z-index:5; margin:0 0 -30px 0; padding: 3px 10px 3px 15px; font-size:15px; font-weight:600; background:rgba(255,255,255,0.8)}

/*********************************************************************/
/* title-3 */
.title-3 { display: block; margin: 0 0 5px 0; padding: 6px 0 6px 15px; font-size: 15px; font-weight: 600; background: #333; color: #fff;}
.title-3 a { display: block; width:100%; font-size: 15px; font-weight: 600; color: #fff;}
.title-3 a:hover { opacity:0.8;}

/* title-4 */
.title-4 { display: block; float: left; width: 100%; margin:0px; font-size: 26px; font-weight: 600; height:20px;	overflow:hidden;
           background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
           background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
           background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.title-4:hover {
    background: -moz-linear-gradient(left, rgba(169,28,40,0.95) 0%, rgba(169,28,40,0) 100%);
    background: -webkit-linear-gradient(left, rgba(169,28,40,0.95) 0%,rgba(169,28,40,0) 100%);
    background: linear-gradient(to right, rgba(169,28,40,0.95) 0%,rgba(169,28,40,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a91c28', endColorstr='#00a91c28',GradientType=1 );
}

.title-4 a { color: #fff; margin:0px; font-size:15px; }

.title-4 a:first-child { float:left; padding-left:20px; width: 200px; height: 20px; background: #a91c28; margin:0px; line-height: 20px; font-size:26px; 	letter-spacing: -0.02em;}
.title-4 a:last-child { position: absolute; overflow:hidden; float: left; height: 20px; padding-left:10px; line-height:20px;}

/* BLINK ME */

.blink_me {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/* END BLINK ME */

/*********************************************************************/
/* title-5 */
.title-5 { display:block; float:left; position:relative; z-index:5; margin:0 0 -30px 0; padding: 3px 10px 3px 15px; font-size:15px; font-weight:600; background:#a91c28; color:#fff;}


/*********************************************************************/
/*********************************************************************/
/* title-1-nav */
.title-1-nav {	float:right; display:block; height: 18px; margin-bottom:5px; margin-top:1px; overflow:hidden;
               background: -moz-linear-gradient(right, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
               background: -webkit-linear-gradient(right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
               background: linear-gradient(to left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.title-1-nav a { 
    display: block;
    float: right;

    margin-right: 10px;
    margin-top:0px;
    padding: 1px 15px 1px 15px;

    height:20px;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color:#a91c28;

    background: #fff;
    opacity:0.9;

    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
}
.title-1-nav a:hover { background:#a91c28; color:#fff;} 

.title-1-nav a:first-child { margin-right:20px;}

.title-1-nav span {
    display: block;
    float: right;

    margin-right: 10px;
    margin-top:0px;
    padding: 1px 10px 1px 15px;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color:#5A5A5A;

    background: none;
    opacity:0.9;
    border-radius:2px;
}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* ROW */
.row-1,
.row-2,
.row-3,
.row-4,
.row-4-1,	/*5*/
.row-1-2,  	/*3*/
.row-2-1,  	/*3*/
.row-1-1-1	/*3*/
{ float:left; margin:15px 0; width: 100%; }

.row-1 div { width:100%; margin-right:0px; float:left;}
.row-2 div { width:49.5%; margin-right:1%; float:left;}
.row-3 div { width:32.66%; margin-right:1%; float:left;}
.row-4 div { width:24.25%; margin-right:1%; float:left;}
.row-4-1 div { width:17.933%; margin-right:1%; float:left;} .row-4-1 div:last-child { width:24.25%; margin-right:1%; float:left;}
.row-1-2 div { width:24.25%; margin-right:1%; float:left;} .row-1-2 div:first-child { width:49.5%; }
.row-2-1 div { width:24.25%; margin-right:1%; float:left;} .row-2-1 div:last-child { width:49.5%; }
.row-1-1-1 div { width:24.25%; margin-right:1%; float:left;} .row-1-1-1 div:nth-child(2) { width:49.5%; }

.row-1 div:last-child,
.row-2 div:last-child,
.row-3 div:last-child,
.row-4 div:last-child,
.row-4-1 div:last-child,	/*5*/
.row-1-2 div:last-child,	/*3*/
.row-2-1 div:last-child,	/*3*/
.row-1-1-1 div:last-child	/*3*/
{ margin-right:0px !important; }

.p70 div:first-child { width:69.5% !important; }
.p70 div:last-child { width:29.5% !important; }   
/*
@media all and (max-width: 1300px) {
        .row-4 div { width:49.5% !important; margin-right:1%; float:left;}
        .row-4 div:nth-last-child(3) { width:49.5% !important; margin-right:0px;}
        .row-4 div:nth-last-child(3),
        .row-4 div:nth-last-child(4) { margin-bottom:10px;}
}
*/



/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* Columns <UL> <LI> */

.column-01 ul,
.column-02 ul,
.column-03 ul,
.column-04 ul,
.column-04-a ul,
.column-05 ul,
.column-06 ul,
.column-07 ul,
.column-08 ul,
.column-09 ul,
.column-10 ul,
.column-11 ul,
.column-12 ul,
.column-13 ul { list-style:none; margin:0px; padding:0px;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* column-01 */
/* NO LIMIT -> Recommended 5*/
.column-01 article { display:block; height:110px; position:relative; width:100%; float:left; background:#fff; margin-bottom:12px; overflow:hidden;}
.column-01 article:last-child { margin-top:1px; margin-bottom:0px;}

.column-01 article time {display: block; background: #000; color: #fff; padding: 1px 3px; font-size: 10px; position: absolute; right: 0px; bottom: 0px; opacity:0.5;}

.column-01 article img { width: auto; height:110px; margin-left: -28px;}
.column-01 article span { display:block; float:left; width:110px; overflow:hidden; margin-right:1%;}
.column-01 article h1 { margin: 10px 10px 10px 120px; font-weight:400; font-size:15px; height: 65px; overflow: hidden;}
.column-01 h3 a:hover { color:#a91c28; }
.column-01 h3 { font-weight: normal; margin: 7px 0 -10px 120px; display: block; font-size: 10px; }
.column-01 h3 a	{ visibility:hidden; background: rgba(0,0,0,0.1); padding: 0 5px; color:#000; }
.column-01 article:hover h3 a { visibility:visible;}
.column-01 article:hover h3::after { font-family:FontAwesome; content: "\f0da"; margin-left:3px; opacity:0.5;}
.column-01 article:hover time {background:#a91c28; color:#fff; opacity:1;}

@media all and (max-width: 1300px) {
    .column-01 article span { width: 110px; overflow: hidden; }
    .column-01 article h1 { margin: 10px 10px 10px 120px; line-height:21px; }
}

@media all and (max-width: 1200px) {
    .row-4 .column-01 article span { display:none; }
    .row-4 .column-01 article h1 { margin: 10px 10px 10px 10px; }
    .row-4 .column-01 article h3 { margin:8px 0 -5px 10px;}
}

/* Hack for .post */
.post .left .invert .column-01 article span { width: 85px; }
.post .left .invert .column-01 article h1 { margin: 10px 10px 10px 95px; height:85px; }

/*********************************************************************/
/* column-02 */
/* NO LIMIT -> Recommended 4 */
.column-02 article { display:block; height:110px; position:relative; width:100%; float:left; background:#fff; margin-bottom:12px; overflow:hidden;}
.column-02 article:last-child { margin-top:1px; margin-bottom:0px;}

.column-02 article time {display: block; background: #000; color: #fff; padding: 1px 3px; font-size: 10px; position: absolute; right: 0px; bottom: 0px; opacity:0.5;}

.column-02 article img { width: auto; height:110px; margin-left: -28px; }
.column-02 article span { display:block; float:left; width:110px; overflow:hidden;}
.column-02 article h1 { margin: 10px 10px 10px 120px; font-weight:400; font-size:15px; height: 65px; overflow: hidden;}

.column-02 article:first-child { height:232px;}
.column-02 article:first-child h1 { float: left; margin: 15px 15px 10px 15px; font-weight: 700; font-size: 17px; height: 72px; overflow: hidden;}
.column-02 article:first-child span { width:100%; height:130px; overflow:hidden;}
.column-02 article:first-child img { width:100%; height:auto; margin-left:0px;}
.column-02 article:first-child h3 a { background:none;}

.column-02 article:hover time {background:#a91c28; color:#fff; opacity:1;}
.column-02 h3 { font-weight:normal; margin: 10px 0 -10px 120px; display: block; font-size: 10px;}
.column-02 h3 a { visibility: hidden; background: rgba(0,0,0,0.1); padding: 0 5px; color: #000;}
.column-02 article:hover h3 a { visibility:visible;}

.column-02 article:first-child h3 { font-weight:normal; display:block; font-size:10px; margin:-8px 0px -10px 0px; float:left; padding:2px 10px 2px 15px; background:rgba(204,204,204,1);}
.column-02 article:first-child h3:hover { background:rgba(204,204,204,0.9);}
.column-02 article:first-child h3 a { visibility:visible; color:#000;}
.column-02 article:first-child h3:hover a { color:#a91c28;}


.column-02 h3::after { visibility:hidden; font-family:FontAwesome; content: "\f0da"; margin-left:3px; opacity:0.5;}
.column-02 article:hover h3::after { visibility:visible;}
.column-02 article:first-child h3::after { display:none;}

@media all and (max-width: 1300px) {
    .column-02 article span { width: 110px; overflow: hidden; display:none; }
    .column-02 article:first-child span { display:block; }
    .column-02 article h1 { margin: 10px 10px 10px 10px; }

    .row-4 .column-02 article:first-child span { height: 115px; }

    .row-4 .column-02 article h1 { font-size:14px;}
    .row-4 .column-02 article:first-child h1 { font-size:17px;}
}

/* Hack for .post */
.post .column-02 article h1 { height:85px; }
.post .box-in-text .column-02 article span { display: block; }
.post .box-in-text .column-02 article h1 { height:75px; margin: 10px 10px 10px 120px; }
/* Hack for .post .right */
.post .right .column-02 article img { margin-left:0px; }


/*********************************************************************/
/* column-03 */
/* NO LIMIT -> Recommended 1 */
.column-03 article { display:block; height:81px; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px; overflow:hidden;}
.column-03 article:last-child { padding-top:2px; margin-bottom:0px;}
.column-03 article:last-child span { margin-top:-2px;}

.column-03 article time {position:absolute; display:block; background:#000; color:#fff; padding:1px 3px; font-size:10px;  right:0px; bottom:0px; opacity:0.5;}
.column-03 article:hover time { background:#a91c28; opacity:1;}
.column-03 article img { width:150px; height:110px;}
.column-03 article:hover img {
    -webkit-box-shadow: 0 0 175px 120px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 175px 120px rgba(0,0,0,0.8);
    box-shadow: 0 0 175px 120px rgba(0,0,0,0.8);
}

.column-03 article span { display:none;}
.column-03 article h1 { margin: 10px 15px 10px 15px; font-weight:400; font-size:15px; }

.column-03 article:first-child { height:353px;}
.column-03 article:first-child time {display: inline-flex; width: auto; position: relative; padding: 2px 10px 2px 15px; margin-top: 15px;}
.column-03 article:first-child h1 { /*float: left;*/ margin: 5px 15px 10px 15px; font-weight: 700; font-size: 18px;}
.column-03 article:first-child span { display:block; width:100%; max-height:190px; overflow:hidden;}
.column-03 article:first-child img { width:100%; height:auto;}

.column-03 article h3 { display:block; position:absolute; font-weight:normal; letter-spacing:1px; padding:2px 10px; margin:-17px 0 9px 85px; background:rgba(204,204,204,0.5); }
.column-03 article h3:hover { background:rgba(204,204,204,0.7); }


/*********************************************************************/
/* column-04 */
/* NO LIMIT -> Recommended 4 */
.column-04 article { display:block; height:82px; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px;}
.column-04 article:last-child { margin-bottom:0px;}

.column-04 article time {display:block; background:#000; color:#fff; padding:1px 3px; font-size:10px; position:absolute; right:0px; bottom:0px; opacity:0.5;}
.column-04 article img { width:150px; height:110px; visibility:hidden;}
.column-04 article span { display:none;}
.column-04 article h1 { margin: 10px 15px 10px 15px; font-weight:400; font-size:15px; max-height: 61px; overflow: hidden;}

.column-04 article:nth-child(1) { height:355px; overflow:hidden; background:none;}
.column-04 article:nth-child(1) img { width:100%; height:auto; visibility:visible;}
.column-04 article:nth-child(1) h1 { font-size:18px; margin:5px 15px 10px 15px; font-weight:700; }
.column-04 article:nth-child(1) span {display:block; max-height:230px; width:100%; margin-right:0px; overflow:hidden; border-top:15px solid rgba(0,0,0,0.1);}
.column-04 article:nth-child(1):hover span {
    -webkit-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
}
.column-04 article:nth-child(1) time { display: inline-flex; width: auto; position: relative; padding: 2px 10px 2px 15px; margin-top:0px;}
.column-04 article:nth-child(1) h1 a {color:#fff;}
.column-04 article:nth-child(1)::before { content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;	z-index:-2; opacity:0.5;	background:#000;}
.column-04 article:nth-child(1)::after { content:''; position: absolute; top: 0; left: 0; right: 0;	bottom: 0; z-index:-1; 
                                         background-image: url('../design/article-bg.jpg');
                                         background-size: 200% 100%;
                                         background-position: center center;
}

.column-04 article:hover time {background:#a91c28; color:#fff; opacity:1;}
.column-04 h3 { font-weight:normal; margin: 10px 0 -10px 15px; display: block; }
.column-04 h3 a { opacity:0.5;}
.column-04 h3 a:hover { opacity:1;}
.column-04 article:nth-child(1) h3 { display: block; position: absolute; opacity: 0.6; font-weight: normal; margin-top: -16px; margin-bottom: 9px; font-size: 10px;
                                     margin-left: 85px;	background: #ccc; padding: 1px 10px; color: #000; }
.column-04 article:nth-child(1) h3 a { opacity:1; color:#000;}
.column-04 article:nth-child(1) h3:hover { background:#a91c28; opacity:1;}
.column-04 article:nth-child(1) h3:hover a { color:#fff;}
.column-04 h3::after { font-family:FontAwesome; content: "\f0da"; margin-left:3px; opacity:0.5;}
.column-04 article:nth-child(1) h3::after { display:none;}

/*********************************************************************/
/* column-04-1*/
.column-04-1 article:nth-child(1) span { border-top:0px; }
.column-04-1 article:nth-child(1) a:hover span { border-top:0px;}
.column-04-1 article:nth-child(1) time { margin-top:15px;}


/*********************************************************************/
/* column-04-a */
/* NO LIMIT -> Recommended 4 */
.column-04-a article { display:block; height:82px; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px;}
.column-04-a article:last-child { margin-bottom:0px;}

.column-04-a article time {display:block; background:#000; color:#fff; padding:1px 3px; font-size:10px; position:absolute; right:0px; bottom:0px; opacity:0.5;}
.column-04-a article img { width:150px; height:110px; visibility:hidden;}
.column-04-a article span { display:none;}
.column-04-a article h1 { margin: 10px 15px 10px 15px; font-weight:400; font-size:15px; height: 40px; overflow: hidden;}

.column-04-a article:nth-child(2) { height:355px; overflow:hidden; background:none;}
.column-04-a article:nth-child(2) img { width:100%; height:auto; visibility:visible;}
.column-04-a article:nth-child(2) h1 { font-size:18px; margin:5px 15px 10px 15px; font-weight:700; height:100px; }
.column-04-a article:nth-child(2) span {display:block; max-height:190px; width:100%; margin-right:0px; overflow:hidden; border-top:15px solid rgba(0,0,0,0.1);}
.column-04-a article:nth-child(2):hover span {
    -webkit-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
}
.column-04-a article:nth-child(2) time { display: inline-flex; width: auto; position: relative; padding: 2px 10px 2px 15px; margin-top:0px;}
.column-04-a article:nth-child(2) h1 a { color:#fff;}
.column-04-a article:nth-child(2)::before { content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;	z-index:-2; opacity:0.5; background:#000;}
.column-04-a article:nth-child(2)::after { content:''; position: absolute; top: 0; left: 0; right: 0;	bottom: 0; z-index:-1; 
                                           background-image: url('../design/article-bg.jpg');
                                           background-size: 200% 100%;
                                           background-position: center center;
}

.column-04-a article:hover time {background:#a91c28; color:#fff; opacity:1;}
.column-04-a h3 { font-weight:normal; margin: 10px 0 -10px 15px; display: block; }
.column-04-a h3 a { opacity:0.5;}
.column-04-a h3 a:hover { opacity:1;}

.column-04-a article:nth-child(2) h3 { display:block; position:absolute; margin:-17px 0px 9px 85px; padding:2px 10px;  background:rgba(204,204,204,0.2);}
.column-04-a article:nth-child(2) h3:hover { background:rgba(204,204,204,0.9);}
.column-04-a article:nth-child(2) h3 a { color:#ccc; opacity:1;}
.column-04-a article:nth-child(2) h3:hover a { color:#a91c28; }

.column-04-a h3::after { font-family:FontAwesome; content: "\f0da"; margin-left:3px; opacity:0.5;}
.column-04-a article:nth-child(2) h3::after { display:none;}




/*********************************************************************/
/* column-04-a-1*/
.column-04-a-1 article:nth-child(2) span { border-top:0px; }
.column-04-a-1 article:nth-child(2) a:hover span { border-top:0px;}
.column-04-a-1 article:nth-child(2) time { margin-top:15px;}


/*********************************************************************/
/* column-05 */
/* Recommended 1 */

.column-05 article { display:block; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px;}
.column-05 article time {display: block; background: #000; color: #fff; padding:1px 3px; font-size: 10px; position: absolute; right: 0px; bottom: 0px; opacity:0.5;}
.column-05 article img { width:150px; height:110px; visibility:hidden;}
.column-05 article span { display:none;}
.column-05 article h1 { margin: 10px 15px 10px 15px; font-weight:400; font-size:15px; }

.column-05 article:first-child { height:600px; overflow:hidden; background:none;}
.column-05 article:first-child img { width:auto; height:100%; visibility:visible;}

.column-05 article:first-child h1 { display:block; position:absolute; right:0px; left:0px; font-size:24px; line-height: normal; font-weight:700; }
.column-05 article:first-child h1 a { opacity:0.9; color:#fff; }
.column-05 article:first-child h1 a:hover { opacity:1; }

.column-05 article:first-child span { display:block; height:370px; width:100%; margin-right:0px; overflow:hidden; border-top:15px solid rgba(0,0,0,0.1);}
.column-05 article:first-child:hover span { border-top:15px solid #333;
                                            -webkit-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
                                            -moz-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
                                            box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
}

.column-05 article:first-child time { display:inline-flex; width:auto; position:relative; padding:2px 10px 2px 15px; margin-top:15px;}
.column-05 article:first-child:hover time { background:#a91c28; opacity:1;}

.column-05 article:first-child::before { content:''; position: absolute; top: 0; left: 0; right: 0;	bottom: 0; z-index:-2; opacity:0.5; background:#000; }
.column-05 article:first-child::after { content:'';	position: absolute;	top: 0; left: 0; right: 0; bottom: 0; z-index:-3;
                                        background-image: url('../design/article-bg.jpg');
                                        background-size: 100% 100%;
                                        background-position: center center;
                                        width: 100%; height: 100%;
}

.column-05 article h3 { display:block; position:absolute; margin:-17px 0px 9px 85px; padding:2px 10px; background:rgba(204,204,204,0.2);}
.column-05 article h3:hover { background:rgba(204,204,204,0.9);}
.column-05 article h3 a { color:#ccc;}
.column-05 article h3:hover a { color:#a91c28;}


@media all and (max-width: 1300px) {
    .column-05 article:first-child h1 { font-size:21px;}
}

/* Hack */
.row-1-2 .column-05 article img { width: 100%; height: auto; }
.row-4 .column-05 article:first-child h1 { font-size:22px;}
.row-4 .column-05 article:first-child img { margin-left: -135px; width: auto; height: 100%; }

/*********************************************************************/
/* column-06 */
/* NO LIMIT -> Recommended 2 */

.column-06 article { display:block; position:relative; width:100%; height:295px; float:left; margin-bottom:10px; overflow:hidden;}
.column-06 article:last-child { margin-bottom:0px; }


.column-06 article img { width:100%; height:auto; }
.column-06 article:hover img {
    -webkit-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
}
.column-06 article h1 { position:absolute; display:block; color:#333; font-size:18px; margin:5px 15px 10px 15px; line-height:normal; font-weight:700; }
.column-06 article h1 a:hover { color:#a91c28;}
.column-06 article span { display:block; max-height:140px; width:100%; margin-right:0px; overflow:hidden; border-top:15px solid rgba(0,0,0,0.1);}

.column-06 article:hover span { border-top:15px solid #333;
                                -webkit-box-shadow:0 0 150px 10px rgba(255,255,255,0.5);
                                -moz-box-shadow:0 0 150px 10px rgba(255,255,255,0.5);
                                box-shadow:0 0 150px 10px rgba(255,255,255,0.5);
}

.column-06 article time { display:inline-flex; width:auto; font-size:10px; padding:2px 10px 2px 15px; background:#000; color:#fff; opacity: 0.5; margin-top:13px;}

.column-06 article:hover time { opacity:1; background:#a91c28; }


.column-06 article::before { content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:-2; opacity:0.5; background:#fff;}
.column-06 article::after { content:'';	position: absolute;	top: 0;	left: 0; right: 0; bottom: 0; z-index:-3;
                            background-image: url('../design/article-bg.jpg');
                            background-size: 200% 100%;
                            background-position: center center;

                            -webkit-filter: opacity(40%);
                            -moz-filter: opacity(40%);
                            -o-filter: opacity(40%);
                            -ms-filter: opacity(40%);
                            filter: opacity(40%);
}

.column-06 article h3 { display:block; position:absolute; padding:2px 15px;	margin:-17px 0 3px 85px; background:rgba(255,255,255,0.5);}
.column-06 article h3:hover { background:rgba(255,255,255,0.9);}

@media all and (max-width: 1300px) {
    .row-3 .column-06 article h1 { font-size:17px; }
    .row-4 .column-06 article h1 { font-size:17px; }
}

/*********************************************************************/
/* column-06-1 */
.column-06-1 article span { border-top:0px;}
.column-06-1 article:hover span { border-top:0px;}
.column-06-1 article time { margin-top:15px;}

/*********************************************************************/
/* column-06-2 */
.column-06-1 article { height: 353px; }
.column-06-1 article span { border-top:0px; max-height: 230px;}
.column-06-1 article:hover span { border-top:0px;}
.column-06-1 article time { margin-top:15px;}


/*********************************************************************/
/* column-07 */
/* NO LIMIT -> Recommended 2 */

.column-07 article { display:block; position:relative; width:100%; float:left; background:#fff; margin-bottom:10px;}
.column-07 article:last-child { margin-bottom:0px; }

.column-07 article { height:295px; overflow:hidden;}
.column-07 article img { width:100%; height:auto; visibility:visible;}

.column-07 article h1 { font-size:18px; margin: 10px 15px 10px 15px; line-height: normal; font-weight:700; height:100px; overflow:hidden; }
.column-07 article span {display:block; max-height:140px; width:100%; margin-right:0px; overflow:hidden; border-top:0px;}
.column-07 article time { display:inline-flex; width:auto; font-size:10px; padding:2px 10px 2px 15px; background:#000; color:#fff; opacity: 0.5; margin-top:15px;}
.column-07 article:hover time { background:#a91c28; opacity:1;}

.column-07 article a { display:block; z-index:3; }
.column-07 article h3 { display:block; position:absolute; padding:2px 15px; margin:-17px 0 3px 85px; background:rgba(204,204,204,0.2);}
.column-07 article h3:hover { background:rgba(204,204,204,0.4);}


@media all and (max-width: 1300px) {
    .row-3 .column-07 article h1 { font-size:17px;}
    .column-07 article h1 {height: 95px;}
}


/*********************************************************************/
/* column-08 */
/* Recommended 1 */

.column-08 article { display:block; position:relative; width:100%; float:left; background:#fff; margin-right:1%; height:200px;}
.column-08 article:last-child { margin-right:0px;}

.column-08 article time {display: block; background: #000; color: #fff; padding: 1px 3px; font-size: 10px; position: absolute; right: 0px; bottom: 0px; opacity:0.5;}
.column-08 article:hover time { background:#a91c28; opacity:1;}
.column-08 article img { width:100%; height:auto;}
.column-08 article h1 { font-size:15px; margin: 15px 10px 10px 10px; line-height: normal; height: 65px; overflow: hidden;}
.column-08 article span {display:block; width:100%; height:50%; overflow:hidden;}

.column-08 article h3 { position:absolute; top:92px; margin:0px auto; padding:1px 10px; font-size:10px; text-transform:uppercase; background:#333; }
.column-08 article h3:hover  { background:#333; }
.column-08 article h3 a { color:#fff;}

/*********************************************************************/
/* column-09 */
/* Recommended 1 */

.column-09 article { display:block; position:relative; width:100%; float:left; background:#fff; height:250px;}
.column-09 article time {display: block; background: #000; color: #fff; padding: 1px 3px; font-size: 10px; position: absolute; right: 0px; bottom: 0px; opacity:0.5;}
.column-09 article:hover time { background:#a91c28; opacity:1;}
.column-09 article img { width:100%; height:auto;}
.column-09 article h1 { font-size:17px; margin: 30px 15px 10px 15px; line-height: normal; }
.column-09 article span {display: block;width: 100%;height: 50%;overflow: hidden;}
.column-09 h3 { position:absolute; padding:2px 15px; background:rgba(204,204,204,0.4); }


/*********************************************************************/
/* column-10 */
/* Recommended 4 */
.column-10 article { display:block; height:40px; position:relative; width:100%; float:left; background:#333; margin-bottom:0px; border-bottom:1px dotted #ccc;}
.column-10 article:hover { background:#fff; }
.column-10 article:last-child { padding-top:1px; margin-bottom:0px; border-bottom:none;}

.column-10 article time { display:none;}
.column-10 article img { width:150px; height:110px; visibility:hidden;}
.column-10 article span { display:none;}
.column-10 article h1 { color:#fff; margin: 10px 15px 10px 15px; font-weight:400; font-size:15px; overflow: hidden; height: 22px; }
.column-10 article h1 a { color:#fff;}
.column-10 article:hover h1 a { color:#a91c28; }
.column-10 h3 { display:none; }

/*********************************************************************/
/* column-11 */
/* Recommended 1 */

.column-11 article { display:block; position:relative; height:600px; width:100%; float:left; background:#fff; margin-bottom:0px; overflow:hidden;}
.column-11 article time {  display: inline-flex; background: #000; color: #fff; font-size: 10px; right: 0px; bottom: 0px; opacity:0.5; width: auto; position: relative; padding: 2px 10px 2px 15px; margin-top:15px;}
.column-11 article:hover time { background:#a91c28; opacity:1;}

.column-11 article img { width:auto; height:100%;}
.column-11 article span { display:block; height:370px; width:100%; margin-right:0px; overflow:hidden; border-top:15px solid rgba(0,0,0,0.1); }
.column-11 article:hover span { border-top:15px solid #333;
                                -webkit-box-shadow:0 0 150px 10px rgba(0,0,0,0.2);
                                -moz-box-shadow:0 0 150px 10px rgba(0,0,0,0.2);
                                box-shadow:0 0 150px 10px rgba(0,0,0,0.2);
}

.column-11 article h1 { font-size:25px; margin: 10px 15px 10px 15px; line-height: normal; font-weight:700; }
.column-11 article:hover h1 { color:#a91c28;}
.column-11 article h3 { position:absolute; margin:-16px 0px 0px 85px; padding:2px 15px; background:rgba(204,204,204,0.4); }

@media all and (max-width: 1300px) {
    .column-11 article h1 { font-size:21px;}
}

/* Hack for ROW */
/*.row-1-2 .column-11 article img { width: 100%; height: auto; }*/
.row-4 .column-11 article h1 { font-size: 22px; }

/*********************************************************************/
/* column-12 */
/* Recommended 1 */

.column-12 article { height:600px; overflow:hidden; display:block; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px;}
.column-12 article img { width:auto; height:100%;}

.column-12 article time { display:inline-flex; position:relative; background: #000; color: #fff; font-size: 10px; right: 0px; bottom: 0px; opacity:0.6;  width: auto; padding: 2px 10px 2px 15px; margin-top:15px;}
.column-12 article:hover time { background:#a91c28; color:#fff; opacity:1;}

.column-12 article h1 { z-index: 1; position: relative; color: #fff; font-size: 19px; margin: 10px 15px 10px 0px;	line-height: normal; font-weight: 700; width: 65%; background: rgba(0,0,0,0.5); padding: 5px 0px 8px 20px; border-left: 15px solid #ccc; opacity:0.8;}
.column-12 article:hover h1 { border-left: 15px solid #a91c28; opacity:1;}
.column-12 article h1 a { color:#fff !important;}

.column-12 article span { display:block; margin-bottom:-180px; height:570px; width:100%; margin-right:0px; overflow:hidden; border-top: 15px solid #333; border-bottom: 15px solid #333;}
.column-12 article:hover span { border-top: 15px solid #a91c28; border-bottom: 15px solid #333;}

.column-12 article h3 { display:block; position:absolute; color:#333; padding:2px 15px; margin:-17px 0 0 85px; background: rgba(255,255,255,0.7);}
.column-12 article:hover h3 { color:#fff; }

/* hack for ROW */
.row-4 .column-12 article h1 { font-size: 19px;	margin:10px 0px 0px 0px; padding-right:15px; line-height: normal; width: auto; font-weight: 700; border-left:0px;}
.row-4 .column-12 article:hover h1 { border-left: 0px solid #a91c28; opacity:1;}


/*********************************************************************/
/* column-13 */
/* Recommended 1 */

.column-13 article { height:355px; overflow:hidden; display:block; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px;}
.column-13 article img { width:100%; height:auto;}

.column-13 article time { display:inline-flex; position:relative; background: #000; color: #fff; font-size: 10px; right: 0px; bottom: 0px; opacity:0.6;  width: auto; padding: 2px 10px 2px 15px; margin-top:15px;}
.column-13 article:hover time { background:#a91c28; color:#fff; opacity:1;}

.column-13 article h1 { z-index: 1; position: relative; color: #fff; font-size: 19px; margin: 10px 15px 10px 0px;	line-height: normal; font-weight: 700; width: 65%; background: rgba(0,0,0,0.5); padding: 5px 0px 8px 20px; border-left: 15px solid #ccc; opacity:0.95;}
.column-13 article:hover h1 { border-left: 15px solid #a91c28; opacity:1;}
.column-13 article h1 a { color:#fff !important;}

.column-13 article span { display:block; margin-bottom:-140px; height:325px; width:100%; margin-right:0px; overflow:hidden; border-top: 15px solid #333; border-bottom: 15px solid #333; background:#000;}
.column-13 article:hover span { border-top: 15px solid #a91c28; border-bottom: 15px solid #333;}

.column-13 article h3 { display:block; position:absolute; color:#333; padding:2px 15px; margin:-17px 0 0 85px; background: rgba(255,255,255,0.7);}
.column-13 article:hover h3 { color:#fff; }

/* hack for ROW */
.row-4 .column-13 article h1 { font-size: 19px;	margin:10px 0px 0px 0px; padding-right:15px; line-height: normal; width: auto; font-weight: 700; border-left:0px;}
.row-4 .column-13 article:hover h1 { border-left: 0px solid #a91c28; opacity:1;}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* GALLERY VIDEO .play-video*/
.play-video span::before { 
    position: absolute !important;
    content: '' !important;
    height: 35px;
    width: 35px;
    background: url(play_video.png) no-repeat 0px 0px !important;
    background-size: 102% !important;
    margin: 7px 7px;
    display: block;
    border-radius: 0 50%;
    background-color: rgba(0,0,0,0.5) !important;
}
.play-video a:hover span::before { background-color:#a91c28 !important;}

/* GALLERY PHOTO - .play-photo */
.play-photo span::before { 
    position: absolute !important;
    content: '' !important;
    height: 35px;
    width: 35px;
    background: url(play_photo.png) no-repeat 0px 0px !important;
    background-size: 102% !important;
    margin: 7px 7px;
    display: block;
    border-radius: 0 50%;
    background-color: rgba(0,0,0,0.5) !important;
}
.play-photo a:hover span::before { background-color:#a91c28 !important;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* Elements */

/* Margins */
.mt-20 { margin-top:-20px !important;}
.mt-10 { margin-top:-10px !important;}
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt23 { margin-top:23px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb-10 { margin-bottom:-10px !important;}

.mb10-a article { margin-bottom:10px !important;}

.pt0 { padding-top:0px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pb0 { padding-bottom:0px !important;}

.bold { font-weight:bold;}


/* separator */
.separator { margin-bottom:0px; margin-top:2px; }
.separator div:nth-child(1) { height:6px;
                              background: -moz-linear-gradient(left, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%);
                              background: -webkit-linear-gradient(left, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
                              background: linear-gradient(to right, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.separator div:nth-child(2) { height:6px;
                              background: -moz-linear-gradient(right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%);
                              background: -webkit-linear-gradient(right, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
                              background: linear-gradient(to left, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);
                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

/* Active category */
.activcat h3 { font-size:12px !important; background:#a91c28 !important; color:#fff !important; font-weight:bold !important; }
.activcat article:hover h3 { color:#fff; background:#333 !important;}

/* Active category 1 */
.activcat-1 h3 { font-size:12px !important; background:#333 !important; color:#fff !important; font-weight:bold !important;}
.activcat-1 article:hover h3  { color:#fff; background:#a91c28 !important;}

/* active readed */
.active{
    background:#a91c28 !important;
    color:white!important;
}

/* Invert */
.invert article,
.invert-1 article:nth-child(1),
.invert-2 article:nth-child(2) { background: #5A5A5A; }

.invert article:hover,
.invert-1 article:nth-child(1):hover,
.invert-2 article:nth-child(2):hover { background:#333; }

.invert article h1 a,
.invert-1 article:nth-child(1) h1 a,
.invert-2 article:nth-child(2) h1 a { color:#fff; }

.invert article h3 a,
.invert-2 article:nth-child(2) h3 a { color:#fff; }
.invert-1 article:nth-child(1) h3 a { color:#333; }

.invert article span,
.invert-1 article:nth-child(1) span,
.invert-2 article:nth-child(2) span {box-shadow: 0px 0px 150px 50px #000;}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* ROW-4 H1  max-width: 1300px */
@media all and (max-width: 1300px) { 
    .row-4 .column-01 article h1 { font-size:14px; }

    .row-4 .column-03 article h1 { font-size:14px; }
    .row-4 .column-03 article:first-child h1 { font-size:17px; }

    .row-4 .column-04 article h1 { font-size:14px; }
    .row-4 .column-04 article:first-child h1 { font-size:17px; }

    .row-4 .column-05 article h1 { font-size:23px; }

    .row-4 .column-07 article h1 { font-size:17px; }
}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* HACKS */

/* Hack for .row-4 */
/* Index TOP-1 */
.top-1 div:nth-child(1) { width:33.25%; }
.top-1 div:nth-child(2) { width:15.25%; }
.top-1 div:nth-child(2) article h1 { font-size:17px; line-height: 20px;}
@media all and (max-width: 1300px) { .top-1 div:nth-child(2) article h1 { font-size:15px; font-weight:normal;} }


/* Index TOP-1 FOR .column-05 */
.top-1 div:nth-child(1) .column-05 article:first-child span { max-height:345px; }
.top-1 div:nth-child(1) .column-05 article:first-child img { width: auto; height: 100%; }
/* Index TOP-1 FOR .column-06 */
.top-1 .column-06 article h3 { margin: -51px 0 3px 0px;  background: rgba(255,255,255,0.7);}
.top-1 .column-06 article h3:hover {background: rgba(255,255,255,0.8);}

/* Hack for .row-1-2 + C11 */
/* Index TOP-1 */
.top-2 .column-11 article span { height: 425px !important; border-top: 15px solid #333 !important; border-bottom: 15px solid #333 !important; text-align:center; background:#333;}
.top-2 .column-11 article a:hover span { border-bottom: 15px solid #5A5A5A !important;}

/* Hack for column-04 height */
.height88 article {height: 88px;}
.height88 article:last-child {height: 89px;}

/* Overflow hidden */
.oh-hide { overflow:hidden;}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* article-list */

.article-list .content { min-width: 900px;width:900px !important; }
.article-list .content article { display:block; height:110px; position:relative; width:100%; float:left; background:#fff; margin-bottom:12px; overflow:hidden;}

.article-list .content article time {display: block; background: #000; color: #fff; padding: 1px 3px; font-size: 10px; position: absolute; right: 0px; bottom: 0px; opacity:0.5;}

.article-list .content article img { width: auto; height:110px; margin-left: -28px; }
.article-list .content article span { display:block; float:left; width:110px; overflow:hidden; margin-right:1%;}
.article-list .content article h1 { margin: 15px 10px 10px 120px; font-weight:400; font-size:19px; height: 65px; overflow: hidden;}
.article-list .content h3 a:hover { color:#a91c28; }
.article-list .content h3 { font-weight: normal; margin: 7px 0 -10px 120px; display: block; font-size: 10px; }
.article-list .content h3 a	{ visibility:visible; background: rgba(0,0,0,0.1); padding: 0 5px; color:#000; }
.article-list .content article:hover h3 a { visibility:visible;}
.article-list .content article:hover h3::after { font-family:FontAwesome; content: "\f0da"; margin-left:3px; opacity:0.5;}
.article-list .content article:hover time {background:#a91c28; color:#fff; opacity:1;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* ANKETA */

.anketa { position:relative;}
.anketa div { height: 250px; background-repeat: no-repeat; background-position: center top; }
.anketa div:after { position:absolute; content:''; top:10px; right:10px; bottom:10px; left:10px; background:rgba(255,255,255,0.8);}
.anketa div a {}
.anketa h4 { position: relative; z-index: 1; margin:0px 30px; font-family: "Roboto Slab",serif; font-size: 36px; line-height: normal; font-weight: 700; text-align:center; height:100px; padding-top:67px;}
.anketa h5 { position: absolute; left: 50%; z-index: 2; margin: 10px 22px 14px -60px; font-family: "Roboto Slab",serif; font-size: 18px; line-height: normal;
             font-weight: 700; width: 100px; text-align: center; background:#333; padding:8px 10px 10px 10px;}
.anketa h5:hover { background:#a91c28; }
.anketa h5 a { color:#fff;}
.anketa h6 { position: absolute; z-index: 2; left: 50%; width:250px; margin:0 0 0 -125px; text-align: center; bottom:25px; }
.anketa h6 a { display: block; margin: 10px; float: left; width: 90px; font-size: 15px; background: rgba(100,100,100,0.2); padding: 5px; border-radius: 3px; border: 1px solid #ccc; }
.anketa h6 a:last-child { float:right;}
.anketa h6 a:hover { background:#a91c28; color:#fff; border:0px;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* SITE LIST */

.site-list {}
.site-list div { float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:10px;}
.site-list span { float:left;}
.site-list a { display:block; float:left; margin-top: 2px; margin-left: 20px; font-family: "Roboto Slab",serif; font-weight: bold; font-size: 20px;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* CATEGORIES POPUP */
.cats ul { list-style: none; float: left; width: 100%; padding:0px; }
.cats ul li { list-style: none; float:left; width:25%; }
.cats ul li ul { margin-top:10px;}
.cats ul li ul li { width:100%; height:25px;margin-bottom:0px!important;}
.cats ul li a { font-family: "Roboto Slab",serif; font-weight: bold; font-size: 18px; margin-bottom:20px;}
.cats ul li ul li a {font-family: "Roboto",sans-serif; font-weight: normal; font-size: 13px; text-transform:uppercase; margin-right: 15px; display:block; width:100%;}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*
          _    _ _______ _    _  ____  _____   _____ 
     /\  | |  | |__   __| |  | |/ __ \|  __ \ / ____|
    /  \ | |  | |  | |  | |__| | |  | | |__) | (___  
   / /\ \| |  | |  | |  |  __  | |  | |  _  / \___ \ 
  / ____ \ |__| |  | |  | |  | | |__| | | \ \ ____) |
 /_/    \_\____/   |_|  |_|  |_|\____/|_|  \_\_____/ 
 
*/                                                     
/* Author Navigation */
.authors-nav article { height: 49px; overflow:hidden;}
.authors-nav article h3,
.authors-nav article time { display:none;}
.authors-nav article h1 { margin:3px 10px 3px 100px !important; }
.authors-nav article h1 b:first-child { display:block; font-weight:normal; color:#5A5A5A;}
.authors-nav article h1 b:last-child { display:block; font-size:18px; margin-top:-6px;}
.authors-nav article a:hover b { color:#a91c28;}

.authors-nav article span { width: 85px; display:block !important;}

.authors-nav article img {width: auto; height: 60px; margin-left: 0;}


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*
  _____   ____   _____ _______ 
 |  __ \ / __ \ / ____|__   __|
 | |__) | |  | | (___    | |   
 |  ___/| |  | |\___ \   | |   
 | |    | |__| |____) |  | |   
 |_|     \____/|_____/   |_|   

*/

.post .content { max-width: 900px; min-width: 900px; clear:both !important;}
.post .content-top { width:100%; max-width:100% !important; float:left; padding-bottom:20px; min-width:990px; overflow:hidden;}

.white { background:#fff;}


.white-back { background:url(white-back.gif) repeat-y center;}

.post .art-wrap { position:relative; float:left; width:100%; clear:left !important;}

.post .art-title h1 { font-weight: bold; font-size:37px; margin:0px 0 10px 0; line-height: 46px;}
.post .art-title h2 { font-weight: normal; font-size:18px; text-transform:none; margin:0 0 25px 0;}
.post .art-title h2.eubaris { background:url(other/eu/eu-top.jpg) no-repeat center; height:120px}
.post .art-title h3 { font-weight: normal; font-size:11px; text-transform:none; margin:0 0 20px 0; float:left;}
.post .art-title h4 { font-weight: normal; font-size:11px; text-transform:none; margin:-28px 0 0 0; padding:5px 20px; float:left; background:rgba(0,0,0,0.5); color:#fff; position:absolute; z-index:2}

/**/
.post .art-title span { display: block; margin-right: 135px; position: relative; text-align:center; overflow:hidden;}
.post .art-title span div { background:no-repeat; background-position:center center; background-size:110% auto;
                            position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px;

                            -webkit-filter: blur(5px);
                            -moz-filter: blur(5px);
                            -o-filter: blur(5px);
                            -ms-filter: blur(5px);
                            filter: blur(5px);

                            /*opacity: 0.5;*/
}
.post .art-title span img { width:auto; max-width:765px; max-height:575px; margin-bottom: -5px; min-height: 226px;}
.post .art-title span iframe { width:100%; min-height:480px; }

/**/
.post .social { width: 120px; padding: 0px; position: absolute; top: 0; right: 0px; }
.post .social a { font-size: 25px; float: left; display: block; width: 100%; text-align: center; padding: 10px 0; background: rgba(165,165,165,0.6); margin-bottom: 15px; opacity: 0.5; }
.post .social a:hover { opacity:1; color:#fff; border-color:#ccc;}

.post .social-1 { position:relative; float:left; width:100%; margin-top:20px;}
.post .social-1 a { width:60px; margin-right:15px; margin-bottom:0px; font-size:25px; float:left; display:block; text-align:center; padding: 6px 0 8px 0;; background:rgba(165,165,165,0.6); opacity:0.5; border-radius: 5px; border: 1px solid #ccc;}
.post .social-1 a:last-child { margin-right:0px; }

.share-this { text-transform: uppercase; font-size: 12px; margin-bottom: 5px; margin-top: -2px; color:#999;}

/* FB Like */
.post .left .fb-like { float: left; margin-right: 15px; width: 105px; height: 60px; border-right: 1px solid #ccc; padding-right: 10px;}

/**/
.post .white h2 { opacity:0.8;}

.post .dark { position:relative;  }
.post .dark::after { position:absolute; z-index:-2; content:''; top:0; bottom:0; left:0; right:0; background:#191919;}
.post .dark h1 { color:#fff;}
.post .dark h2 { color:#ccc;}
.post .dark h3 { color:#ccc;}

.post .art-title h3 a { color:#fff; background:#a91c28; padding:0 20px; margin-right:10px;}
.post .art-title h3 a:hover { color:#fff; background:#333; }
.post .dark h3 a:hover { color:#a91c28; background:#fff; }

.post .content-top img { width:auto; position:relative; z-index:1;}

.post .breadcrumbs { float:left; width:100%;}
.post .breadcrumbs ul { padding:0px; margin:0px; list-style:none;}
.post .breadcrumbs ul li { display:block; float:left; margin-right:5px;}
.post .breadcrumbs ul li:first-child { margin-right:0px;}
.post .breadcrumbs ul li::before { content: '\203A'; display: block; float: left; margin-right: 5px; font-size: 24px; margin-top: -6px;	opacity:0.5; }
.post .breadcrumbs ul li:first-child::before { content:'';}
.post .breadcrumbs a { text-transform: uppercase; font-size: 13px; }
.post .dark .breadcrumbs { color:#fff;}
.post .dark .breadcrumbs a { color:#fff; opacity:0.8; }
.post .dark .breadcrumbs a:hover { opacity:1;}

.post .left { margin: 0 315px 0 0; min-height: 330px; }
.post .left .left-int { max-width:545px; font-size:17px; line-height: 28px; background:#fff; padding:15px 20px; float:left; min-height:600px; }
.post .left .left-int p {margin:0 0 20px 0;}
.post .left .left-int img { margin: 0 10px 10px 0;}
/*.post .left .left-int img { width:100%;}
*/
/*.post .left .left-int p img { width:auto; max-width:100%; height:auto; max-height:500px; }
*/
.post .left .left-int a { color:#a91c28;}
.post .left .left-int a:hover { color:#000;}
/*
.post .left .left-int .ads-25-1 { float:left; padding: 0px; margin-right: 15px; height:250px;}
*/
.post .left .left-int .box-in-text { float:left; padding: 0px; margin-right: 15px; width:300px; margin-left: -150px; border: 15px solid #fff;}
@media all and (max-width: 1200px) { .post .left .left-int .box-in-text { margin-left:0px; border:0px; } }

/* Video */
.post .left .left-int iframe { width:100%;}
/**/

.post .left .tags { padding-top:0px; font-size:13px; text-transform:uppercase; float:left; width:100%; margin-bottom:20px; margin-top:15px; line-height:20px;}
.post .left .tags a { float:left; text-transform:uppercase; font-size:12px; letter-spacing:0.03em; }
.post .left .tags a::after { content:'|'; color:#A5A5A5; margin: 0 5px;}
.post .left .tags a:last-child::after { content:'';}

.post .right { width: 300px; position: absolute; top: 0; right: 0; overflow:hidden; height:100%}
.post .right div { float:left; margin-bottom:15px;}

/* hacks */
.post .title-4 { margin:0px; }
.post .left .row-2 div { width: 49%; margin-right: 2%;}
.post .left .column-02 article:first-child h1,
.post .right .column-02 article:first-child h1 { font-weight:normal; font-size:15px;}
.post .column-02 article:first-child h1 { margin:10px 15px 10px 15px;}
.post .column-02 article h3 { display:none;}

/**/
.box-in-text { background:#fff;}
.post .left .left-int .box-in-text a { color:#333; }
.post .left .left-int .box-in-text a:hover { color:#a91c28; }
.post .left .left-int .box-in-text .column-02 { line-height:18px;}
.post .left .left-int .box-in-text .column-02 article img { width:auto; }
.post .left .left-int .box-in-text .column-02 article:first-child img { width:100%;}
.post .left .left-int .box-in-text .title-2 { padding:0px 10px 0px 15px; margin:0px 0 -28px 0;}
.post .left .column-01 h3,
.post .left .left-int .box-in-text .column-02 h3 { display:none; }

/**/
.post .gallery { list-style:none; padding:0; margin:0; float:left; width:100%; padding-bottom:25px; }
.post .gallery li { width:91px; height:87px; overflow:hidden; float:left; margin-right:10px; margin-top:10px; display:block; opacity:0.7;}
.post .gallery li:nth-child(9),
.post .gallery li:nth-child(18),
.post .gallery li:nth-child(27),
.post .gallery li:nth-child(36) { margin-right:0px;}
.post .gallery li:hover { opacity:1;}
.post .gallery li img { height:100%; width:auto;

                        -webkit-filter: grayscale(100%) contrast(120%); /* Safari 6.0 - 9.0 */
                        filter: grayscale(100%) contrast(120%);

}

.post .white-back-gallery { background: url(white-back.gif) repeat-y center; padding-left: 20px; padding-right: 20px; margin-left: -20px;}

.post .gallery li:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* image-text */
.post .image-text { display:block;text-align:left !important;padding:5px 20px 0 20px;width:98%;color:#333; margin-top:0px; font-size:13px;}
.post .dark .image-text { color:#ccc; margin-top:20px; font-size:13px;}

/* dark-img */
.post .dark-img {background: #333; padding:20px 20px; margin-left:-20px;}
.post .dark-img .social {width: 120px; padding: 0px; position: absolute; top: 0; right: 0px; margin-top:20px; margin-right:20px;}
.post .dark-img .image-text { color:#ccc; margin-top:20px; font-size:13px;}

/**/
.post .right .column-01 article { height:90px;}
.post .right .column-01 article h1 { margin: 10px 10px 10px 95px; }
.post .right .column-01 article h3 { display:none;}
.post .right .column-01 article span { width: 85px; }

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*
   _____ ____  __  __ __  __ ______ _   _ _______ _____ 
  / ____/ __ \|  \/  |  \/  |  ____| \ | |__   __/ ____|
 | |   | |  | | \  / | \  / | |__  |  \| |  | | | (___  
 | |   | |  | | |\/| | |\/| |  __| | . ` |  | |  \___ \ 
 | |___| |__| | |  | | |  | | |____| |\  |  | |  ____) |
  \_____\____/|_|  |_|_|  |_|______|_| \_|  |_| |_____/  

*/

.comment-box { background:#fff;}
.comment { width:auto !important; padding:20px; position:relative; min-height: 125px;}

.comment .avatar { float:left; width:65px;}
.comment .text { max-width: 465px; min-width: 465px; float:none; position:relative; line-height:22px;}

.comment .avatar img { width:55px; height:55px; border:3px solid #ccc; border-radius:3px;}
.comment .avatar p {font-size:12px; color:#a5a5a5; margin:0px; width:62px;}

.comment .info { margin-bottom:10px;}
.comment .info a { color:#a91c28;  position: relative; z-index: 1;}
.comment .info a:hover { color:#333;}
.comment .info p { font-size:11px; color:#a5a5a5; margin:0px;}
.comment .info .name {font-family: "Roboto Slab",serif;}

.comment .vote { margin-top:10px; position:absolute; top:0; right:0}
.comment .vote div { float:right; width:auto;}
.comment .vote div:first-child { margin-left:20px;}
.comment .vote .vote-up a { color:#34B300;}
.comment .vote .vote-down a { color:#a91c28;}
.comment .vote .vote-up a:hover,
.comment .vote .vote-down a:hover { color:#333;}

/**/
.comment .avatar .warning { font-size:11px; margin-top:7px; visibility:hidden; opacity:0.4; text-align:center; width:62px;}
.comment:hover .avatar .warning { visibility:visible;}
.comment .avatar .warning:hover { opacity:1;}

/**/
.comment .text { position:relative; margin-left:80px; }
.comment .vote { position:absolute; top:0; right:0; margin-top:5px;}

/**/
.input-box { min-height:100px; background:rgba(125,125,125,0.1); margin-bottom:20px;}
.input-box a { color:#a91c28; }
.input-box a:hover { text-decoration:underline; }
.input-box textarea { width:98%; padding:1%; border-radius: 3px; border: 1px solid #ccc; font-size:15px; font-family: "Roboto",sans-serif; height:16px;}
.input-box .comment { float:none;}
.input-box .avatar img {}
.input-box .comment { min-height:auto;}

/**/

.comment .numbers { position: absolute; bottom: 20px; text-align: center; font-size: 20px !important; width: 62px; height: 15px; overflow: hidden; line-height: 14px; font-weight: 600; color: #ebebeb !important;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*
   _____ _____   ____  _____ _______ 
  / ____|  __ \ / __ \|  __ \__   __|
 | (___ | |__) | |  | | |__) | | |   
  \___ \|  ___/| |  | |  _  /  | |   
  ____) | |    | |__| | | \ \  | |   
 |_____/|_|     \____/|_|  \_\ |_|  

*/

.sport { color:#ddd; background:url(sitebg-black.gif); background-color:#333; font-weight: normal; }
.sport article { background: #333; }
.sport article:hover { background:#5A5A5A;}
.sport a { color:#ddd; }
.sport a:hover { color:#fff; }
.sport #cookies-agreebar {color:black;}
.sport #chrome-bar-install a {color:black;}

/**/
/*
.sport .header-box::after { 
    -webkit-box-shadow: 0px -10px 150px 10px rgba(255,255,255,0.95);
    -moz-box-shadow: 0px -10px 150px 10px rgba(255,255,255,0.95);
    box-shadow: 0px -10px 150px 10px rgba(255,255,255,0.95);

}
*/

/**/
.sport .top-sport div:first-child,
.sport .top-sport div:last-child::before { 
    box-shadow:200px 0px 150px 0px rgba(255,255,255,0.55), -200px 0px 150px 0px rgba(255,255,255,0.55);
}

/**/
.sport .zone-ads,
.sport .ads-60-l, 
.sport .ads-60-r,
.sport .ads-25,
.sport .ads-25-1 { background:#333; }

.sport .ads-60-r { overflow:hidden; }

.sport .column-05 article time,
.sport .column-06 article time {background:#000; color:#eee;}

.sport .column-01 article a:hover time,
.sport .column-02 article a:hover time,
.sport .column-02-a article a:hover time,
.sport .column-03 article a:hover time,
.sport .column-07 article a:hover time,
.sport .column-09 article a:hover time {background:#a91c28; color:#fff; opacity:1;}

.sport .column-05 article a:hover img,
.sport .column-06 article a:hover img { 
    -webkit-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
    box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
}
.sport .column-05 article a:hover h1,
.sport .column-06 article a:hover h1 { color:#eee; }
.sport .column-05 article h3,
.sport .column-06 article h3 { color:#fff; background: rgba(255,255,255,0.3);}
.sport .column-01 article h3 a,
.sport .column-02 article h3 a { color:#fff;}
.sport .column-02 article:first-child h3 a,
.sport .column-12 article h3 a { color:#333; }
.sport .column-12 article h3:hover { background: rgba(255,255,255,0.9); }
.sport .column-05 article span,
.sport .column-06 article span { border-top:15px solid #000;}
.sport .column-05 article a:hover span,
.sport .column-06 article a:hover span { border-top:15px solid #333;
                                         -webkit-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
                                         -moz-box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
                                         box-shadow:0 0 175px 120px rgba(0,0,0,0.8);
}
.sport .column-06 article h1 a:hover { color:#fff;}
.sport .column-05 article a:hover time,
.sport .column-06 article a:hover time { background:#a91c28; color:#fff; opacity:1;}
.sport .column-04-a article:nth-child(2) a,
.sport .column-04 article:nth-child(1) a,
.sport .column-05 article a,
.sport .column-06 article a { color:#eee;}
.sport .column-05 article::before,
.sport .column-06 article::before { background:#000;}
/**/
.sport .title-2 { background:#333;}
.sport .title-1-nav a { background:#333;}
.sport .title-1-nav a:hover { background:#5A5A5A;}
.sport .title-1:hover a::before {background:#5A5A5A;}
.sport .title-1 a::after {
    content: '';
    position: absolute;
    margin-left: 7px;
    height: 18px;
    width: 10%;
    margin-top: 5px;

    background: -moz-linear-gradient(left, rgba(255,255,255,0.75) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.75) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.sport .separator div:nth-child(1) {
    background: -moz-linear-gradient(left, rgba(255,255,255,0.45) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.45) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.45) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.sport .separator div:nth-child(2) {
    background: -moz-linear-gradient(right, rgba(255,255,255,0.45) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(right, rgba(255,255,255,0.45) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to left, rgba(255,255,255,0.45) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.sport .title-1-nav {
    background: -moz-linear-gradient(right, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(right, rgba(255,255,255,0.50) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to left, rgba(255,255,255,0.50) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

.sport .title-1-nav span { color:#ddd; }

.sport .column-01 article { background: #5A5A5A; }

/**/
.sport .invert article span,
.sport .invert-1 article:nth-child(1) span,
.sport .invert-2 article:nth-child(2) span {box-shadow: none !important;}

.sport .invert article,
.sport .invert-1 article:nth-child(1),
.sport .invert-2 article:nth-child(2) { background: #5A5A5A; }

.sport .invert article:hover,
.sport .invert-1 article:nth-child(1):hover,
.sport .invert-2 article:nth-child(2):hover { background:#5A5A5A; }

.sport .invert article h1,
.sport .invert-1 article:nth-child(1) h1,
.sport .invert-2 article:nth-child(2) h1 { color:#ddd; }

.sport .invert article:hover h1,
.sport .invert-1 article:nth-child(1):hover h1,
.sport .invert-2 article:nth-child(2):hover h1 { color:#fff; }
/**/

.sport .column-12 article:first-child span { border-top: 15px solid #333; border-bottom: 15px solid #333;}
.sport .column-12 article:first-child:hover span { border-top: 15px solid #5A5A5A; border-bottom: 15px solid #5A5A5A;}

/**/
.sport .morenews {background:#a91c28;}
.sport .morenews:hover {background:#333;}

/**/
.sport .footer-wrapper {background: #333;}

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*
  _      _____ ______ ______  _____ _________     ___      ______ 
 | |    |_   _|  ____|  ____|/ ____|__   __\ \   / / |    |  ____|
 | |      | | | |__  | |__  | (___    | |   \ \_/ /| |    | |__   
 | |      | | |  __| |  __|  \___ \   | |    \   / | |    |  __|  
 | |____ _| |_| |    | |____ ____) |  | |     | |  | |____| |____ 
 |______|_____|_|    |______|_____/   |_|     |_|  |______|______|

*/



/**/
.lifestyle article h1 a { color:#003d61; }
.lifestyle article:hover h1 a { color:#951c55; }
.lifestyle article time { background:#003d61; color:#fff; }
.lifestyle article:hover time { background:#951c55; color:#fff; }

.lifestyle .column-06 article::after {
    -webkit-filter: opacity(10%);
    -moz-filter: opacity(10%);
    -o-filter: opacity(10%);
    -ms-filter: opacity(10%);
    filter: opacity(10%);
}

.lifestyle .column-06 article {background: #fff;}

.lifestyle .column-12 article span::before,
.lifestyle .column-13 article span::before { background:none; }
.lifestyle .column-12 article span,
.lifestyle .column-13 article span { border-top: 15px solid #951c55; border-bottom: 15px solid #951c55; }
.lifestyle .column-12 article:hover span,
.lifestyle .column-13 article:hover span { border-top: 15px solid #951c55; border-bottom: 15px solid #ca8daa; }
.lifestyle .column-12 article:hover h1 a,
.lifestyle .column-13 article:hover h1 a { color:#fff;}

.lifestyle .column-12 article:hover time,
.lifestyle .column-13 article:hover time { background:#951c55;}
.lifestyle .column-12 article:hover h1,
.lifestyle .column-13 article:hover h1 { border-left: 15px solid #951c55; }
.lifestyle .column-12 article h3:hover,
.lifestyle .column-12 article h3:hover { background: rgba(255,255,255,0.9); }

/**/
.lifestyle .title-1 a { color:#005689;}
.lifestyle .title-1 a::before { background: #951c55; }
.lifestyle .title-1 a::after {
    background: -moz-linear-gradient(left, rgba(149,28,85,0.45) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(149,28,85,0.45) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(149,28,85,0.45) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

/**/
.lifestyle .separator div:nth-child(1) {
    background: -moz-linear-gradient(left, rgba(149,28,85,0.45) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(149,28,85,0.45) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(149,28,85,0.45) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.lifestyle .separator div:nth-child(2) { 
    background: -moz-linear-gradient(right, rgba(149,28,85,0.45) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(right, rgba(149,28,85,0.45) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to left, rgba(149,28,85,0.45) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

/**/
.lifestyle .column-06 article::after,
.lifestyle .column-06 article::before { display:none;}
.lifestyle .column-06 article span { border-color: #951c55; }
.lifestyle .column-06 article:hover span { border-color: #e2a8c4; }
.lifestyle .column-06 article:nth-child(2) h3 { background: rgba(204,204,204,0.5); }
.lifestyle .column-06 article:nth-child(2) h3:hover { background: rgba(204,204,204,0.7); }

/**/
.lifestyle .invert article time,
.lifestyle .invert-1 article:nth-child(1) time,
.lifestyle .invert-2 article:nth-child(2) time { background:#fff; color:#000;}

.lifestyle .invert article span,
.lifestyle .invert-1 article:nth-child(1) span,
.lifestyle .invert-2 article:nth-child(2) span {box-shadow: none !important; border-color:#951c55;}

.lifestyle .invert article,
.lifestyle .invert-1 article:nth-child(1),
.lifestyle .invert-2 article:nth-child(2) { background: #951c55; border-color: #951c55; }

.lifestyle .invert article:hover,
.lifestyle .invert-1 article:nth-child(1):hover,
.lifestyle .invert-2 article:nth-child(2):hover { background:#ca8daa; }

.lifestyle .invert article h1 a,
.lifestyle .invert-1 article:nth-child(1) h1 a,
.lifestyle .invert-2 article:nth-child(2) h1 a { color:#fff; }

.lifestyle .invert article:hover h1,
.lifestyle .invert-1 article:nth-child(1):hover h1 a,
.lifestyle .invert-2 article:nth-child(2):hover h1 a { color:#fff; }

/**/
.lifestyle .title-1-nav a { background:#951c55; color:#fff;}
.lifestyle .title-1-nav a:hover { background:#fff; color:#951c55}
.lifestyle .title-1-nav span { color:#951c55; }

.lifestyle .title-1-nav {
    background: -moz-linear-gradient(right, rgba(149,28,85,0.25) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(right, rgba(149,28,85,0.25) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to left, rgba(149,28,85,0.25) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}


/***********************************/
/***********************************/
/*********** VIVACOM ADS ***********/


.vivacom-index article:nth-child(2) span { height:154px; }
.vivacom-index article:nth-child(2) span::after { content: url('../design/vivacom/vivacom-index.png'); position: absolute; height: 33px; width: 301; bottom: 0; left: 0;}

.vivacom-bg { cursor:pointer;background:url('/design/vivacom/wallpaper-offnews-vivacom.png') no-repeat; background-position: center top; background-color:#ffffff;width:100%;height:1000px;}

	











/***********************************/
/***********************************/
/********* modal splash image ******/
#mainimage {
    cursor: pointer;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 98%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.98); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    max-height: 85%;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}



/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


/* image gallery *

    /* Next & previous buttons */
.prev,
.next {
    z-index:10;
    cursor: pointer;
    position: absolute;
    top: 0%;
    width: auto;
    padding:50% 16px 0 16px;
    margin-top: 0;
    color: rgba(0, 0, 0, 0.0);
    font-weight: bold;
    font-size: 30px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    height:100%;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.prev {
    left: 0;
    border-radius: 0 3px 3px 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    color:rgba(255, 255, 255, 0.0);
    background-color: rgba(0, 0, 0, 0.0);
}



/* banner bottom right */
.adclose{
    width:30px;
    height:25px;
    position:absolute;
    top:0px;
    right:0px;
    color:black;
    font-weight:bold;
    border:1px solid black;
    cursor:pointer;
    margin:2px;
    z-index: 11000;
    background-color:white;
    border-radius:3px;
}
.foot {
    border-top: 1px solid #999999;
    position:fixed;
    width: 300px;
    height:250px;
    z-index: 10000;
    text-align:center;
    font-size:18px;
    color: #000;
    background: #FFF;
    display: flex;
    justify-content: center; /* align horizontal */
    right: 0;
    margin-right: 3px;
    margin-left: auto;
    margin-bottom: 3px;
    bottom:-475px;
    cursor:pointer;
    box-shadow: 0px 0px 0px 3px #FFF, 0px 0px 60px 10px rgba(0, 0, 0, 0.75);
}
.slide-up
{
    bottom: 0px !important;
}

.slide-down
{
    bottom: -475px !important;
}

/* BG EU */
.eu2018bg { background: url(img/euflag_right_top.jpg) right bottom no-repeat #fff; background-size: 200px auto; padding-right: 135px;}
.navigation .eu2018bg { background: url(img/euflag_top.jpg) right 1px no-repeat #fff; }
.eu2018bg-index article { background: url(img/eu2018bg-index.png) left 75px no-repeat #fff; }

/* USA FOR BG */
.usa-for-bg { background: url(../design/other/america_for_bulgaria/logo.png) right bottom no-repeat; background-size: 100px auto;width: 100px;height: 100px;margin-top: 5px;float: left; }
.usa-for-bg-info { display: block;color: #555;font-size: 11px;width: 65%;margin-left: 115px;margin-bottom: 30px;}

/* EU together */
.eu2019 img{ margin-top:-20px;width: 120px;}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 10, 2017, 9:22:18 AM
    Author     : peppy
*/

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
* html #fancybox-loading {
    position: absolute;
    margin-top: 0;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url("fancybox.png");
}
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}
* html #fancybox-overlay {
    position: absolute;
    width: 100%}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    display:none;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url("fancybox.png");
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
}
#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}
#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}
.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}
.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}
.fancybox-title-over {
    color: #FFF;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url("fancy_title_over.png");
    display: block;
}
#fancybox-title-wrap {
    display: inline-block;
}
#fancybox-title-wrap span {
    height: 32px;
    float: left;
}
#fancybox-title-left {
    padding-left: 15px;
    background-image: url("fancybox.png");
    background-position: -40px -90px;
    background-repeat: no-repeat;
}
#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url("fancybox-x.png");
    background-position: 0px -40px;
    color: #FFF;
}
#fancybox-title-right {
    padding-left: 15px;
    background-image: url("fancybox.png");
    background-position: -55px -90px;
    background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url("blank.gif");
    z-index: 1102;
    display: none;
}
#fancybox-left {
    left: 0px;
}
#fancybox-right {
    right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-image: url("fancybox.png");
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-image: url("fancybox.png");
    background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url("fancybox-x.png");
}
#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url("fancybox.png");
    background-position: -40px -162px;
}
#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url("fancybox-y.png");
    background-position: -20px 0px;
}
#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url("fancybox.png");
    background-position: -40px -182px;
}
#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url("fancybox-x.png");
    background-position: 0px -20px;
}
#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url("fancybox.png");
    background-position: -40px -142px;
}
#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url("fancybox-y.png");
}
#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url("fancybox.png");
    background-position: -40px -122px;
}
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}