@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700');

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i');
/*----------------RESET---------------*/
body, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }
ul, ul li {
  list-style: none;
  margin: 0;
  padding: 0; }

p {margin: 0; }

a {
  text-decoration: none; }
a:focus{ outline-style:none; outline-width:0}
A img, img {
  border: none; }


/*----------------CSS FOR NORMAL DESKTOPS---------------*/

body {
  font-family: Georgia, "Times New Roman", Times, serif, 'Calibri', 'Arial', 'Helvetica', sans-serif;
  font-size: 14px; background-color:#FFF; color:#333 }
.reveal-modal-bg {    position: fixed;    height: 100%;    width: 100%;    background: #000;    background: rgba(0,0,0,.8);    z-index: 100;    display: none;    top: 0    left: 0;}  
.mobile{ display:none}
.ico-menu { background: url("../images/menu.png") no-repeat scroll center center transparent; width:26px; height:18px; position:absolute; left:10px; top:20px}
.ico-search { background: url("../images/icn-search.png") no-repeat scroll center center transparent; height: 16px;width: 16px; position:absolute; right:10px; top:20px}


.content{ max-width:1100px; margin:0px auto; box-sizing: border-box}
.content.articol{ padding-top:30px }
a{ color:#000; }
a:hover{ text-decoration:underline}

H1{ font-family: 'Montserrat',  sans-serif; font-size:32px; font-weight:600; font-style:italic; color:#000; margin-bottom:10px}
H2{ font-family: 'Montserrat',  sans-serif;  font-size:20px; font-weight:600; }
H2.size2{ font-size:20px; line-height:21px}
H2.size3{ font-size:26px; line-height:27px; font-weight:600}
.subtitle{ border-top:1px solid #e2e2e2;  font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica; font-size:16px; padding-top:10px; margin-bottom:15px; color:#000; font-weight:700; text-transform:uppercase}
.html IMG{ max-width:100% !important; height:auto !important} 

/*----------------GENERAL-----------------------*/
.hour{ display:none}
.nr_articles{ font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica; margin-bottom:15px; padding:15px 0px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
 
#header{overflow:hidden; margin-bottom:15px}
.logo{ float:left; font-size:40px; width:365px; height:85px; background-image:url(../images/marius-tuca.jpg); background-repeat:no-repeat; background-position:left top; background-size:contain; overflow:hidden; text-indent:-9999px; margin-top:15px; margin-bottom:15px}

/*----------------NAV-----------------------*/
NAV{ margin-top:23px; clear:both; padding:10px 0px; border-top:2px solid #000; border-bottom:1px solid #ccc}
NAV .close{ position:absolute; top:0px; left:100%; background-color:#262262; font-size:26px; padding:10px 15px; display:none; color:#FFF}	
NAV A{ font-family:'Roboto Condensed', Arial; text-transform:uppercase; font-weight:normal; font-size:16px; margin-right:15px}
NAV .webcam{ color:#dc223e; background-image:url(../images/video.png); background-repeat:no-repeat; background-position:left 5px; float:right; padding-left:33px; margin-right:0px}

/*----------------SEAARCH-----------------------*/
.search{ float:right; margin-top: 15px; height: 32px; width: 306px;   }
.search FORM {  border: 1px solid #a6a6a6; overflow:hidden; width:100%; padding:5px; box-sizing:content-box;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box; }
      .search input {
        color: #444444;
        width: 100%;
		box-sizing:content-box;
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
        float: left;
        border: 0px;
		padding:0px;
		padding-right:33px;
        font-family: Georgia,  'Calibri', 'Arial', 'Helvetica', sans-serif;
		display:block; }
      .search a {
        background: url("../images/icn-search.png") no-repeat scroll center center transparent;
        float: left;
        height: 16px;
        width: 16px;
		margin-left:-20px}

/*----------------DESCHIDERE-----------------------*/
.deschidere .left .excerpt{ font-size:16px; line-height:24px}
.deschidere .right .excerpt{ display:none}

/*----------------ARTICLE-----------------------*/
.articol .img-cont{ display:block; position:relative; margin-bottom:15px; text-align:center; background-color:#EEE}
.articol .img-cont img { max-width:100% }

.articol .img-cont SPAN{
	position: absolute;
	bottom: 25px;
	right: 25px;
	display: block;
	color: #FFF;
	padding: 10px 20px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	font-weight: 300;
	font-size: 30px;
	z-index: 10;
}
.articol .authors{font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica; margin-bottom:15px; padding:15px 0px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.articol .text {
	font-size:17px;
	line-height:26px;
	margin-bottom:15px;
	font-weight:400;
}
.articol .text P{ margin-bottom:15px}
.articol .text a {
	color:#CD0000;
}
.articol .text .html{ text-align:center}
.articol .text ul{
	padding-left:15px
}
.articol .text li {
	margin-bottom:5px;
	list-style-type:square;
}
.articol .text P.title_video{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	display:block;
	overflow:hidden;
}
.articol .text P.title_video IFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.articol .text IMG{ max-width:100%}
.table{ display:table; min-width:100%; margin:0px -15px}
.table-cell{ display:table-cell; text-align:center; vertical-align:top; padding:0px 15px; box-sizing: border-box; }
.jcarousel-wrapper{ overflow:hidden}
.jcarousel-wrapper article h2{ font-size:14px}
.related article h2, .same_section article h2, .top article h2{ font-size:16px}
.footer{ border-top:1px solid #CCC; padding:10px 0px; color:#666}

/*----------------BOX ARTICLE-----------------------*/
.row{ margin:0px -15px;display: flex;flex-wrap: wrap;}
.row article{ display:flex;  padding-left:15px; padding-right:15px; box-sizing: border-box; float:left; width:33.33333333%;}
article{ margin-bottom:15px; overflow:hidden}
article DIV{ width:100%}
article a{ display:block; width:100%}
article IMG{ width:100%}
article IMG.left{ width:40%; float:left; margin-right:10px}
article IMG.right{ width:40%; float:right; margin-left:10px}
article p{ margin-top:7px; font-size:13px; line-height:18px}

.main{ width:100%; padding-right:390px; float:left; box-sizing: border-box; }
.sidebar{ width:360px; float:left; margin-left:-360px; box-sizing: border-box; }


/*----------------TOP-----------------------*/
.top.row{ margin:0px}
.top article{width:100%; padding:0px}
.top article IMG{ width:30%; float:left; margin-right:10px}

/*----------------LATEST-----------------------*/
.latest.row{ margin:0px}
.latest article{ margin-bottom:15px; width:100%; padding:0px}
.latest a{ color:#326891}
.latest article IMG{ display:none}
.latest article H2{ font-size:14px}
.latest article .hour{ font-family: Arial, Helvetica, sans-serif; font-size:14px; float:right; color:#666; display:block; margin-left:15px}

/*----------------RELATED-----------------------*/
.related{ text-align:left}
.related .row{ margin:0px}
.related article{ width:100%; padding:0px}
.related article IMG{ width:30%; float:left; margin-right:10px}

/*----------------SAME SECTION-----------------------*/
.same_section{ margin-bottom:20px}

/*----------------CARIUSEL ORIZOLNAL-----------------------*/
.carousel_orizontal{ position:relative; margin-bottom:15px;}
.carousel_orizontal .jcarousel-wrapper{ overflow:visible}
.carousel_orizontal .more{ float:right; margin-top:10px; margin-right:80px}
.carousel_orizontal .jcarousel-control-prev{ top:-35px; right:35px; left:auto;}
.carousel_orizontal .jcarousel-control-next{ top:-35px; right:0px}
.carousel_orizontal UL{}
.carousel_orizontal LI{ display:table-cell; padding-right:5px; padding-left:5px; border-right:1px solid #e2e2e2}
.carousel_orizontal ARTICLE{ margin-bottom:0px; padding:0px}

/*----------------VIDEO-----------------------*/
#video{ margin-bottom:15px; overflow:hidden; position:relative}
#video .right{ position:absolute; right:0px; top:0px; bottom:0px}
#video #playlist{ height:100%; overflow-y:scroll; overflow-x:hidden}
#video .main{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	display:block;
}
#video .main IFRAME {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------------SECTIONS-----------------------*/
#sections{}
#sections .section-row{ margin:0px -15px; margin-bottom:15px; display: flex; flex-wrap: wrap; }
#sections .border-top{  padding-top:10px;}
#sections SECTION{ display:flex; border-right:1px solid #e2e2e2; width:25%; padding:0px 15px; box-sizing: border-box; }
#sections SECTION:nth-of-type(4n){ border:0px}
#sections ARTICLE{ margin-bottom:10px}
#sections ARTICLE IMG{ display:none}
#sections ARTICLE H2{ font-size:14px; font-weight:600}
#sections ARTICLE:nth-of-type(1) IMG{ display:block; float:right; width:30%; margin-left:10px}
#sections ARTICLE:nth-of-type(1) H2{ font-size:14px; font-weight:700}
#sections .subtitle{ padding-top:0px; border:0px}

/*------------------CALENDAR--------------------*/
#box_calendar{ }
#box_calendar A{ text-decoration:none; color:#183A52; font-weight:bold}
#box_calendar A:hover{ text-decoration:underline}

.table_calendar{ text-align:center; font-size:12px}
	.table_calendar  TR.first TD{  background-color:#E8EBEF; }
	.table_calendar TD{ background-color:#FFF; color:#000; font-weight:bold; line-height:25px}
		.table_calendar TD A{ background-color:#FFF; display:block; color:#183A52 }
	#bg_grey{ padding:2px; font-weight:bold;  background-color:#545559;   color:#FFFFFF; font-size:13px; line-height:22px; margin-top:5px}
		#bg_grey A{ color:#FFFFFF}
	.table_calendar .linkClean{ font-size:17px; line-height:17px}
	.table_calendar .linkClean:hover{ color:#000000}

/*------------------ARHIVA--------------------*/
.arhiva{ margin-top:15px;}
.arhiva LI A{ font-size:14px; font-weight:bold; line-height:20px}
.arhiva LI UL{ margin-left:15px}
.arhiva LI LI A{ font-size:12px}	

/*------------------PAGINATION--------------------*/
.pagination { padding-top:27px; overflow:hidden; text-align:center; padding-bottom:30px}
	.pagination A{ 
		border-radius:5px;
		padding:8px 13px;
		margin:0 5px 0 0;
		font-size:14px;
		font-weight:bold;
		box-shadow:inset 0 1px 5px rgba(72, 72, 72, .3);
	}
	.pagination A{ 
		box-shadow:inset 0 -1px 0 rgba(255, 255, 255, .5);
		background: #dc223e;
		color:#FFF;
		text-shadow:0 1px 0 #ccc;
	}
	.pagination A:hover{ 
		background: #dc223e;
		box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);
	}
	.pagination A.activ{border:1px solid #d2d2d2; background: #f8fbfd; color:#000; text-shadow:0 1px 0 #FFF; font-weight:bold;}

/*  ----------------------------------------------------------------------------
    Sharing
*/
.td-sp {
  background-image: url('../images/elements.png');
  background-repeat: no-repeat;
  display: block;
}
.td-sp-facebook {
  width: 32px;
  height: 32px;
  background-position: -20px -20px;
}
.td-sp-twitter {
  width: 32px;
  height: 32px;
  background-position: -20px -436px;
}
.td-sp-pinterest {
  width: 32px;
  height: 32px;
  background-position: -20px -72px;
}
.td-sp-rss {
  width: 32px;
  height: 32px;
  background-position: -20px -124px;
}
.td-sp-soundcloud {
  width: 32px;
  height: 32px;
  background-position: -20px -176px;
}
.td-sp-instagram {
  width: 32px;
  height: 32px;
  background-position: -20px -228px;
}
.td-sp-googleplus {
  width: 32px;
  height: 32px;
  background-position: -20px -280px;
}
.td-post-sharing {
  font-family: Georgia, 'Open Sans', arial, sans-serif;
  font-size: 14px;
  color: #222222;
  font-weight: 700;
  line-height: 10px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom:20px;
}
.td-post-sharing a {
  display: inline-block;
}
.td-default-sharing {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0px 10px 0px;
}
.td-social-sharing-buttons {
  font-size: 11px;
  color: #ffffff !important;
  height: 32px;
  border-radius: 3px;
  margin-right: 6px;
}
.td-social-sharing-buttons:hover {
  color: #ffffff !important;
  opacity: 0.9;
}
.td-social-sharing-buttons div {
  display: inline-block;
}
.td-social-facebook {
  background-color: #516eab;
}
.td-social-twitter {
  background-color: #29c5f6;
}
.td-social-twitter .td-social-but-text {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.td-social-google {
  background-color: #eb4026;
}
.td-social-pinterest {
  background-color: #ca212a;
}
.td-social-but-text {
  position: relative;
  top: -12px;
  padding: 0px 9px 0px 9px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.td-with-like .td-social-but-text {
  /* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
  .td-with-like .td-social-but-text {
    display: none;
  }
}
.td-classic-sharing {
  display: inline-block;
  vertical-align: middle;
  margin: 16px 0px 15px 0px;
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .td-classic-sharing {
    display: block;
    margin: 0px;
  }
}
.td-classic-sharing ul {
  margin: 0px;
  padding: 0px;
}
.td-classic-sharing li {
  list-style: none;
  display: inline-block;
  height: 20px;
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .td-classic-sharing li {
    margin-left: 0px;
    height: auto;
  }
}
.td-classic-facebook {
  margin-left: 4px;
}
.td-classic-twitter {
  position: relative;
  top: -1px;
  left: 2px;
}
.td-classic-twitter .twitter-share-button {
  margin: 0px !important;
}
.td-post-share-title {
  position: relative;
  margin-right: 20px;
  vertical-align: middle;
  /* responsive portrait phone */
}
@media (max-width: 767px) {
  .td-post-share-title {
    display: none;
  }
}

/*------------------MODAL--------------------*/
.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    background: #eee url(/wp-content/plugins/like-jacking-by%20goldregister/includes/public/js/reveal/xmodal-gloss.png.pagespeed.ic.tQ4n4PScH-.png) no-repeat -200px -80px;
    position:fixed;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

#ljn-referee {
    display: inline-block;
    font-size: 0;
    opacity: 0;
    -ms-filter: alpha(Opacity=0);
    filter: alpha(Opacity=0);
    position: absolute;
    left: -320px;
    bottom: 0;
    padding: 0
}

.modal-like-container, .close-reveal {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

.close-reveal, #ljn-main-button {
    top: 0;
    left: 0;
}

.close-reveal {
    cursor: pointer;
    background: url('../images/close_button.png') no-repeat 0 0;
}

#ljn-main-button {
    width: 18px;
    position: absolute;
    opacity: 0;
    z-index: 1000;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    padding: 0;
}

.reveal-modal-bg {
    z-index: 2147483646 !important;
}

.reveal-modal {
    z-index: 2147483647 !important;
}

.reveal-modal.modal-inactive-important, .reveal-modal.modal-inactive-important * {
    display: none !important;
}

.reveal-modal .fb_iframe_widget {
    margin: 0 !important;
}
@media screen and (max-width: 640px){
    .reveal-modal {
        width: 90% !important;
        left: 3% !important;
        margin-left: 0 !important;
        padding: 5px !important;
    }
}

@media screen and (max-width: 768px) {
	.content{ padding:0px; max-width:600px; margin:0px auto} 
	.mobile { display:block}	
	.spliter .elements{ float:none; width:100% !important}
	.table{ margin:0px;}
	.table-cell{ display:block; padding:0px}
	.paddingright15{ padding-right:0px}
	.paddingleft15{ padding-left:0px}
	
	.search{ display:none; position:absolute; float:none; left:0px; top:55px; background-color:#FFF; width:100%; box-sizing: border-box; padding:0px 10px  }
	H1{ font-size:30px; line-height:34px}
	H2{ font-size:20px; line-height:21px}
	.top H2{ font-size:18px; line-height:19px}
	.latest article H2{ font-size:16px; line-height:20px}
	#header .logo{ width:223px; height:30px; margin: 0px auto; margin-top:15px; display:block; float:none;}
	#header NAV{ 
		position:fixed;
		left:-300px;
		top:0px;
		width:200px;
		z-index:11;
		border:0px;
		height:100%;
		transition:        	 left 0.5s, transform .5s;
		-moz-transition:	 left 0.5s, -moz-transform .5s; 
		-webkit-transition:	 left 0.5s, -webkit-transform .5s;
		-o-transition:		 left 0.5s, -o-transform .5s;
		background-color:#FFF;
		margin:0px
	}
	NAV .close{ display:block}	
	#header NAV.active{ left:0px}
	NAV a{ float:none; display:block; border:0px; border-bottom:1px solid #D2D2D2; padding:10px; margin:0px}
	.row{ margin:0px}
	.row article{ float:none; width:100%; padding:0px}
	.top{ padding:0px 10px}
	article.h,  .same_section article{ border-top:1px solid #e2e2e2; padding:10px 10px 0px 10px}
	#sections .section-row{ margin:0px}
	#sections SECTION{ width:50%; margin-bottom:10px; padding:0px 10px}
	#sections SECTION:nth-of-type(2n){ border:0px}
	.latest.row{ padding:0px 10px}
	.related article{ padding:0px 10px}
	.subtitle{ padding:10px 10px 0px 10px}
	#sections SECTION .subtitle{ padding-left:0px}
	.articol .text, .content H1{ padding:0px 10px}
	.articol .authors{ padding:10px}
	.main, .sidebar{ width:100%; float:none; padding:0px; margin:0px}
	.spliter.border-top{ border-top:0px}
	.border-left{ border-left:0px}
	.border-right{ border-right:0px}
	.html{ text-align:center}
	.onlydesk { display: none; }
}

@media (min-width: 768px) {
  .onlymob { display: none; }
}

.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}