@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic');
@import url('https://sosgrape.eu/design/lightbox.css');



body { padding:0px; margin:0px; color:#333;  background-position: 50% 50%; 
	background:linear-gradient(to bottom, rgba(0,0,0, 0), rgba(255,255,255, 100)), url(bg_001.jpg) repeat-y center top; 
	background-color:#fff !important; 
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 16px;
	opacity:0.95;
	}
h1,h2 { font-weight: 400; font-size:28px;}
h3 { font-weight: 400; letter-spacing:1px; text-transform:uppercase; font-size:12px; }

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

.content {
    width: auto;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px; /*1240px*/
    min-width: 300px; /*970*/
    padding: 0 20px;
    background:#fff;
    box-shadow:0 0 30px 0px #ccc;
}

.contentDate{
    font-size:12px;

}
/*
article span { border-radius: 3px;}
*/

article { 
/*
-webkit-box-shadow: 0px 50px 80px -82px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 50px 80px -82px rgba(0,0,0,0.8);
box-shadow: 0px 50px 55px -82px rgba(0,0,0,0.8);
*/
}


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


/**/

.morebutton { display:block; background:#d9f1f4; color:#01a7bf; border-radius:5px; padding:5px 12px; margin-top:25px; width:110px;}
.morebutton:hover { background:#FFF; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;}
.morebutton::after {
    font: normal normal normal 19px/1 FontAwesome;
    content: "\f18e";
	margin-left: 10px;
}

.whitebutt { background:#01a7bf; color:#fff;}
.whitebutt:hover { background:#d9f1f4;}


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

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

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* CATEGORIES POPUP */

.cats { width:100%;font-size:30px !important; }
.cats a { font-family: "Roboto Slab",serif; font-weight: bold; font-size: 30px; margin-bottom:20px;}

/* 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: #01a7bf ; }
.morenews:hover a,
#moreopinion:hover a {	color:#fff;	background: #01a7bf ; }


#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,  #01a7bf ),  color-stop(1,  #01a7bf ));
    background: -moz-linear-gradient(center top,  #01a7bf  5%,  #01a7bf  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a7bf ',  endColorstr='#01a7bf ');
    background-color: #01a7bf ;
    -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-family: Verdana;
    font-size: 12px;
    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;
}

/* 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: #01a7bf ;
    -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%;
}

.detailNews{
     background:url(bg_grape.png) repeat-y;

min-height:500px;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/

/* ADS */
.zone-ads { margin:20px 0; background:#fff; width:100%; float:left; box-shadow: 500px 0 0 0px #01a7bf, -500px 0 0 0px #01a7bf;}
.zone-ads:first-child { margin:10px 0 0 0; }
.post .zone-ads { background:#01a7bf; margin:10px 0 0 0; }
.zone-ads div { }

/* 300x600 */
.ads-60-l, 
.ads-60-r { width:100% !important; position:relative; text-align:center; height:600px; background:#fff; overflow:hidden; }

.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 { width:100% !important; 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 { width:100% !important; 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; width: 100% !important;}
}

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

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* Header Navigation */
.header-box { width:100%; min-width:300px; z-index:100; position: fixed; top:0px; }
.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;  }

.wrapper{ position:relative; margin-top:215px; }

.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:155px; min-height:55px; overflow:hidden;}
.over-top nav { overflow:hidden;background:#fff;padding:10px 20px; height: 140px;}
.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:#01a7bf ; 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;
	background: url('../design/logo.png') no-repeat 0px 8px #fff;
	background-size: 290px auto;
	width: 329px;
	height: 170px;
	margin: 0px auto 0 0px;
}
.logo1 { 
	display: block;
	background: url('../design/logo1.png') no-repeat 0px 8px #fff;
	background-size: 109px auto;
	width: 129px;
	height: 60px;
	margin: 0px auto 0 0px;
}

#logo-small {
	display:none;
	position: relative;
	left: 0;
	margin-top: -16px;
	height: 37px;
	width:178px;
	float: left;
	background-size: 170px auto;
	background-position:10px 8px;
}


/**/
.over-top nav{box-shadow:0 0 30px 0px #ccc;}
nav { max-width: 1200px; min-width: 300px; margin: 0 auto; position: relative;}

/**/
.right-navigation { float:right; margin-top:15px; margin-right:5px; width:100% !important; padding-bottom:10px;}
.right-navigation a { color:#01a7bf  !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; width:100%;}
.right-navigation form input { margin-right:0px; border-radius:20px; border:0px; height:18px; width:90%; padding: 2px 4% 5px 4%; color:#333; box-shadow: 0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset;}
.right-navigation form .fa-search { color: #01a7bf ; font-size: 16px; float: left; margin-top: 4px; margin-left: 5px;}

.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;
}

.right-navigation div { width:90% !important;}

/**/
/*
.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 0px 0px 0px; display: block; width: 100%;}
.navigation li { float:left; }
.navigation li:last-child { border-right: 0px; }
.navigation li a { display:block; padding:19px 10px 17px 10px; color:#fff; text-transform:uppercase; font-size:14px; font-weight: normal;}
.navigation li a:hover { /*opacity:0.7;*/ color:#aaa; text-decoration: underline; }
.navigation li i { display:block; padding:8px 10px 8px 10px;}
.navigation li:nth-child(1) { display:none; margin-left:0px;}

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

/**/
.navigation-2 { 
	float: none;
	height: 27px;
	padding: 11px 0;
	width: 2000px;
	margin-left: 50%;
	left: -490px;
}

@media all and (max-width: 1050px) { .navigation-2 { left:0 !important; margin:0 !important; } }
	
	
.navigation-2 li {}
.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 {background:#1d56a8; height:48px; min-height: 48px; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;}

/**/
@media all and (min-width: 670px) { .more-box { display:none;} }
.more-box .more ul{
    /*width:100vmax;*/
    max-width:1300px;
    text-align:right;
}

.more-box { margin:-49px 0 0 0; position: absolute; right: 0px; list-style: none; height:48px; width:80px;

            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(255,255,255,1) 35%, rgba(255,255,255,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.more { position: absolute; right:0; cursor:pointer; }
.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:11px; margin-right:15px; font-size:25px;  width: 80px; height:22px;}
.more .fa:hover { color:#01a7bf;}

/* LANGUAGEL */
.top-lang{
    float:right;
    position:absolute;
    top:58px;
    right:90px;
    border:0px;
    width:130px;
    height:20px;
}

.top-lang a { width: 30px; height: 20px; display: block; float:left; color:#1D56A8; margin-right:3px; border-radius:5px; border:1px solid #ebebeb;}
.top-lang a:hover { opacity:0.8;}
.top-lang a:nth-child(1) { background: url(flag-en.jpg) no-repeat; }
.top-lang a:nth-child(2) { background: url(flag-bg.jpg) no-repeat; }
.top-lang a:nth-child(3) { background: url(flag-gr.jpg) no-repeat; }


/* SOCIAL */

.top-social { right: 25px; top: 50px; width: 85px; float: right; position: absolute; }
@media all and (max-width: 670px) { .top-social { display:none;} }
.top-social .fa { border:1px solid #4267B2; color:#4267B2 ;}
.top-social .fa-facebook:hover { border:1px solid #000; color:#4267B2;}
	
	
.top-social a { font-size: 16px; float: left; display: block; width: 17px; text-align: center; border-radius: 50%; padding: 10px; color:#fff; }
.top-social ul { width: 100px; list-style: none; margin: 0; padding: 0; }
.top-social li { list-style:none; float:left; margin-left: 10px;}

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

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

footer { max-width: 1300px; margin: 0 auto; position: relative; }
footer a { font-size:15px;}
footer .footer-box { margin: 0 auto; text-align:center;}
/* footer .footer-box:first-child { width:30% !important;} */
/* footer .footer-box:last-child { float:right; width:23% !important; margin-right:10px;} */

footer ul { list-style:none; margin:0px; padding: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: #01a7bf  !important;}

footer .friends { border-top:1px solid #eaeaea; padding-top:15px; color:#ccc; margin:0 10px; text-align:center;}
footer .friends a { border-right:1px solid #ccc; padding-right:10px; margin-right:10px;}
footer .friends a:last-child { border-right:none; padding-right:0px; margin-right:0px; }

.copyr {background:#01a7bf; color:#ffffff; font-size: 13px; border-top: 1px solid #eaeaea;}

.footer-logo {
	display: block;
	background: url('../design/logo.png') no-repeat center 0px;
	background-size: 186px auto;
	width: 200px;
	height: 79px;
}

.footer-logo-txt { font-size:14px; margin-top:5px; color:#01a7bf;}

.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;
	filter: invert(100%) contrast(250%);
	-webkit-filter: invert(100%) contrast(250%);
	opacity:0.5;	 
}
.pimdesign:hover {
	opacity:0.6;
    /*background-position: 0 -41px;*/
}

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

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

h2 { font-size:30px!important; }
.notitle-1 { padding-top: 25px;}

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

.title-1 a { color:#333; margin-top:-4px; margin-left:5px; display:block; }
.title-1 a::before { 
	content: '';
	position: absolute;
	z-index: 0;
	width: 30px;
	height: 3px;
	background: #01a7bf ;
	margin: 40px 0 0 0px;
 }
/*
.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:#01a7bf ;}

/*********************************************************************/
/* 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: #01a7bf ; 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:#01a7bf ; 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:#01a7bf ;

    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:#01a7bf ; 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*/
.row-1-1s,	/*2*/
.row-3-1	/*4*/
{ 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:16.687%; margin-right:1%; float:left;} .row-4-1 div:last-child { width:29.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-1s div { width:69.75%; margin-right:1%; float:left;} .row-1-1s div:last-child { width:29.25%; }
.row-3-1 div { width:23.4%; margin-right:1%; float:left;} .row-3-1 div:last-child { width:25.8%; margin-left:1%; float:left;}
/*.row-3-1 div { width:22.6%; margin-right:1%; float:left;} .row-3-1 div:last-child { width:29.2%; margin-right:1%; float:left;}*/

.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*/
.row-1-1s div:last-child,   /*2*/
.row-3-1  div:last-child	/*4*/
{ 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: 970px) {
	.row-1-1s div { width:100%; margin-right:0%; float:left;} .row-1-1s div:last-child { width:100%; }
	.row-3-1 div { width:32.66%; margin-right:1%; float:left;} .row-3-1 div:nth-child(3) { margin-right:0px} .row-3-1 div:last-child { width:100%; margin-right:0%; float:left;}
}

@media all and (max-width: 670px) { 
	.row-3-1 div { width:100%; margin-right:0%; float:left;} .row-3-1 div:nth-child(3) { margin-right:0px} .row-3-1 div:last-child { width:100%; margin-right:0%; float:left;}
}



/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* 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:#01a7bf ; }
.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:#01a7bf ; 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-01-big */
/* NO LIMIT -> Recommended 5*/
.column-01-big article { display:block; height:170px; position:relative; width:100%; float:left; background:#fff; margin:20px 0; overflow:hidden;}

.column-01-big article time {display: block; background: #000; color: #fff; padding: 1px 3px 1px 10px; font-size: 10px; opacity: 0.2; float: left;}

.column-01-big article img { width:auto; height:100%; }
.column-01-big article span { display: block; float: left; width:32%; height: 170px; overflow: hidden; margin-right: 2%; }
.column-01-big article h1 { margin: 15px 10px 10px 0px; font-weight:100; font-size:20px; line-height:30px; height: 65px; overflow: hidden;}
.column-01-big h3 a:hover { color:#01a7bf ; }
.column-01-big h3 { font-weight: normal; margin: 20px 0 -10px 0px; display: block; font-size: 10px; }
.column-01-big h3 a	{ background: rgba(0,0,0,0.1); padding: 0 5px; color:#000; }
.column-01-big article:hover h3::after { font-family:FontAwesome; content: "\f0da"; margin-left:3px; opacity:0.5;}
.column-01-big article:hover time {background:#01a7bf ; color:#fff; opacity:1;}

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

@media all and (max-width: 670px) { .column-01-big article h1 {font-size:16px;} }

/*********************************************************************/
/* 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:#01a7bf ; 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:#01a7bf ;}


.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:#01a7bf ; 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:#01a7bf ; 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:#01a7bf ; 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:#01a7bf ; 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:#01a7bf ; }

.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:96%; float:left; background:#fff; margin-bottom:0px; padding:10px 2% 20px 2%; line-height: 25px; box-shadow:none;}
.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:100%; height: auto; }
.column-05 article span { display: block;}
.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:#01a7bf ; 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:#01a7bf ;}


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

.column-05 .fa { color:#01a7bf ;}
.column-05 .fa:hover { color:#333;}

/* 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%; }


/* for-photo */
.for-photo h3,
.for-photo time { display:none !important;}
.for-photo h1 { margin: 10px 0px 10px 0px !important; }

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

.column-06 article { display:block; position:relative; width:100%; 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 { 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:#01a7bf ;}
.column-06 article span { 
	display: block;
	width: 380px;
	overflow: hidden;
	/*border-top: 15px solid rgba(0,0,0,0.1);*/
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}

/*
.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:#01a7bf ; }
*/

.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:none; 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:#01a7bf ; 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:385px;}
.column-08 article:last-child { margin-right:0px;}

.column-08 article time { display:none; 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:#01a7bf ; opacity:1;}
.column-08 article img { width:auto; height:100%; margin-left:-75px;}
.column-08 article h1 { font-size:22px; line-height:24px; margin: 15px 10px 10px 10px; height: 75px; overflow: hidden; text-align:center;}
.column-08 article span { display:block; width:100%; height:280px; overflow:hidden; position:relative; }

.column-08 article h3 { position:relative; margin:-20px auto 0px auto; padding:1px 10px; font-size:10px; text-transform:uppercase; background:none !important; text-align:center; }
.column-08 article h3:hover  { background:none !important; }
.column-08 article h3 a { color:#fff; background:#01a7bf ; padding:4px 10px;}
.activcat .column-08 article:hover h3 { background:none !important;}

@media all and (max-width: 670px) { 
	.column-08 article { height:auto;}
	.column-08 article img { width:100%; height:auto; margin-left:0px;}
	.column-08 article span { text-align:center; height:auto; max-height:250px;}
	/*.column-08 article h1 {font-size:18px;} */
}

/*********************************************************************/
/* 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:#01a7bf ; 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;
	position: relative;
	width: 96%;
	float: left;
	background: #fff;
	margin-bottom: 0px;
	border-bottom: 1px dotted #ccc;
	padding:15px 2% 25px 2%;
}
.column-10 article:hover { background:#fff; }
.column-10 article:last-child { 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:#01a7bf ; }
.column-10 h3 { display:none; }

@media all and (max-width: 970px) { .column-10 { margin-top:40px;} }

.column-10 .button { width:100% !important; padding-top:5px;}
.column-10 .button .fa { margin-right:12px; font-size:20px; }
.column-10 .button .link { font-family: "Roboto Slab",serif; font-size: 18px;}

/*********************************************************************/
/* 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:#01a7bf ; 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:#01a7bf ;}
.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-1-2 */
/*.row-1-2 .column-11 article img { width: 100%; height: auto; }*/


/*********************************************************************/
/* 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:#01a7bf ; 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 #01a7bf ; 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 #01a7bf ; 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 #01a7bf ; 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:#01a7bf ; 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 #01a7bf ; 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 #01a7bf ; 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 #01a7bf ; 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:#01a7bf  !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:#01a7bf  !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;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !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:#01a7bf  !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:#01a7bf  !important;}

/* active readed */
.active{
    background:#01a7bf  !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 { max-width: 900px; min-width: 900px; }
.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:#01a7bf ; }
.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:#01a7bf ; 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:#01a7bf ; }
.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:#01a7bf ; 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;}

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


/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*
          _    _ _______ _    _  ____  _____   _____ 
     /\  | |  | |__   __| |  | |/ __ \|  __ \ / ____|
    /  \ | |  | |  | |  | |__| | |  | | |__) | (___  
   / /\ \| |  | |  | |  |  __  | |  | |  _  / \___ \ 
  / ____ \ |__| |  | |  | |  | | |__| | | \ \ ____) |
 /_/    \_\____/   |_|  |_|  |_|\____/|_|  \_\_____/ 
 
*/                                                     
/* 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:#01a7bf ;}

.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: 300px;}
.post .content-top { width:100%; max-width:100% !important; float:left; padding-bottom:20px; min-width:300px; overflow:hidden;}

.white { background:#fff;}

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

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

.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 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; position: relative; text-align:center; overflow:hidden;}

.post .border-tb { padding:10px 0; margin-top:10px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }

.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:475px; 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:hover { opacity:0.8; border-color:#ccc;}

.post .social-1 { position:relative; float:left; width:100%; margin-top:20px; padding-left:20px;}
@media all and (max-width: 770px) { .post .social-1 { padding-left:0px;} }
.post .social-1 a { width:42px; 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); border-radius:50%; color:#fff; }
.post .social-1 a:last-child { margin-right:0px; }

.post .social-2 { width:180px; margin-top: -10px; float: right; }
.post .social-2 a { font-size: 17px !important; width: 31px !important;}

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

/* Colors */
.post .social .fa-twitter { background: #55acee !important; }
.post .social .fa-facebook { background: #45619d !important; }
.post .social .fa-google { background: #c9222a !important; }


/* 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:#01a7bf ; padding:0 20px; margin-right:10px;}
.post .art-title h3 a:hover { color:#fff; background:#333; }
.post .dark h3 a:hover { color:#01a7bf ; 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 { width:100%;}
.post .left .left-int p img { width:auto; max-width:100%; height:auto; max-height:500px; }
.post .left .left-int a { color:#01a7bf ;}
.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:#01a7bf ; }
.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 { color:#333; margin-top:20px; 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; }



@media all and (max-width: 770px) {
	.post .left { margin:0px;}
	.post .left,
	.post .right { width:100%; float:left; position:relative;}
	.post .right div { width:100%; }
	
	.post .left .left-int { width:100%; max-width:100%; padding-left: 0; padding-right: 0;}
}


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

*/

.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:#01a7bf ;  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:#01a7bf ;}
.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:#01a7bf ; }
.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:#01a7bf ; 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 { color:#333; }
.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:#01a7bf ; 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:#01a7bf ;}
.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 .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 .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 );
}

/********* 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:20% 16px 0 16px;
        margin-top: 0;
        color: rgba(255,255,255);
        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(100, 100,100, 0.0);
        background-color: rgba(0, 0, 0, 0.0);
    }

/*****************************************************************************/	
.after-logo,
.after-logo a {
	margin: 10px auto 0 auto;
	padding: 0 10px;
	text-align: center;
	font-size: 13px;
	text-transform:uppercase;
	opacity:0.5;
}
@media only screen and (max-width: 670px){ .after-logo { display:none;} }

/**/
.moon { min-height:200px; height: auto; color:#fff;}
@media only screen and (max-width: 970px){ .moon { padding-bottom:20px; margin-left:-10px; padding-left:10px;} }

.calendar { background: url(img_001.jpg) -90% #01a7bf no-repeat !important; }
.calendar div { margin-left:470px; background:#01a7bf; padding-left:20px;}
.calendar div:first-child { padding-top:20px; font-size:28px;}
.calendar div:last-child { padding-top:15px;}

@media only screen and (max-width: 970px){
	.detailNews img{
	max-width:370px;
	height:auto;
}
	.calendar { background-image:none; background:#01a7bf !important; }
	.calendar div { margin-left:0px; padding-right:20px;}
}

.calendar1 { background: url(img_003.jpg) -90% #01a7bf no-repeat !important; }
.calendar1 div { margin-left:470px; background:#01a7bf; padding-left:20px;}
.calendar1 div:first-child { padding-top:20px; font-size:28px;}
.calendar1 div:last-child { padding-top:15px;}

@media only screen and (max-width: 970px){
	.calendar1 { background-image:none; background:#01a7bf !important; }
	.calendar1 div { margin-left:0px; padding-right:20px;}
}




.dieta { background:url(dieta.png) #01a7bf no-repeat !important; }
.dieta div { margin-left:470px;}
.dieta div:first-child { padding-top:20px; font-family: "Roboto Slab",serif; font-size:24px;}
.dieta div:last-child { padding-top:15px;}

@media only screen and (max-width: 970px){
	.dieta { background:url(dieta-1.png) #01a7bf no-repeat -110px center !important; }
	.dieta div { margin-left:105px;}
}

@media only screen and (max-width: 480px){
    .top-lang{
    right:0px;
    top:110px;	
    }
}
.drop-down {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}
.drop-down a {
display:block;
height:30px;
line-height:30px;
color:black!important;
}
.drop-down a:hover {
    background:#ccc
}
nav li:hover .drop-down {
    display: block;
}

#myTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #063966;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
    font-weight:bold;
}

#myTop:hover {
  background-color: #555;
}

.flr{
    float:right !important;
    width:100px !important;
}