/* CLEAR */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* GRID */
.container { position: relative; margin: 0 auto; padding: 0; }
.column, .columns, .col, .cols { float: left; display: inline; margin-left: 1%; margin-right: 1%; margin-bottom:2%;}
.column.sticky, .columns.sticky, .col.sticky, .cols.sticky { margin: 0 !important; }
.row { margin-bottom: 10px; }

.one.column, .one.col { width: 3%; }
.two.columns, .two.cols { width: 8%; }
.three.columns, .three.cols { width: 13%; }
.four.columns, .four.cols { width: 18%; }
.five.columns, .five.cols { width: 23%; }
.six.columns, .six.cols { width: 28%; }
.seven.columns, .seven.cols { width: 33%; }
.eight.columns, .eight.cols { width: 38%; }
.nine.columns, .nine.cols { width: 43%; }
.ten.columns, .ten.cols { width: 48%; }
.eleven.columns, .eleven.cols { width: 53%; }
.twelve.columns, .twelve.cols { width: 58%; }
.thirteen.columns, .thirteen.cols { width: 63%; }
.fourteen.columns, .fourteen.cols { width: 68%; }
.fifteen.columns, .fifteen.cols { width: 73%; }
.sixteen.columns, .sixteen.cols { width: 78%; }
.seventeen.columns, .seventeen.cols { width: 83%; }
.eighteen.columns, .eighteen.cols { width: 88%; }
.nineteen.columns, .nineteen.cols { width: 93%; }
.twenty.columns, .twenty.cols { width: 98%; }

.half.column, .half.col {width: 48%}
.one-third.column, .one-third.col {width: 31.3333333333%}
.two-thirds.column, .two-thirds.col {width: 64.6666666667%}

.one.column.sticky, .one.col.sticky  { width: 5%; }
.two.columns.sticky, .two.cols.sticky { width: 10%; }
.three.columns.sticky, .three.cols.sticky { width: 15%; }
.four.columns.sticky, .four.cols.sticky { width: 20%; }
.five.columns.sticky, .five.cols.sticky { width: 25%; }
.six.columns.sticky, .six.cols.sticky { width: 30%; }
.seven.columns.sticky, .seven.cols.sticky { width: 35%; }
.eight.columns.sticky, .eight.cols.sticky { width: 40%; }
.nine.columns.sticky, .nine.cols.sticky { width: 45%; }
.ten.columns.sticky, .ten.cols.sticky { width: 50%; }
.eleven.columns.sticky, .eleven.cols.sticky { width: 55%; }
.twelve.columns.sticky, .twelve.cols.sticky { width: 60%; }
.thirteen.columns.sticky, .thirteen.cols.sticky { width: 65%; }
.fourteen.columns.sticky, .fourteen.cols.sticky { width: 70%; }
.fifteen.columns.sticky, .fifteen.cols.sticky { width: 75%; }
.sixteen.columns.sticky, .sixteen.cols.sticky { width: 80%; }
.seventeen.columns.sticky, .seventeen.cols.sticky { width: 85%; }
.eighteen.columns.sticky, .eighteen.cols.sticky { width: 90%; }
.nineteen.columns.sticky, .nineteen.cols.sticky { width: 95%; }

.half.column.sticky, .half.col.sticky {width: 50%}
.one-third.column.sticky, .one-third.col.sticky { width: 33.3333333333%; }
.two-thirds.column.sticky, .two-thirds.col.sticky { width: 66.6666666667%; }

.offset-by-one { padding-left: 5%;  }
.offset-by-two { padding-left: 10%; }
.offset-by-three { padding-left: 15%; }
.offset-by-four { padding-left: 20%; }
.offset-by-five { padding-left: 25%; }
.offset-by-six { padding-left: 30%; }
.offset-by-seven { padding-left: 35%; }
.offset-by-eight { padding-left: 40%; }
.offset-by-nine { padding-left: 45%; }
.offset-by-ten { padding-left: 50%; }
.offset-by-eleven { padding-left: 55%; }
.offset-by-twelve { padding-left: 60%; }
.offset-by-thirteen { padding-left: 65%; }
.offset-by-fourteen { padding-left: 70%; }
.offset-by-fifteen { padding-left: 75%; }
.offset-by-sixteen { padding-left: 80%; }
.offset-by-seventeen { padding-left: 85%; }
.offset-by-eighteen { padding-left: 90%; }
.offset-by-nineteen { padding-left: 95%; }


@media only screen and (min-width: 1366px) {
    #header { position:fixed; width:24%; height:100%; z-index:99; }
    #header .logo { width:160px; }
    .wrapper {padding-left: 24%; padding-right: 8%; font-size: 1em; }
    .no-top {margin-top: 80px;}
}

@media only screen and (max-width: 1365px) {
    .mobile-2 {display: none; }
    .mobile-3 {display: block; }
    #header { position:relative; width:100% !important; height:auto; z-index:auto; }
    .wrapper {padding-left: 0; padding-right: 0; font-size: 1em; }
    .desktop-menu {margin-bottom: 0 !important; font-size:14px; margin-top: 80px;}
    .desktop-menu .main-menu li {float:left;}
    .desktop-menu .main-menu li .mi { padding: 10px 20px; }
    .desktop-menu .main-menu li .mi.selected { padding: 8px 18px !important; }
    #header .logo { margin: 0 !important; position: absolute; left:1%; bottom:20px; width:128px; }
    #header .go-r { text-align: right;}
}


@media only screen and (min-width: 1366px) and (max-width: 1599px) { 
   .home-posts .one-third.column:first-child .descriere {margin-bottom: 30px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1679px) { 
   .home-posts .one-third.column:first-child .descriere {display:block; padding:0 20px; }
   .home-posts .one-third.column:first-child h2 { margin-top: 15px !important; }
   .home-posts .one-third.column:first-child .counter {bottom:10px !important;}    
}


/* 1200px grid */
@media only screen and (min-width: 1200px) { 
    .container { width: 100%; }
    .home-posts .one-third.column:first-child .descriere {display:block; padding:0 40px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) { 
    .home-posts .one-third.column:first-child .categoria { margin-top:20px !important;}  
}
@media only screen and (max-width: 1439px) { 
    .home-posts h2.fs-l {font-size: 1em;}
    .home-posts .one-third.column:first-child .counter .fs-xl {font-size: 2em;}
    .home-posts p, .home-posts a {font-size: 14px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 100%; } }

@media only screen and (max-width: 767px) {
.mobile-0 {display: none; }
.mobile-1 {display: block; }
    
.move-c, .text-left.move-c, .text-right.move-c {text-align: center;}
    
.container { position: relative; width: 100%; margin: 0 auto; padding: 0; }
.one.column, .two.columns, .three.columns, .seventeen.columns, .eighteen.columns, .nineteen.columns {width:98%;}
.one.column.sticky, .two.columns.sticky, .three.columns.sticky, .seventeen.columns.sticky, .eighteen.columns.sticky, .nineteen.columns.sticky {width:100%;}
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen, .offset-by-fifteen, .offset-by-sixteen, .offset-by-seventeen, .offset-by-eighteen, .offset-by-nineteen { padding-left: 0; }

.home-posts .one-third.column:first-child .w-100.imagine, .home-posts .one-third.column:first-child .w-100.continut {width:100% !important;}
.home-posts .one-third.column:first-child .categoria { top:-22px !important; margin-top: 0 !important;} 
.home-posts .one-third.column:first-child h2 { margin-top: 0px !important;} 
.home-posts .one-third.column:first-child .counter {position: relative !important; width:100% !important; bottom:0!important; float:left;}  
.home-posts .one-third.column:first-child .descriere {display:block; padding:0 20px; margin-bottom: 20px;}
    
    #header .container { height:128px; position: relative;}
	#header .logo { width:112px !important; }
	.exception {top:0px !important; text-align:left;}
}

@media only screen and (min-width: 480px) and (max-width: 959px) {
.one-third.column.jumper, .two-thirds.column.jumper { width: 48%; }
.one-third.column.sticky.jumper, .two-thirds.column.sticky.jumper { width: 50%; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.four.columns.jumper, .five.columns.jumper { width: 31.3333333333%; }
.fifteen.columns.jumper, .sixteen.columns.jumper { width: 64.6666666667%; }
.four.columns.sticky.jumper, .five.columns.sticky.jumper { width: 33.3333333333%; } 
.fifteen.columns.sticky.jumper, .sixteen.columns.sticky.jumper { width: 66.6666666667%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.four.columns.jumper, .five.columns.jumper, .fifteen.columns.jumper, .sixteen.columns.jumper,
.eight.columns, .nine.columns, .eleven.columns, .twelve.columns { width: 48%; }
.four.columns.sticky.jumper, .five.columns.sticky.jumper, .fifteen.columns.sticky.jumper, .sixteen.columns.sticky.jumper,
.eight.columns.sticky, .nine.columns.sticky, .eleven.columns.sticky, .twelve.columns.sticky { width: 50%; } 
.four.columns, .five.columns, .six.columns, .seven.columns { width: 31.3333333333%; } 
.thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns { width: 64.6666666667%; }
.four.columns.sticky, .five.columns.sticky, .six.columns.sticky, .seven.columns.sticky { width: 33.3333333333%; }    
.thirteen.columns.sticky, .fourteen.columns.sticky, .fifteen.columns.sticky, .sixteen.columns.sticky { width: 66.6666666667%; }
.fs-xl {font-size: 2em;}
.fs-xxl {font-size: 3em;}
.fs-xxxl {font-size: 4em;}

#header .show-right-pane { right: 1%; }
}

@media only screen and (max-width: 479px) {
.column, .columns {margin-left: 2%; margin-right: 2%; margin-bottom:4%;}
.twenty.columns, .ten.columns, .half.column, .one-third.column, .two-thirds.column,
.four.columns, .five.columns, .six.columns, .seven.columns, 
.eight.columns, .nine.columns, .eleven.columns, .twelve.columns, 
.thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns { width: 96%; }
    
.column.sticky, .columns.sticky { margin: 0 !important;}
.twenty.columns.sticky, .ten.columns.sticky, .half.column.sticky, .one-third.column.sticky, .two-thirds.column.sticky,
.four.columns.sticky, .five.columns.sticky, .six.columns.sticky, .seven.columns.sticky,   
.eight.columns.sticky, .nine.columns.sticky, .eleven.columns.sticky, .twelve.columns.sticky,   
.thirteen.columns.sticky, .fourteen.columns.sticky, .fifteen.columns.sticky, .sixteen.columns.sticky { width: 100%; }
.fs-l {font-size: 1em;}
.fs-xl {font-size: 1.5em;}
.fs-xxl {font-size: 2em;}
.fs-xxxl {font-size: 3em;}
.wrapper {font-size: 0.6666667em;}

.home-posts .one-third.column:first-child {width:96% !important;}
#header .show-right-pane { right: 2%; }
#header .logo {  left:2% !important; }
}

@media only screen and (min-width: 480px) {
.home-posts .one-third.column:first-child {width:98% !important;}
}