@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Images
11. Compatibility Rules
12. Footer
13. Lists
-------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#f5f5f5; z-index:9999; }
#status { z-index:28; position:absolute; color:#555 !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.box-parent { position:relative; height:100%; width:100%; display:table; z-index:11 }
.parent { width:230px; margin:0px auto; position:relative; height:220px; z-index:11 }
#preloader .child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; }
.box-parent .child { padding-top:10px; }
.img-preloader{
    max-width: 45px;
    margin: auto;
}

/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
.content-wrapper { padding-bottom: 91px; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height:100%; }
body { font-size: 14px; font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; background:#1D1D1D; height:100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing: antialiased; }

strong { font-weight:600; color:#555; }
a, a * { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a, a:hover, a:focus { color:#555; text-decoration:none; outline: 0; }
a:hover { color:#2b2b2b }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; text-rendering: optimizeLegibility; outline: 0; }
*:focus, *:after:focus, *:before:focus { outline: 0; }

p { line-height:1.5; padding:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position:relative;}
a { text-decoration:none; }
p a { color:#555; text-decoration:underline; }
p a:hover { color:#2b2b2b; text-decoration:underline; }
a p { color:#555; }
a:hover p { color:#2b2b2b; }
.teaser p a { color:#555; text-decoration:none; }
p.small a { color:#888; text-decoration:none; position:relative }
p.small a::after { background:#a9a9a9; bottom:-1px; content:""; height:1px; left:0; position:absolute; right:2px; z-index:-1px; }
p.small a:hover { color:#555 !important; text-decoration:none; }
p.small a:hover::after { background:#888; }

p.small { font-size:10px !important; text-transform:uppercase; font-weight:400; color:#888; letter-spacing:2px; padding-left:2px; }
a p.small { color:#2b2b2b }
#preloader p.small { color:#555 !important; padding:0 !important }
p.lefted { text-align:left }
.stats p { font-size:13px; text-align:left }
.post-text p { padding-bottom:10px; }
p.date { font-size:13px; }
.sidebar p { padding:0 30px; }

blockquote { border:0; color:#888; font-style:italic; position:relative; margin:50px 0 10px; text-align:center !important }
.post-text blockquote { float:left; width:35%; padding:10px 30px; }
blockquote p { line-height:1.25; font-size:19px !important; padding:0 !important }
blockquote::before { content:"“”" !important; position:absolute; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; left:50%; top:-35px; font-weight:600; width:70px; margin-left:-35px; color:#555; letter-spacing:0.1em; }
.covering-image blockquote::before { color:#fff; }
blockquote p.name { font-style:normal; color:#555; letter-spacing:0; font-weight:600; font-size:13px !important; margin-top:5px; position:relative; }

.button {  border-radius:30px; background:rgba(0,0,0,0.05); padding:10px 25px 14px; line-height:1; font-size:14px; display:inline-block; margin-bottom:10px; }
.button:hover { background:rgba(0,0,0,0.1);}
.covering-image .button, .covering-image .button:hover { color:#fff; border:1px solid rgba(255,255,255,0.4); background:none; }
.button.load-more { margin-bottom:20px; }

.signature { background:url(../images/signature.png) center no-repeat; background-size:185px 50px; width:185px; height:50px; position:relative; display:inline-block; opacity:0.9 }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
/* h1#logo-head { display:block; position:relative; margin:0; margin-top:20px; margin-bottom:50px; text-align:center; font-size:0; }
h1#logo-head a { display:inline-block; background:url(../images/bg-logo2@2x.png) center no-repeat; background-size:394px 87px; width:394px; height:87px; text-indent:-9999px; }
 */
 .tagline { float:left; font-size:12px; font-weight:400; padding:0 0 0 16px; margin:0px auto; position:relative; display:table; height:72px; margin-top:-1px; font-style:italic }
.tagline span { vertical-align:middle; display:table-cell }
.year, h1, h2, h3, h4, h5, h6 { line-height:1.3; color:#2b2b2b; position:relative; font-family:"Oswald", Arial, Helvetica, sans-serif; text-transform:uppercase; }
h2 span, h3 span, h4 span, h5 span { text-transform:none; }
h1, .year { font-size:60px;  font-weight:300; line-height:1.2; letter-spacing:-3px; }
.year { margin-top:-10px; }
h2 { font-size:44px; font-weight:400; line-height:1.2; letter-spacing:-2px; }
h2 strong { letter-spacing:-1px; }
h3 { font-size:24px; font-weight:400; line-height:31px; }
h4 { font-size:20px; font-weight:400; line-height:27px; }
h5 { font-size:18px; font-weight:400; }
h6 { font-size:14px; }
.container h1#logo-head {padding-left: 30px;}
.container h1#logo-head, .container h4 {display:inline;}
.container h4#category-post { color:#919191; text-transform: none; padding-left: 10px;}
h6::before { border-bottom:1px solid rgba(0, 0, 0, 0.05); height:1px; content:""; width:100%; position:absolute; top:50%; left:0; }
h6 span { background:#f5f5f5; z-index:1; position:relative; padding:0 15px; }

.header { margin-top:-2px !important; }
.lone-header { margin-top:-10px; }
a:hover h4 { color:#555; }
.grey-bg-large h2 { max-width:60%; display:inline-block }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { float:right; font-size:14px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#menu-button .cursor { display:block; height:auto; cursor:pointer; position:relative; top:-2px; }
#nav-button { display:inline-block; width:16px; margin:0; margin-left:5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align:middle; }
.nav-bar { background-color:#555; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }

#main-nav { background-color: #1D1D1D; top: 0; right: 0; padding: 20px 34px 20px; width: 200px; position:fixed; }
#main-nav ul { position:relative; line-height:1.4}
#main-nav ul li a { font-family:"Roboto Condensed"; font-size:12px; position:relative; color:rgba(255,255,255,0.6); padding:9px 0; display:block; border-bottom:1px solid rgba(255,255,255,0.1); letter-spacing:1px; text-transform:uppercase }
#main-nav ul li a:hover, #main-nav ul li a.selected, #main-nav ul li form a:hover { color:#FF7800; cursor: pointer;}
#main-nav ul li ul { padding-top:8px; }
#main-nav ul li ul li a { font-size:11px; border:0; padding:4px 0 3px; padding-left:15px; }
#main-nav ul li select { font-size:11px; border:0; padding:4px 0 3px; padding-left:15px; }
#main-nav ul li ul li:last-child a { border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:12px }



.pushed-left #nav-button span:nth-child(1), .pushed-left-alt #nav-button span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 position: relative;
 top: 2px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.pushed-left #nav-button span:nth-child(2), .pushed-left-alt #nav-button span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: relative;
 top: -2px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.pushed-left #nav-button span:nth-child(3), .pushed-left-alt #nav-button span:nth-child(3) {
 display: none;
}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#header { position:fixed; z-index:155; width:100%; padding:20px 45px; -webkit-transform: translateZ(0); background:rgba(255,255,255,1);  }
#content { width:100%; position:relative; z-index:55; height:auto; padding-bottom: 24px; padding-top:60px; background:#e9e9e9; }
.container { padding:0px; position:relative; padding-top:20px;  padding-bottom:20px; margin:0 auto; }
#background-color { background: #ffffff; height:100%; width:100%; position:fixed; z-index:1; -webkit-overflow-scrolling: touch; top:0; left:0 }
.oldie #background-color { display:none }

.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(-200px, 0px, 0px); transform: translate3d(-200px, 0px, 0px); }
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }

#container, #container-popup { margin-left:18px; }
#container.with-filter {
    margin-left: 340px;
    
}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.rectangle { text-align:center; float:left; }
.col1-1.rectangle, .col1-2.rectangle { width:288px; }
.col2-2.rectangle, .col2-1.rectangle { width:576px; }
.col3.rectangle { width:864px; height:auto; margin-bottom:18px; }
.col4.rectangle { width:1152px; height:auto; margin-bottom:18px; }
.auto { height:auto !important; margin-bottom:18px; }
.padding-wrapper, .image-below { position:relative; height:calc(100% - 18px); width:calc(100% - 18px); overflow:hidden; }

 .grey-bg { background:#fff; position:absolute; left:0; bottom:0; height:auto; min-height:55%; width:100%; padding:12%; }
.teaser .grey-bg { padding-bottom:calc(12% + 35px); }
.grey-bg.no-padding { padding:0 }
.grey-bg2 { background:#fff; padding:12%; }
.ajax-content .grey-bg { background:none }
.full-height { height:100%; }

.grey-bg-large { background:#fff; position:relative; width:100%; padding:8%; }
.post-text { text-align:left; padding-top:20px; }

.contains-rectangles { padding:10px 0; }
.sidebar { padding-bottom:10px; }
.white-bg { background-color: #ffffff; height:100%; padding:12%; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/



/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.break { display:block; position:relative; height:20px; width:100%; }
.borderline { background:#d8d8d8; height:1px; width:100%; display:block; margin:15px 0 10px; position:relative }
.stats { border-top:1px solid rgba(0,0,0,0.065); width:100%; display:block; margin:15px 0 0px; position:absolute; padding:12px 12% 0px; bottom:12%; left:0; }
.stats p { padding-bottom:0; margin-bottom:0; }
.grey-bg-large .stats { border-top:1px dotted #eee; position:relative; left:auto; bottom:auto; padding:12px 0 0; margin-top:25px; }
.grey-bg-large .stats .alignleft { padding-top:2px; }
.left-to-avatar { text-align:left !important; padding-left:140px; }
.centralizer { display: table-cell; vertical-align: middle; }

/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.social-list { padding-bottom:10px; padding-top:10px; margin:0; cursor:default; font-size:0; }
header .social-list { padding:0; position:relative; top:1px; }
.stats .social-list { padding:0; }
.left-to-avatar .social-list { padding-bottom:0; }
.social-list li { display:inline-block; padding:0 5px; }
.stats .social-list li { padding:0 0 0 6px; }
.stats .social-list li p { position:relative; top:-10px; padding-right:5px; }
.social-list.alignleft li, .left-to-avatar .social-list li { padding:0 10px 0 0 }
.left-to-avatar .social-list li { padding:0 10px 0 0 }
.sidebar .social-list li { padding:0 3px; }

.social-list li a i { color:#555; font-size:16px; }
.social-list li a:hover i { color:#2b2b2b; }

nav .social-list li { padding:0 10px 0 0; }
nav .social-list li a { border:0 !important; }
nav .social-list li a i { color:rgba(255,255,255,0.6); }
nav .social-list li a:hover i { color:#FF7800; }
i.fa-eye {
    font-size: 14px !important;
    margin-left: 5px !important;
}
i.fa { margin-right:3px; color:#555 }
 i.fa.fa-heart { margin-right:3px; color:#FF7800 }
.alignright i.fa { margin-left:3px; }
p i.fa, .button i.fa { color:#555; font-size:11px; }
a:hover i.fa { color:#2b2b2b; }

.circled { border:1px solid #d8d8d8; border-radius:51%; width:30px; height:30px; text-align:center; display:table; }
.sidebar .circled { width:32px; height:32px; }
.circled:hover { background:#f5f5f5; }
.circled i.fa { vertical-align:middle; display:table-cell; font-size:14px; }
.stats .circled i.fa { font-size:13px; }

.stats .social-list li a.circled { background:#555; border:0; }
.stats .social-list li a.circled i.fa { color:#fff; }
.stats .social-list li a.circled:hover { background:#2b2b2b; border:0; }

.social-list.custom { display:table; height:100%; width:100%; padding:0; margin:0; }
.social-list.custom li { float:none; text-align:left !important; padding:0; height:20%; display:table-row; }
.social-list.custom.custom2 li { height:50%; }
.social-list.custom.custom3 li { height:33.33333%; }
.social-list.custom.custom4 li { height:25%; }
.social-list.custom.custom5 li { height:20%; }
.social-list.custom li a { border-bottom:1px solid rgba(0,0,0,0.065); display:table-cell; vertical-align:middle; width:100%; padding:0 12%; }
.social-list.custom li:last-child a { border:0; }
.social-list.custom li i.fa { float:left; width:35px; font-size:19px; position:relative; top:1px; color:rgba(0,0,0,0.6); }
.social-list.custom li a p { font-size:16px; position:relative; top:-2px; color:#555; padding:0; margin:0; }
.social-list.custom li a:hover p { color:#2b2b2b; }
.social-list.custom li a:hover i.fa { color:rgba(0,0,0,0.8); }
.social-list.custom li a span.name { opacity:0; position:relative; left:-2px; font-style:italic; }
.social-list.custom li a:hover span.name { opacity:1; left:8px; }

.covering-image i.fa { color:#fff !important; }

.icons { position:relative; height:56px; width:56px; padding:10px;  }
.icons2 { border-radius:51%; padding:6px; height:68px; width:68px; border:1px solid #d8d8d8; margin-bottom:15px; position:relative; float:none; display:inline-block; }

.icons.map { background:url(../images/icons/bg-map@2x.png) no-repeat center left; background-size:36px 36px; }
.icons.winner { background:url(../images/icons/bg-winner@2x.png) no-repeat center; background-size:36px 36px; }
.icons.time { background:url(../images/icons/bg-time@2x.png) no-repeat center; background-size:36px 36px; }
.icons.pig { background:url(../images/icons/bg-pig@2x.png) no-repeat center; background-size:36px 36px; }
.icons.adjust { background:url(../images/icons/bg-adjust@2x.png) no-repeat center; background-size:36px 36px; }
.icons.team { background:url(../images/icons/bg-team@2x.png) no-repeat center; background-size:36px 36px; }
.icons.works { background:url(../images/icons/bg-works@2x.png) no-repeat center; background-size:36px 36px; }
.icons.chat { background:url(../images/icons/bg-chat@2x.png) no-repeat center; background-size:36px 36px; }
.icons.notes { background:url(../images/icons/bg-notes@2x.png) no-repeat center; background-size:36px 36px; }
.icons.camera { background:url(../images/icons/bg-camera@2x.png) no-repeat center; background-size:36px 36px; }
.icons.illustration { background:url(../images/icons/bg-illustration@2x.png) no-repeat center; background-size:36px 36px; }
.icons.social { background:url(../images/icons/bg-social@2x.png) no-repeat center; background-size:36px 36px; }
.icons.vector { background:url(../images/icons/bg-vector@2x.png) no-repeat center; background-size:36px 36px; }
.icons.commerce { background:url(../images/icons/bg-commerce@2x.png) no-repeat center; background-size:36px 36px; }
.icons.search { background:url(../images/icons/bg-search@2x.png) no-repeat center; background-size:36px 36px; }
.icons.like { background:url(../images/icons/bg-like@2x.png) center no-repeat; background-size:36px 36px; }
.icons.share { background:url(../images/icons/bg-share@2x.png) center no-repeat; background-size:36px 36px; }
.icons.document { background:url(../images/icons/bg-document@2x.png) center no-repeat; background-size:36px 36px; }
.icons.apple { background:url(../images/icons/bg-apple@2x.png) center no-repeat; background-size:36px 36px; }
.icons.balance { background:url(../images/icons/bg-balance@2x.png) center no-repeat; background-size:36px 36px; }
.icons.beaker { background:url(../images/icons/bg-beaker@2x.png) center no-repeat; background-size:36px 36px; }
.icons.beer { background:url(../images/icons/bg-beer@2x.png) center no-repeat; background-size:36px 36px; }
.icons.books { background:url(../images/icons/bg-books@2x.png) center no-repeat; background-size:36px 36px; }
.icons.box { background:url(../images/icons/bg-box@2x.png) center no-repeat; background-size:36px 36px; }
.icons.cake { background:url(../images/icons/bg-cake@2x.png) center no-repeat; background-size:36px 36px; }
.icons.calcuLator { background:url(../images/icons/bg-calcuLator@2x.png) center no-repeat; background-size:36px 36px; }
.icons.cd { background:url(../images/icons/bg-cd@2x.png) center no-repeat; background-size:36px 36px; }
.icons.champagne { background:url(../images/icons/bg-champagne@2x.png) center no-repeat; background-size:36px 36px; }
.icons.chart { background:url(../images/icons/bg-chart@2x.png) center no-repeat; background-size:36px 36px; }
.icons.cheese { background:url(../images/icons/bg-cheese@2x.png) center no-repeat; background-size:36px 36px; }
.icons.court { background:url(../images/icons/bg-court@2x.png) center no-repeat; background-size:36px 36px; }
.icons.delivery { background:url(../images/icons/bg-delivery@2x.png) center no-repeat; background-size:36px 36px; }
.icons.dvd { background:url(../images/icons/bg-dvd@2x.png) center no-repeat; background-size:36px 36px; }
.icons.eco { background:url(../images/icons/bg-eco@2x.png) center no-repeat; background-size:36px 36px; }
.icons.film { background:url(../images/icons/bg-film@2x.png) center no-repeat; background-size:36px 36px; }
.icons.grape { background:url(../images/icons/bg-grape@2x.png) center no-repeat; background-size:36px 36px; }
.icons.hot { background:url(../images/icons/bg-hot@2x.png) center no-repeat; background-size:36px 36px; }
.icons.house { background:url(../images/icons/bg-house@2x.png) center no-repeat; background-size:36px 36px; }
.icons.icecream { background:url(../images/icons/bg-icecream@2x.png) center no-repeat; background-size:36px 36px; }
.icons.joystick { background:url(../images/icons/bg-joystick@2x.png) center no-repeat; background-size:36px 36px; }
.icons.keynote { background:url(../images/icons/bg-keynote@2x.png) center no-repeat; background-size:36px 36px; }
.icons.link { background:url(../images/icons/bg-link@2x.png) center no-repeat; background-size:36px 36px; }
.icons.magic { background:url(../images/icons/bg-magic@2x.png) center no-repeat; background-size:36px 36px; }
.icons.mail { background:url(../images/icons/bg-mail@2x.png) center no-repeat; background-size:36px 36px; }
.icons.microphone { background:url(../images/icons/bg-microphone@2x.png) center no-repeat; background-size:36px 36px; }
.icons.network { background:url(../images/icons/bg-network@2x.png) center no-repeat; background-size:36px 36px; }
.icons.palette { background:url(../images/icons/bg-palette@2x.png) center no-repeat; background-size:36px 36px; }
.icons.plaster { background:url(../images/icons/bg-plaster@2x.png) center no-repeat; background-size:36px 36px; }
.icons.player { background:url(../images/icons/bg-player@2x.png) center no-repeat; background-size:36px 36px; }
.icons.polaroid { background:url(../images/icons/bg-polaroid@2x.png) center no-repeat; background-size:36px 36px; }
.icons.printer { background:url(../images/icons/bg-printer@2x.png) center no-repeat; background-size:36px 36px; }
.icons.pulse { background:url(../images/icons/bg-pulse@2x.png) center no-repeat; background-size:36px 36px; }
.icons.radio { background:url(../images/icons/bg-radio@2x.png) center no-repeat; background-size:36px 36px; }
.icons.recorder { background:url(../images/icons/bg-recorder@2x.png) center no-repeat; background-size:36px 36px; }
.icons.scissors { background:url(../images/icons/bg-scissors@2x.png) center no-repeat; background-size:36px 36px; }
.icons.select { background:url(../images/icons/bg-select@2x.png) center no-repeat; background-size:36px 36px; }
.icons.serving { background:url(../images/icons/bg-serving@2x.png) center no-repeat; background-size:36px 36px; }
.icons.share { background:url(../images/icons/bg-share@2x.png) center no-repeat; background-size:36px 36px; }
.icons.shop { background:url(../images/icons/bg-shop@2x.png) center no-repeat; background-size:36px 36px; }
.icons.shopping { background:url(../images/icons/bg-shopping@2x.png) center no-repeat; background-size:36px 36px; }
.icons.smartphone { background:url(../images/icons/bg-smartphone@2x.png) center no-repeat; background-size:36px 36px; }
.icons.sofa { background:url(../images/icons/bg-sofa@2x.png) center no-repeat; background-size:36px 36px; }
.icons.syringe { background:url(../images/icons/bg-syringe@2x.png) center no-repeat; background-size:36px 36px; }
.icons.tape { background:url(../images/icons/bg-tape@2x.png) center no-repeat; background-size:36px 36px; }
.icons.target { background:url(../images/icons/bg-target@2x.png) center no-repeat; background-size:36px 36px; }
.icons.television { background:url(../images/icons/bg-television@2x.png) center no-repeat; background-size:36px 36px; }
.icons.video { background:url(../images/icons/bg-video@2x.png) center no-repeat; background-size:36px 36px; }
.icons.walkman { background:url(../images/icons/bg-walkman@2x.png) center no-repeat; background-size:36px 36px; }
.icons.zoom { background:url(../images/icons/bg-zoom@2x.png) center no-repeat; background-size:36px 36px; }
.icons.tags { background:url(../images/icons/bg-tags@2x.png) center no-repeat; background-size:36px 36px; }
.icons.quote { background:url(../images/icons/bg-quote@2x.png) center no-repeat; background-size:36px 36px; }
.icons.pencil { background:url(../images/icons/bg-pencil@2x.png) center no-repeat; background-size:36px 36px; }
.icons.newspaper { background:url(../images/icons/bg-newspaper@2x.png) center no-repeat; background-size:36px 36px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Images
--------------------------------------------------------------------------------------------------------*/
img { width:100%; display: block; max-width: 100%; z-index:9; -webkit-box-shadow:#fff 0 0 0; box-shadow: #fff 0 0 0;  }
.round img, .avatar img { border:0 none; border-radius:50%; }
.col1-1 .avatar img { width:80px; height:80px; display:inline-block; margin-bottom:20px; }
.sidebar .avatar { margin-top:25px; }
.col1-2 .avatar img, .col2-2 .avatar img, .col3 .avatar img { width:110px; height:110px; }
.col3 .avatar { float:left; margin-right:30px; }
.col3 .avatar.avatar2 { float:none; margin-right:0px; }
.images.alignleft { width:40%; margin:7px 30px 17px 0; z-index:1; position:relative }
.covering-image i.fa-search { margin-bottom:10px; }

.videos { width:1140px; height:650px; border:0;}
.videoWrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.musicWrapper { position:relative; height:auto; margin-bottom:-6px; }
.musicWrapper iframe { width:100%; height:auto; }

.overlay { display:block; position:absolute; top:0; background-color:rgba(46, 46, 46, 0.5); width:100%; height:100%; opacity:0; -webkit-transition: all 0.2s ease 0.0s; transition: all 0.2s ease 0.0s; }
a:hover .overlay { opacity:1; -webkit-transition: all 0.2s ease 0.0s; transition: all 0.2s ease 0.0s;}
.overlay.visible, .with-image-below .overlay { opacity:1; }
.with-image-below a:hover .overlay { background-color:rgba(46, 46, 46, 0.6); }

.covering-image { position:absolute; left:0; top:0; width:100%; height:100%; border:0; -webkit-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; z-index:19; display:block }
a:hover .covering-image, .covering-image.visible {  background:rgba(46, 46, 46, 0.5); -webkit-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s;  }
a:hover .covering-image.visible {  background:rgba(46, 46, 46, 0.6); -webkit-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s;  }

.info-box-content { height:100%; width:100%; }
.info-box-content .parent { height:100%; width:100%; padding:12%; }
.info-box-content .child { padding-top:8px; }
.info-box-content .parent.no-padding { padding:0; }
.info-box-content .parent.no-padding h4, .info-box-content .parent.no-padding p { padding-left:12%; padding-right:12%; }
.covering-image p, .covering-image h3, .covering-image h2, .covering-image h4  { color:#fff !important; background:none !important;  }
.covering-image p.small { opacity:0.7; }
.hidden-content { opacity:0; }
a:hover .hidden-content { opacity:1; }

.instagram2x2 .images { width:50%; float:left; position:relative }
/* End Images
--------------------------------------------------------------------------------------------------------*/


/* =11. Compatibility Rules
--------------------------------------------------------------------------------------------------------*/
.lt-ie9 .pushed-left #content, .lt-ie9 .pushed-left #header, .lt-ie9 .pushed-left #footer, .lt-ie9 .pushed-left #background-color { position: relative; margin-left: -200px; }
.lt-ie9 .pushed-left .logo-wrapper, .lt-ie9 .pushed-left #footer .alignleft { position: relative; margin-left: 200px; }
.lt-ie9 #header { min-width: 960px; }
.lt-ie9 body, .lt-ie9 .content-wrapper { min-width: 960px; }
.lt-ie9 .pushed-left #main-nav { z-index: 200; }
/* =End Compatibility Rules
--------------------------------------------------------------------------------------------------------*/


/* =12. Footer
--------------------------------------------------------------------------------------------------------*/
#footer { background:#f5f5f5; min-height:91px; margin:0px; padding:31px 45px 29px; border-top:1px solid rgba(0,0,0,0.05); width:100%; z-index:55; position:relative; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); }
#footer { margin-top: -91px; }
footer { z-index:1000 !important; }
footer p { color:#888; font-size:12px; padding:0; border:0; text-decoration:none }
span.padding { padding:0 6px; }
footer .social-list { margin-left:20px; padding:0; padding-top:2px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =13. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul, ol { list-style: disc; line-height:1.5; padding:0px 0px 10px 30px; font-size: 14px; font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; }
ol { list-style: decimal; }
.child ul.unordered-list, .child .hentry ul, .child ol { padding:0px; list-style: none; }

ul.unordered-list li, ol li { padding-bottom:7px; }
ul.unordered-list li:last-child, ol li:last-child { padding-bottom:0px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; text-decoration:underline; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; text-decoration:underline; }

ul.tag-list { list-style: none; line-height:1.5; padding:7px 0px 0px 0px; text-align:center; font-size:0; }
ul.tag-list li { display:inline-block }
ul.tag-list li a { background:none; width:auto; height:auto; border:1px solid #d8d8d8; padding: 8px 12px 10px; margin: 10px 5px 0px 5px; font-size:12px; line-height:1; display: inline-block; color:#555; border-radius:3px; }
ul.tag-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px; color:#888 }
ul.tag-list li a:hover { color:#2b2b2b; }

ul.category-list { list-style: none; line-height:1.5; padding:0px 0px 0px 0px; text-align:center; font-size:0; margin-bottom:0; }
ul.category-list li { display:block }
ul.category-list li a { background:none; width:100%; height:auto; border-bottom:1px dotted rgba(0,0,0,0.1); padding: 12px 12px 15px; margin:0; font-size:14px; line-height:1; display: block; color:#555; }
ul.category-list li:last-child a { border:0 }
ul.category-list li a span { border-left:1px solid #d8d8d8; padding-left:13px; margin-left:10px; color:#888 }
ul.category-list li a:hover { color:#2b2b2b; }

/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =14. Blog
--------------------------------------------------------------------------------------------------------*/
.comment { padding: 40px 0 35px 0; border-top: 1px dotted #eee; position:relative; text-align:left }
.comment.reply.level-1 { padding-left: 6.6%; }
.commenter-avatar { float: left; padding: 0 30px 30px 0; width:auto; }
.commenter-avatar > img { width: 55px; height:55px; border-radius:51%; }
.comment-content { float: left; width:calc(100% - 85px); }
.comment-content h5 { margin-top:-5px; }
p.time { font-size:12px; font-style:italic; color:#888; }
.comment-reply-button-column { position:absolute; right:0; top:40px; width: auto; }
.comment-reply-button-column a { margin:5px 0px 0px 0px; font-size:13px; }
.comment-form-wrapper { padding: 39px 0 0px 0; position: relative; border-top: 1px dotted #eee; }
.comment-form-icon-wrapper { position: relative; display: block; height: 55px; width: 55px; border:0 none; border:1px solid #d8d8d8; cursor:pointer; border-radius:51%; float:left; margin-right:30px; background:url(../images/icons/bg-upload@2x.png) center no-repeat; background-size:24px 24px; }
.comment-form { text-align:left; padding-left:85px; width:100%; }
.comment-form > input, .comment-form > textarea { padding: 12px 15px 14px; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; font-style: normal; font-size: 14px; border-radius:3px; line-height: 20px; }
.comment-form > input:focus, .comment-form > textarea:focus { background:#f5f5f5; }
.comment-form.contact-form input { float:left; margin-right:10px; }
input.last { margin-right:0 !important }
.comment-form > textarea { width: 100%; height: 174px; }
.comment-form .send-btn {  border-radius:30px; background:rgba(0,0,0,0.05); padding:10px 25px 14px; line-height:1; font-size:14px; display:inline-block; color:#555; margin-top:20px; }
.comment-form .send-btn:hover { background:rgba(0,0,0,0.1); color:#2b2b2b}
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* 
Profile page
--------------------------------------------------------------------------------
*/

/* 

Prefered language

*/




ul {padding-left: 0 !important;}
#button-home img {
    height: 100%;
    width: auto;
    margin: auto;
}
#button-home {
    position: fixed;
    
    z-index: 57;
    width: 100%;
    height: 30px;
    background-color: rgb(250, 250, 250) !important;
}

#header.profile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 220px ;
} 
.header-general-data{
    float: right;
    position: relative;
    display:flex;  
    margin-left: auto;
    margin-bottom: 0px;
}
.header-general-data li{
    display: flex;
    margin-left: 10px;
}

.header-general-data li .statistic-data{
    text-align: center;
    height: 60px;
    width: 50px;
    background-color: rgb(226, 226, 226);
    padding: 5px;
    cursor: pointer;
}
.header-general-data li .statistic-data i{
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 3px;
    font-size: 16px;
    transition: color 0.3s ease;
    color: #555;
}

.header-general-data li .statistic-data h4{
    margin-top: 0px;
    margin-bottom: 0px;
    color: #555;
}
.header-general-data li .statistic-data:hover i,.header-general-data li .statistic-data:hover h4{
    color: #2b2b2b;
}
.statistic-text {
    cursor: pointer;
    background-color: #d4c6b5;
    height: 60px;
    width: 0px;
    top: 0;
    right: 0; /* Start on the right side */
    overflow: hidden;
}
.statistic-text h3 {
    color: #2b2b2b;
    padding-left: 10px;
}
#header .logo-home {
    text-align: center;
    margin: auto;
}
.logo-home img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    transform: translate(-50%, -50%);
}
.profile-data {
    float: left;
    margin-right: auto; 
    display: flex;
    padding: 6px;
    transition: background-color 0.3s ease;
}
.profile-data .avatar {width: 45px; cursor: pointer;}
.profile-name h5{
    margin-top: 0px;
    margin-bottom: 0px;
}
.profile-name{
    margin-left: 8px;
    cursor: pointer;
}
.profile-notify i {
    font-size: 18px;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 4px;
}
.profile-notify {
    margin-left: 12px;
    display: flex;
    align-items: center;
    margin-right: 48px;
}
.profile-notify i:hover {
    color: #FF7800;
}
#nav-profile {
    position: fixed;
    display: flex;
    align-items: center;
    z-index: 57;
    width: 100%;
    top: 100px;
    height: 35px;
    background-color: #FF7800;
    
}
.nav-links {
    margin-bottom: 0px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display:flex; 
    
}
.active-link {
    color: #FF7800 !important;
}

.nav-links li {
    color: #f5f5f5 ;
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    padding-right: 50px;
    padding-left: 50px;
    display:flex; 
    align-items: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s ease;
    transition: background-color 0.6s ease;
}
.nav-links li a{
    color: #f5f5f5 ;
}
.nav-links li:hover  {
    background-color: #f5f5f5;

}
.nav-links li:hover  a{
    color: #FF7800;
}
.add-icon{
    font-size: 32px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
    
}
.add-icon i {
    transition: color 0.3s ease;
}
.add-icon:hover i{
    color: #FF7800 !important;
}
/* profile body part ------------------------ */
.active-profile, .active-profile a {
    color: #FF7800 !important;
    background-color: #f5f5f5;
}

.profile-body {
    padding-top: 110px;
}
.col2-3{ width:60%; height:90px;}
.col1-3 { width:18%;  height:90px; overflow: visible !important;}
.col1-3.firstCol { width:22%;  height:90px;}
.col4.whole{height:580px;   width: calc(100% - 18px); background-color: #fff;}
.col2-3 div, .col1-3 div { 
    background-color: #fff;
    display: flex;

}

.col1-3 div div { 
margin: auto;
}
#mainChart{
    padding: 50px;
}

.col1-3 div div, .col1-3 .dropdown-button span { 
    margin-top: auto;
    margin-bottom: auto;
}
.col1-3 > div{
    display: flex;
    align-items: center;
    overflow: visible !important;
}
.col1-3 .dropdown-button{
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.col1-3 .dropdown-button:hover{
    background-color: #919191;
}
.col1-3 .dropdown-button i{
    padding-right: 3px;
    font-size: 16px;
    rotate: 180deg;
}
.col1-3 .sort-by-hover .dropdown-button {
    margin-left: 20px;
    padding: 5px 10px;
    background-color: #eee;    
}

.col2-3 div h4 { 
    border-right: 1px solid #d8d8d8;
    float: left;
    display: block;
    margin-top: auto;
    padding: 23px 30px;
    margin-bottom: auto;
}
.col2-3 div h5 { 
    display: block;
    margin-top: auto;
    padding: 23px 30px;
    margin-bottom: auto;
}
.col2-3 div p {
    margin: auto;
}
.col2-3 div p:hover {
    cursor: pointer;
    color: #FF7800 !important;
}
.dropdown-menu-profile {
    position: absolute;
    margin: auto !important;
    bottom: 70%; /* Position above the div */
     overflow: hidden;
     display: none;
     left: 50%;
    background-color: #d8d8d8 !important;
    color: #2b2b2b;
}
.dropdown-menu-profile {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dropdown-menu-profile li {
    padding: 5px;
    cursor: pointer;
    transition: color 0.3s ease;
    transition: background-color 0.6s ease;
}
.dropdown-menu-profile li:hover {
    color: #FF7800;
    background-color: #eee;
}   
#avatar-input {
    display: none;
}
/* PROFILE - DRAFTS ------------------------------- */
#filterBar{
    width: 300px;
    height: 500px;
    position: fixed !important;
    top: 170px !important;
    left: 20px !important;
    display: block;
    float: left;
    background-color: #fff;
    padding: 10px 22px;
}
.full-height-bar{
    width: 300px;
    height: 100%;
    position: fixed !important;
    top: 170px !important;
    left: 20px !important;
    padding: 10px 22px;
}
.type-of-show  { 
    display: ruby;
    margin: 0px 50px;
}
.type-of-show div { 
    fill: #2b2b2b; 
    width: 45px;
    margin: 20px 15px;
    margin-top: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    cursor: pointer;
}
.dropdown-category {
    margin-top: 30px;
}
.type-of-show div:hover { 
    fill: #FF7800; 
    background-color: #eee;
}
.search-bar {
    margin: 35px auto;
}
.search-bar > input { padding: 12px 15px 14px; margin: 25px auto; border:1px solid #d8d8d8; text-align: left; font-style: normal; font-size: 14px; border-radius:3px; line-height: 20px; }
.filter {
    text-align: left;
}
.text-above-menu {
    font-size: 12px; /* Small font size */
    color: #333; /* Darker color for visibility */
    margin-bottom: 4px; /* Space between text and dropdown */
}
.btn {
    border-radius: 0px !important;
}
.open>.dropdown-menu {
    display: grid;
    padding: 10px;
}
.delete-all-button {
    padding: 10px;
    margin: 0px auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #eb5050;
    border: 0;
    color: #fff;
    transition: color 0.2s ease;
    transition: background-color 0.4s ease;
}
.delete-all-button i {
   color:  #fff;
   transition: color 0.2s ease;
}
.delete-all-button:hover, .delete-all-button:hover i {
    color:  #eb5050;
    background-color: #e9e9e9;
 }
 .draft-elements {
    margin-left: 20px;
    position: relative;
 }

 .edit-form {  width:65%; margin: auto; }
.form-input { text-align: center;  display: ruby;}
.edit-form .form-input  input, .form-input textarea { 
    padding: 12px; 
    margin-bottom: 10px; 
    border:1px solid #d8d8d8;  
    font-style: normal; 
    font-size: 14px; 
    border-radius:3px; 
    line-height: 20px; 
    width: 90%; 
}
.edit-form .form-input  input:focus, .form-input textarea:focus { background:#f5f5f5; }
.form-input > textarea {
    width: 100%;
}
.form-input .avatar {
    width: 100px;
    height: 100px;
    display: flex;
    cursor: pointer;
    margin-top: 15px;
    transition: filter 0.3s ease;
}
.form-input .avatar:hover {
    filter: brightness(50%);
}
.form-inline {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
}
.last-name-div {
    display: flow;
    text-align: left;
}
.last-name-div span {
    margin-left: 35px;
}
#main h2{
    border-bottom: 1px solid #d8d8d8;
    margin-top: 7px;
    padding-bottom: 5px;
}
.form-input > div {width: 100%;}
.form-input > div:last {float: right;}
.text-above {
    font-size: 12px;
    color: #333;

    text-align: left;
    margin-bottom: 4px;
}
.last-name-div input {
    margin-left: auto;
}
#main {
    min-height: 500px !important;
    background-color: #fff;
}
.edit-form .form-input > div {
    text-align: left;
}
.first-name-div span {
    margin-left: 15px;
}
.first-name-div input {
    margin: auto auto 10px auto;
    
}
.edit-buttons {
    margin-top: 22px;
    margin-bottom: 22px;
}
.edit-buttons p {
    cursor: pointer;
}
.edit-buttons p a {
    text-decoration: none;
    
}
.edit-buttons form a {
    cursor: pointer;
}
.edit-buttons p i, .form-input p i {
    margin-left: 7px;
    font-size: 16px !important;
}
.two-step {
    margin-top: 20px;
}
 .send-btn {  border-radius:30px; background:rgba(0,0,0,0.05); padding:10px 25px 14px;  line-height:1; font-size:14px; display:inline-block; color:#555; margin-top:20px; }
  .send-btn:hover { background:rgba(0,0,0,0.1); color:#2b2b2b}
  .form-check input{
    color: #FF7800;
  }
  .form-inline p {
    margin-bottom: 0 !important;
    cursor: pointer;
  }
  .form-inline p {
    margin-bottom: 0 !important;
    cursor: pointer;
  }
  .form-inline p:hover {
    color: #2b2b2b;
  }
  .phone-div{
    width: 60% !important;
  }
  .edit-buttons p:hover {
    color: #2b2b2b;
  }
  .edit-buttons .del-acc:hover {
    color: #a50b0b;
  }
  .stats-buttons {
    display: flex;
    justify-content: space-around;
  }
  .stats-buttons div {
     padding: 15px;
     background-color: #eee;     
     cursor: pointer;
     transition: background-color 0.3s ease;
  }
  .stats-buttons div i {
        margin: 0;
        font-size: larger;
        transition: color 0.3s ease;
  }
  .stats-buttons div:hover {
    background-color: #555;     
 }
 .stats-buttons div:hover i {
    color: #eee;     
 }
 .padding-wrapper .ftrash,.padding-wrapper .fupload{
    position: absolute;
    right: 0%;
    z-index: 500;
    padding: 12px;
    background-color: #eee;
    border: none;
    margin-right: 0;
    cursor: pointer;
    transition: color 0.3s ease;
    transition: background-color 0.3s ease;    
}
.padding-wrapper .ftrash i, .padding-wrapper .fupload i {
    margin-right: 0;
}
.padding-wrapper .fupload{
    right: 35px;
}
.padding-wrapper .ftrash:hover {
    background-color: #eb5050;
    color: #eee;
}
.padding-wrapper .fupload:hover {
    background-color: #FF7800;
    color: #eee;
}
#longread-text, #editor2 {
    height: 500px;
    width: 100%;
    border: 1px solid #919191;
    padding: 10px;
    border-radius: 3px;
}

/* 
END Profile page
--------------------------------------------------------------------------------
*/

/* 

              --------------------------------------------------
              CREATE LONGREAD
              --------------------------------------------------

*/

.create-log {
    margin-top: 80px !important;
}
#heading-input {
    font-size: 20pt;
    margin-left: 20px;
    font-weight: 700;
    margin-bottom: 10px;

}
.img-header {
    cursor: pointer;
    border: #333 dashed 1px;
    padding: 40px 0;
    width: calc(100% - 18px);
    height: 200px;
    overflow: hidden;
    transition: background-color 0.3s ease;
}
.img-header:hover {
    background-color: #cacaca;
}
.img-header i {
    font-size: 21pt;
    margin-right: 0 !important;
    margin-top: 20px;
    margin-bottom: 10px;
}
.img-header img {
   margin: -40px 0;
    width: 100%;
    object-fit: cover;
}

#file-input {
    display: none;
}
.create-sidebar {
    background-color: #fff;
}
.create-sidebar h4 {
    margin: 10px;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8;
}
.selected-lang {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #d8d8d8;
    margin: 10px;
}
#search-category {
    padding: 12px;
    margin: 10px auto ;
    border: 1px solid #d8d8d8;
    font-style: normal;
    font-size: 14px;
    border-radius: 3px;
    line-height: 20px;
    width: 90%;
}
#search-category:focus { background:#f5f5f5; }
.chosen-categories, .chosen-languages, .availible-categories select,  .availible-languages select {
    text-align: left;

    padding: 12px;
    margin: 5px auto ;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 90%;
    min-height: 50px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.chosen-categories, .chosen-languages {
    height: 70px;
}
#users-languages { display: none; }
.chosen-category, .chosen-language, .availible-categories > select > option, .availible-languages > select > option {
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.05);
    padding: 6px 15px 7px;
    line-height: 1;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    margin: 5px 3px;
}
.chosen-category span, .chosen-language span{
    margin-left: 3px;
    margin-right: 0;
}
.remove-category, .remove-language {
    cursor: pointer;
}
.text-above-cat {
    font-size: 12px; 
    color: #333;
    margin-left: 15px;
    text-align: left;
}
.del-btn i{
    margin-right: 0;
}
.del-btn {
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.05);
    padding: 11px 14px 14px;
    line-height: 1;
    font-size: 14px;
    border: 0;
    display: inline-block;
    color: #555;
    margin-top: 20px;
    transition: background-color 0.3s ease;
}
.del-btn:hover {
    background-color: #df3e3e;
   
}
.dropdown-language {
    margin: 20px 0;
}
.dropdown-language select {
    background: rgba(0, 0, 0, 0.05);
}
.d-menu {
    /* display: inline-grid; */
    display: none;
}

/* 
END Create longread
--------------------------------------------------------------------------------
*/
/* 

ONE User Page
----------------------------------------------------------------------------------------------
*/
.main-data-row{
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
margin-top: 0 !important;
padding: 40px 200px ;
z-index:155; width:100%; -webkit-transform: translateZ(0); background:rgba(255,255,255,1);
} 
.new-bg-cl{
    background-color: #E9E9E9 !important;
}
#filterBarUser{
    width: 300px;
    height: 500px;
    position: fixed !important;
    top: 270px !important;
    left: 20px !important;
    display: block;
    float: left;
    background-color: #fff;
    padding: 10px 22px;
}
.profile-body.user-padding{
    padding-top: 27px;

}
/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/



#top-search a,
#top-cart a,
#side-panel-trigger a,
#top-account a {
	display: block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #333;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

#top-search a { z-index: 11; }

#top-search a i {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

body.top-search-open #top-search a i.icon-search3,
#top-search a i.icon-line-cross { opacity: 0; }

body.top-search-open #top-search a i.icon-line-cross {
	opacity: 1;
	z-index: 11;
	font-size: 16px;
}

#top-search div {
	opacity: 0;
	z-index: -2;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	padding: 0 15px;
	margin: 0;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

body.top-search-open #top-search div {
	opacity: 1;
	z-index: 10;
}

#top-search div input {
	box-shadow: none !important;
	pointer-events: none;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	font-size: 24px;
	padding: 10px 80px 10px 0;
	height: 100%;
	background-color: transparent;
	color: #333;
	font-weight: 400;
	margin-top: 0 !important;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header-menu.full-header #top-search div input { padding-left: 40px; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search div input { padding-left: 60px; }

body.top-search-open #top-search div input { pointer-events: auto; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header-menu.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search div input { border-bottom: 2px solid rgba(0,0,0,0.1); }

#top-search div input::-moz-placeholder {
	color: #555;
	opacity: 1;
	text-transform: uppercase;
}
#top-search div input:-ms-input-placeholder {
	color: #555;
	text-transform: uppercase;
}
#top-search div input::-webkit-input-placeholder {
	color: #555;
	text-transform: uppercase;
}

#primary-menu .container #top-search div input,
.sticky-header #top-search div input { border: none !important; }

.crop-container {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    position: relative;
  }

  .crop-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
  }
.create-content {
    margin-top: -55px;
}

/* ck editor */

div.ck-blurred.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    min-height: 500px
}

div.ck-focused.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    min-height: 500px
}

#wire, #wire2 {
    position: absolute;
    bottom: 0;
    border: #1D1D1D 1px solid;
    width: 1200px;
    height: 30px;
}
#pagi {
    position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF7800;
    border-color: #FF7800;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #FF7800;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
#period h5 {
    margin: auto;
}
#viewType {
    cursor: pointer;
}