html { max-width: 100%; overflow-x: hidden; }
body { 
  background: #ffffff; margin: 0;  padding: 0;
  font-family: 'Roboto Condensed', sans-serif; font-weight: 300; 
  position: relative;  
  color: #000000;
}

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

img { max-width: 100%; max-height: 100%; border: 0px; vertical-align: text-top; }

header { display: block; text-align: center; position: fixed; width: 100%; top: 0; left: 0; background: #FFFFFF; z-index: 100; transition: height 0.5s; }
header::after { 
    content: '';
    display: none;
    position: absolute;
    height: 13px;
    width: 100%;
	bottom: -12px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,f6f6f6+50,f6f6f6+51,ffffff+100 */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #f6f6f6 50%, #f6f6f6 51%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeeeee	 0%,#f6f6f6 50%,#f6f6f6 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeeeee 0%,#f6f6f6 50%,#f6f6f6 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	z-index: 1; 
}
header > .container { position: relative; padding: 59px 0 18px 0; display: flex; align-items: flex-end; justify-content: center; }

#progress-container { 
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000000; 
	z-index: 2; 
	left: 0; 
	bottom: 0;
}
#progress-bar { 
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 0%;
    background: #bd3454; 
	z-index: 3; 
	left: 0; top: 0;
}

#logo { height: 30px; margin: 0 80px; display: inline-block; transition: height 0.5s; }
#logo img { height: 30px; width: auto; max-width: 300px; }

#blog-categories { display: inline-block; text-align: right; margin: 0 0 0 auto; }
#blog-options { display: inline-block; text-align: left; margin: 0 auto 0 0; }

.no-padded-children > div { padding-left: 0px; padding-right: 0px; }

.bebas { font-family: 'Fira Sans', sans-serif; line-height: 1.3em; }

@media (min-width: 768px) {
	body { padding-top: 174px; }
	header { height: 174px; position: fixed; }
	body#blog_page_blog-home { padding-top: 250px;  }

	header.nunu { height: 88px; }

	header.nunu > .container { padding-top: 15px; }

}
@media (min-width: 992px) {
}
@media (min-width: 1280px) {
	.container { width: 1280px; }
	header.nunu #logo { height: 40px; }
	header.nunu #logo img { height: 40px; }
	#logo { height: 55px; }
	#logo img { height: 55px; }
}


.selected-arrow { display: none; position: absolute; bottom: -17px; z-index: 200; background: url("../images/blog/nav_arrow.png"); width: 12px; height: 9px; left: 50%; margin-left: -6px; }
@media (min-width: 768px) {
	.selected-arrow { display: block; }
}
.collapsed .selected-arrow, a[aria-expanded="false"] .selected-arrow { display: none; }
.collapse_x { display: block; position: absolute; bottom: -43px; z-index: 200; background: url("../images/blog/x.svg") no-repeat; background-size: 14px 16px; width: 14px; height: 16px; left: 50%; margin-left: -7px; }
.collapse_x:hover { background-image: url("../images/blog/x_o.svg"); }
.collapsed .collapse_x, a[aria-expanded="false"] .collapse_x { display: none; }

.nav-tags { cursor: pointer; font-size: 20px; line-height: 21px; }
.nav-tags img { position: relative; top: 3px; }
.nav-search { cursor: pointer; }

input[type=checkbox] { visibility: hidden; width: 0; position: absolute; } 
input[type=checkbox] + label { }
input[type=checkbox] + label::before { content: ''; display: inline-block; width: 11px; height: 11px; background: url("../images/blog/check_unchecked.png") no-repeat; margin-right: 3px; }
input[type=checkbox]:checked + label::before { background: url("../images/blog/check_checked.png") no-repeat; } 
input[type=checkbox] + label:hover::before { background-image: url("../images/blog/check_unchecked_r.png"); }
input[type=checkbox]:checked + label:hover::before { background-image: url("../images/blog/check_checked_r.png"); }

.tags_filter { padding: 0px 0px 0px 0px; font-size: 16px; position: relative; text-align: left; }
.tags_filter form { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 330px; }
.tags_filter form > div { width: 50%; margin-bottom: 1px; }
.tags_filter label { font-weight: 300; }
.tags_filter .tag-filter-checkbox-all label { color: #bd3454; }
.tags_filter .tag-filter-checkbox-all input[type=checkbox] + label::before { background-image: url("../images/blog/check_unchecked_r.png"); } 
.tags_filter .tag-filter-checkbox-all input[type=checkbox]:checked + label::before { background-image: url("../images/blog/check_checked_r.png"); } 
.tags_filter .title { font-weight: 600; font-size: 18px; font-family: 'Fira Sans', sans-serif; padding: 0px 0px 20px 0px; }
@media (min-width: 768px) {
	.tags_filter form { max-height: 300px; }
}

.tag-filter-checkbox-blank { height: 60px; }
.tag-filter-submit { position: absolute; bottom: 85px; right: 0; text-align: right; }

button.blog-submit { width: 128px; height: 55px; border: 0; background: #dadada; display: inline-block; text-align: center; line-height: 55px; font-weight: 400; }
button.blog-submit .submit_arrow { display: inline-block; background: url("../images/blog/submit_arrow.svg") no-repeat center center; background-size: 38px 35px; display: block; height: 55px; width: 100%; }
button.blog-submit:hover { background: #000000; }
button.blog-submit:hover .submit_arrow { background-image: url("../images/blog/submit_arrow_w.svg"); background-size: 38px 35px; }
button.blog-submit:hover span { color: #FFFFFF; }

#nav-tags-form { position: fixed; top: 186px; bottom: 0; height: 100%; width: 100%; left: 0; background: rgba(0, 0, 0, 0.76); z-index: 99; }
#nav-tags-form .tags_filter { background: #FFFFFF; padding-top: 35px; padding-bottom: 35px; -webkit-box-shadow: 0px 6px 5px 0px rgba(60,58,59,1); -moz-box-shadow: 0px 6px 5px 0px rgba(60,58,59,1); box-shadow: 0px 6px 5px 0px rgba(60,58,59,1); }
#nav-tags-form .tags_filter > .container { position: relative; }
#nav-tags-form .tag-filter-submit { bottom: 0; }

@media (min-width: 768px) {
	body#blog_page_blog-home .nav-tags .selected-arrow { display: block; }
	#nav-tags-form .tags_filter form { max-height: 130px; }
	#nav-tags-form .tags_filter form > div { width: 20%; margin-bottom: 1px; }
}


header.nunu #nav-tags-form { top: 88px; }

#nav-search-form { display: none; position: fixed; bottom: 0; height: 100%; width: 100%; left: 0; background: rgba(255, 255, 255, 0.8); z-index: 99; }
#nav-search-form.open { display: block; }
#nav-search-form form { background: #FFFFFF; padding-top: 35px; padding-bottom: 0px; -webkit-box-shadow: 0px 6px 5px 0px rgba(238,238,238,1);
-moz-box-shadow: 0px 6px 5px 0px rgba(238,238,238,1);
box-shadow: 0px 6px 5px 0px rgba(238,238,238,1); }
#nav-search-form form input[type=text] { border: 0; border-bottom: 1px solid #000000; width: 50%; font-size: 36px; font-family: 'Fira Sans', sans-serif; padding: 3px 0px 5px 0px; }
#nav-search-form form input[type=text]::placeholder { opacity: 1; color: #000000; }
#nav-search-form form input[type=text]:-ms-input-placeholder { opacity: 1; color: #000000; }
#nav-search-form form input[type=text]::-ms-input-placeholder  { opacity: 1; color: #000000; }
#nav-search-form form > .container { position: relative; padding-bottom: 65px; }
#nav-search-form .tag-filter-submit { bottom: 40px; }

@media (min-width: 768px) {
	#nav-search-form { top: 186px; }
	header.nunu #nav-search-form { top: 88px; }
}

.col2 .tags_filter { padding: 0px 0px 80px 20px; }
.col2 .tags_filter form > div { }
.col2 .tags_filter .container { width: auto !important; }

#blog-categories { font-size: 18px; font-weight: 300; line-height: 18px; }
#blog-categories a { color: #000000; padding: 0 8px; margin: 0 8px; display: inline-block; position: relative; }
#blog-categories a:hover { color: #bd3454; }
#blog-categories a.active { color: #bd3454; }
#blog-categories a + a { color: #000000; }
#blog-categories a + a:after { content: ''; display: block; position: absolute; width: 3px; height: 3px; background: #0c0c0c; top: 8px; left: -12px; }

#blog-options { font-size: 18px; font-weight: 300; line-height: 19px; height: 21px; padding: 0 0 2px 0; }
#blog-options a { color: #000000; padding: 0 0px; margin: 0 16px; display: inline-block; position: relative; }
#blog-options a + a { color: #000000; }
#blog-options a + a:after, #langMenu a::after { content: ''; display: block; position: absolute; width: 3px; height: 3px; background: #0c0c0c; top: 8px; left: -20px; }

.icon-mail { display: inline-block; width: 22px; height: 19px; background: url("../images/blog/icon-envelope.svg") no-repeat center bottom; background-size: 22px 15px; }
.icon-mail:hover { background-image: url("../images/blog/icon-envelope_o.svg"); } 
.icon-fb { display: inline-block; width: 10px; height: 19px; background: url("../images/blog/icon-f.svg") no-repeat center bottom; background-size: 10px 19px; }
.icon-fb:hover { background-image: url("../images/blog/icon-f_o.svg"); } 
.icon-linkedin { display: inline-block; width: 20px; height: 19px; background: url("../images/blog/icon-linkedin.svg") no-repeat center bottom; background-size: 20px 19px; }
.icon-linkedin:hover { background-image: url("../images/blog/icon-linkedin_o.svg"); } 
.icon-search { display: inline-block; width: 23px; height: 19px; background: url("../images/blog/icon-search.svg") no-repeat center bottom; background-size: 23px 18px; position: relative; top: 3px; }
.icon-search:hover { background-image: url("../images/blog/icon-search_o.svg"); } 
#blog-options a + a.icon-search::after { top: 5px; }
.icon-tags { display: inline-block; width: 36px; height: 19px; background: url("../images/blog/icon-tags.svg") no-repeat center bottom; background-size: 36px 19px; position: relative; top: 3px; }
.icon-tags:hover { background-image: url("../images/blog/icon-tags_o.svg"); } 

.icon-copylink { display: inline-block; width: 42px; height: 42px; background: url("../images/blog/icon-link.svg") no-repeat center bottom; background-size: 20px 20px; border: 1px solid #000000; background-position: center center; cursor: pointer; }
.icon-copylink:hover { background-image: url("../images/blog/icon-link_o.svg"); background-color: #000000; } 
.icon-fb1 { display: inline-block; width: 42px; height: 42px; background: url("../images/blog/icon-fb1.svg") no-repeat center bottom; background-size: 20px 20px; border: 1px solid #000000; background-position: center center; }
.icon-fb1:hover { background-image: url("../images/blog/icon-fb1_o.svg"); background-color: #000000; } 
.icon-linkedin1 { display: inline-block; width: 42px; height: 42px; background: url("../images/blog/icon-linkedin1.svg") no-repeat center bottom; background-size: 20px 20px; border: 1px solid #000000; background-position: center center; }
.icon-linkedin1:hover { background-image: url("../images/blog/icon-linkedin1_o.svg"); background-color: #000000; } 


#blog-options a + a.icon-tags::after { top: 5px; }

.post-item { padding: 0 0 115px 0; }
.post-item .post-media a { display: block; max-height: 484px; overflow: hidden; }
.post-item .post-media a img { display: block; }
.post-item a { color: #000000; }
.post-item a:hover { color: #bd3454; }
.post-item h2 { margin-bottom: 5px; font-family: 'Fira Sans', sans-serif; font-size: 35px; padding: 0 70px 0px 0px; margin: 15px 0 15px 0; font-weight: 600; }
.post-item h1 { margin-bottom: 5px; font-family: 'Fira Sans', sans-serif; font-size: 35px; padding: 0 70px 0px 0px; margin: 20px 0 0 0;  }
.post-item .blog-lead { padding: 0 130px 0px 60px; margin: 0 0 0 0px; position: relative; font-size: 16px; }
.post-item .blog-lead::after { content: ''; display: block; position: absolute; width: 50px; top: 12px; left: 0; height: 1px; background-color: #000000; } 
.post-item .more { margin: 0 130px 0px 60px; display: block; text-decoration: none; font-weight: 300; font-size: 18px; text-align: right; }
.post-item .more span { display: inline-block; border-bottom: 1px solid #000000; }
.post-item .more:hover span { border-bottom: 1px solid #bd3454; }
.post-item .post-meta { color: #000000; background: transparent; font-size: 19px; line-height: 19px; font-weight: 400; padding: 14px 0px 0px 0; }
.post-item .post-meta a { color: #000000; }
.post-item .post-meta a:hover { color: #bd3454; }
.post-item .post-meta::after { content: ''; display: block; clear: both; }
.post-item .post-meta .post-tags a { position: relative; padding: 0 8px; margin: 0 8px; }
.post-item .post-meta .post-tags a:after { content: ''; display: block; position: absolute; width: 3px; height: 3px; background: #FFFFFF; top: 10px; right: -12px; }
.post-item .post-meta .post-tags a:last-child:after { display: none; }
.post-item .post-meta .post-category strong { font-family: 'Fira Sans', sans-serif; font-weight: 600; }
.post-item .blog-text { padding: 0 0px 0px 0px; margin: 0 0 0 0px; position: relative; font-size: 16px; }
.post-item .blog-text h1, .post-item .blog-text h2, .post-item .blog-text h3 { padding: 0 0px 0px 0px; margin: 0 0 10px 0px; position: font-size: 22px; }
.post-item .blog-text h1.post-item .blog-text h1 { font-size: 30px; }
.post-item .blog-text h2 { font-size: 26px; }
.post-item .blog-text .marker { display: block; width: 80%; padding: 30px 75px 30px 75px; margin: 40px auto 40px auto; position: relative; font-size: 20px; border: 1px solid #000000; }
.post-item img { height: auto !important; }

.post-item .post-tags { font-size: 19px; margin: 30px 0 0 0; }
.post-item .post-tags strong { font-family: 'Fira Sans', sans-serif; font-weight: 600; margin: 0 10px 0 0; }
.post-item .post-tags a { margin-right: 10px; }

.post-item .post-share { font-size: 19px; margin: 10px 0 0 0px; }
.post-item .post-share strong { font-family: 'Fira Sans', sans-serif; font-weight: 600; margin: 0 10px 0 0; line-height: 42px; display: inline-block; float: left; }
.post-item .post-share ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
.post-item .post-share li { display: inline-block; }

@media(max-width: 767px) {
	.post-item .post-meta { padding-left: 15px; }
}
@media(min-width: 768px) {
	.post-item .post-share { float: right; margin: 10px 0 0 30px; }
}

@media (min-width: 768px) {
	.blog-list .post-item .post-media { margin-bottom: 25px; position: relative; }
	.blog-list .post-item .post-media a { position: relative; z-index: 20; }
	.post-item .post-meta .post-category { float: left; max-width: 40%; }
	.post-item .post-meta .post-tags { float: right; max-width: 60%; text-align: right; }
	.post-item h2 { }
	.blog-list .post-item .post-media::after { transition: box-shadow .2s; content: ''; display: block; z-index: 1; position: absolute; border: 1px solid #EBEBEB; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; }
	.blog-list .post-item:hover .post-media img { }
	.blog-list .post-item:hover .post-media::after { visibility: visible; box-shadow: #999999 0 6px 36px; }

	.selected-posts .post-item .post-media { position: relative; }
	.selected-posts .post-item .post-media::after { transition: box-shadow .2s; content: ''; display: block; z-index: 1; position: absolute; border: 1px solid #EBEBEB; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; }
	.selected-posts .post-item:hover .post-media::after { visibility: visible; box-shadow: #999999 0 6px 36px; }
	
	.inpictures-item .inpictures-media { position: relative; transition-duration: .2s; }
	.inpictures-item .inpictures-media span { display: block; overflow: hidden; }
	.inpictures-item .inpictures-media a { display: block; overflow: hidden; }
	.inpictures-item .inpictures-media img { transition-duration: .2s; }
	.inpictures-item .inpictures-media::after { transition: box-shadow .2s; content: ''; display: block; z-index: 1; position: absolute; border: 1px solid #EBEBEB; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; }
	.inpictures-item:hover .inpictures-media::after { visibility: visible; box-shadow: #999999 0 6px 36px; }
	.inpictures-item:hover .inpictures-media a { overflow: hidden; }
	.inpictures-item:hover .inpictures-media img { transform: scale(1.1); }
	
}

.blog-post { font-weight: 400; }
.blog-post .post-item h2 { }
.blog-post .post-item .post-author { text-align: right; font-weight: 400; font-size: 20px; margin: 12px 0 0px 0; float: right; }
.blog-post .post-item .post-author span { font-size: 16px; }
.blog-post .post-item .post-date { text-align: right; font-weight: 400; font-size: 16px; position: relative; padding: 0 0 0  60px; float: right; clear: right; }
.blog-post .post-item .post-date::after { content: ''; display: block; position: absolute; width: 50px; top: 12px; left: 0; height: 1px; background-color: #000000; } 
.blog-post .post-item .blog-lead { margin-bottom: 40px; }

@media (max-width: 767px) {
	.blog-post .post-item .post-date { margin: 0 0 12px 0; }
}
@media (min-width: 768px) {
	.blog-post .post-item h2 { margin: 24px 0 50px 0; float: left; max-width: 60%; }
	.blog-post .post-item h1 { margin: 24px 0 50px 0; float: left; max-width: 60%; }
	.blog-post .post-item .post-author { margin: 24px 0 0px 0; }
}

.blog-latest { padding-bottom: 50px; }
.blog-latest .blog-list .post-item::after { content: ''; display: block; clear: both; }
.blog-latest .blog-list .post-item .post-media { margin-bottom: 0px; }


@media(min-width: 992px) {
	#blog_page_blog-list .blog-latest { padding-top: 50px; }
	.blog-latest .blog-list .post-item { padding-bottom: 40px; }
	.blog-latest .blog-list .post-item .post-media { width: 66%; float: left;  }
	.blog-latest .blog-list .post-item h2 { width: 33%; float: right; padding: 0 0 0 50px;  }
	.blog-latest .blog-list .post-item .blog-lead { width: 33%; float: right; padding: 0 0 0 110px; font-weight: 400; }
	.blog-latest .blog-list .post-item .blog-lead::after { left: 50px; }
	.blog-latest .blog-list .post-item .more { width: 33%; float: right; padding: 0 0 0 50px; text-align: right; clear: right; margin: 0; }
	.blog-latest .blog-list .post-item .post-date { width: 33%; float: right; padding: 0 0 0 50px;  }
}

.col2 .post-item { background: #000000; color: #FFFFFF; padding: 0 0 70px 0; }
.col2 .post-item .post-media { margin-bottom: 60px; }
.col2 .post-item a { color: #FFFFFF; }
.col2 .post-item a:hover { color: #bd3454; }
.col2 .post-item h2 { padding: 0 70px 0px 60px; }
.col2 .post-item .blog-lead { margin-left: 60px; padding-right: 70px; }
.col2 .post-item .blog-lead::after { background-color: #FFFFFF; } 
.col2 .post-item .more { margin: 0 70px 0px 60px; }
.col2 .post-item .more span { border-bottom: 1px solid #FFFFFF; }
.col2 .post-item .more:hover span { border-bottom: 1px solid #bd3454; }
.col2 .post-item .post-date { margin: 0 70px 0px 60px; }

.blog-ad { background: #bd3454; }
.blog-ad img { display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.blog-ad .ad-external { display: block; margin: 0; padding: 32px 10px; font-size: 25px; line-height: 25px;  font-weight: 600; color: #FFFFFF; text-align: center; }
.blog-ad .ad-external:hover { background-color: #bd3454; }

h2.section-title { font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: 600; position: relative; padding: 0 0 0 60px; margin: 20px 0 20px 3px; color: #000000; }
h2.section-title::before { content: ''; display: inline-block; position: absolute; width: 50px; margin-top: 14px; margin-right: 10px; left: 0; height: 1px; background-color: #000000; } 
h3.section-title { font-family: 'Fira Sans', sans-serif; font-size: 28px; font-weight: 600; position: relative; padding: 0 0 0 0px; margin: 20px 0 20px 0px; }
h4.section-title { font-family: 'Fira Sans', sans-serif; font-size: 22px; font-weight: 600; position: relative; padding: 0 0 0 0px; margin: 20px 0 20px 0px; postition: relative; text-align: center; }
h4.section-title::before { content: ''; display: inline-block; position: absolute; width: 100%; margin-top: 13px; left: 0; height: 1px; background-color: #000000; z-index: 1; }
h4.section-title span { display: inline-block; position: relative; z-index: 2; background: #FFFFFF; padding: 0 15px; }

.row.selected-posts { margin-left: -18px; margin-right: -18px; }
.row.selected-posts > div { padding-left: 3px; padding-right: 3px; position: relative; }
.category-header { display: flex; position: relative; align-items: center; justify-content: center; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; }
.category-img { display: block; width: 50%; margin: 25% auto; }
.row.selected-posts .post-item .blog-lead { display: none; }
.row.selected-posts .post-item .more { display: none; }
.row.selected-posts .post-item h2 { position: relative; }
.row.selected-posts .post-item h2 a { display: block; margin: 0 auto; text-align: left; }
@media(min-width: 1200px) {
	.row.selected-posts .post-item h2 { font-size: 24px; }
}
@media(max-width: 767px) {
	.row.selected-posts .post-item h2 {  margin: 20px 0 40px 0; }
	.row.selected-posts .post-item h2 a { margin: 0; }
}
.row.selected-posts .post-item .post-media { margin-bottom: 0px; max-height: 422px; z-index: 50; position: relative; }
.row.selected-posts .post-item { padding-bottom: 0px; }
.row.selected-posts { margin-bottom: 50px; }

.inpictures { background: #000000; position: relative; color: #FFFFFF; padding: 0 0 20px 0; }
.inpictures::before { content: ''; display: block; background: #FFFFFF; height: 20%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.inpictures > div { position: relative; z-index: 2; }
.inpictures a { color: #FFFFFF; }
.inpictures a:hover { color: #bd3454; }
.inpictures h3 { margin: 0px; font-family: 'Fira Sans', sans-serif; font-size: 24px; padding: 15px 0px 10px 0px; font-weight: 600; }
.inpictures .inpictures-date::before { content: ''; display: inline-block; position: absolute; width: 50px; margin-top: 10px; margin-right: 10px; left: 0; height: 1px; background-color: #FFFFFF; } 
.inpictures .inpictures-date { font-size: 16px; padding-left: 60px; position: relative; }

#inpictures-carousel { margin-left: -3px; margin-right: -3px; }
#inpictures-carousel .inpictures-item { margin-left: 3px; margin-right: 3px; }

.slick-arrow { position: absolute; left: -50px; width: 38px; height: 35px; background-size: 38px 35px; top: 40%; border: 0; }
.slick-arrow.slick-prev { background: url("../images/blog/arrow_l_w.svg") no-repeat; background-size: 38px 35px; }
.slick-arrow.slick-next { background: url("../images/blog/arrow_r_w.svg") no-repeat; left: auto; right: -50px; background-size: 38px 35px; }

.subscribe-form { background: #dadada; font-size: 14px; padding: 40px 0 43px 0; font-weight: 400; }
.subscribe-form a { color: #bd3454; }
.subscribe-form > .container { text-align: center; }
.subscribe-form label { font-weight: 400; }
.subscribe-form input[type="checkbox"] + label::before { margin-right: 5px; }
.subscribe-form form { max-width: 700px; margin: 0 auto; text-align: left; }
.subscribe-form form input[type=text], 
.subscribe-form form input[type=email] { 
	border: 0; border-bottom: 1px solid #000000; width: 100%; font-size: 18px; font-family: 'Fira Sans', sans-serif; padding: 3px 0px 5px 0px; background: transparent; 
}
.subscribe-form form input[type=text]::placeholder,
.subscribe-form form input[type=email]::placeholder { 
	opacity: 1; color: #000000; 
}
.subscribe-form form input[type=text]:-ms-input-placeholder,
.subscribe-form form input[type=email]:-ms-input-placeholder { 
	opacity: 1; color: #000000; 
}
.subscribe-form form input[type=text]::-ms-input-placeholder,
.subscribe-form form input[type=email]::-ms-input-placeholder { 
	opacity: 1; color: #000000; 
}
.subscribe-form form input[type=submit] { background: transparent; cursor: pointer; border: 1px solid #000000; font-size: 24px; font-family: 'Fira Sans', sans-serif; padding: 19px 0px 19px 0px; font-weight: 600; text-align: center; width: 100%; line-height: 1px; height: 38px; }
.subscribe-form form input[type=submit]:hover { background-color: #000000; color: #FFFFFF; }

footer { display: block; position: relative; padding: 0 0 70px 0; }
footer a { color: #000000; }
#logo_footer { position: relative; margin-top: 0px; }
#logo_footer img { height: 40px; }
#footer-links a { padding: 0 0px; margin: 0 16px; display: inline-block; position: relative; }
#footer-links a + a:after { content: ''; display: block; position: absolute; width: 3px; height: 3px; background: #0c0c0c; top: 8px; left: -20px; }

@media (min-width: 768px) {
	#footer-links { margin-top: 30px; }
	#logo_footer { float: left; margin-right: 20px; }
	#footer-links { float: left; padding-left: 155px; position: relative; line-height: 19px; }
	#footer-links::before { content: ''; display: inline-block; position: absolute; width: 145px; margin-top: 13px; margin-right: 10px; left: 0; height: 1px; background-color: #000000; } 
	#footer-links { top: -4px; }
	#footer-links a.icon { top: 3px; }
	#copyright { float: left; margin-left: 50px; margin-top: 32px; }
}
@media (min-width: 1280px) {
	#copyright { float: left; margin-left: 108px; }
}

.subscribe-result { font-size: 20px; font-weight: bold; }
.error { color: #FF0000; }
.success { color: #000000; }

.page-share { position: absolute; display: none; background: #FFFFFF; left: 50%; margin-left: -60px; border: 1px solid #000000; font-size: 20px; }
.page-share ul { list-style: none; display: inline-block; padding: 0 0px; margin: 0; }
.page-share ul li { display: block; padding: 8px 20px; margin: 0; position: relative; }
.page-share ul li a { color: #000000; }
.page-share ul li:hover { background: #000000; color: #FFFFFF; }
.page-share ul li:hover a { color: #FFFFFF; }
.page-share ul li::after { content: ''; width: 35x; height: 1px; bottom: left: 50%; margin-left: -17px; display: block; position: absolute; background: #000000; }

#post-share-button { font-size: 16px; display: block; text-align: center; position: relative; margin: 0 auto 40px auto; cursor: pointer; }
#post-share-button::before { content: ''; display: block; position: absolute; height: 50px; width: 1px; background: #000000; top: -65px; left: 50%; }

#post-gallery { margin: 40px auto; }

.post-gallery-container { text-align: center; margin-top: 40px; }
.slick-carousel-single { margin: 0 auto; padding: 40px 20px; background: #dadada; }
.slick-carousel-single .slick-slide { display: flex; align-items: center; justify-content: center; }
.slick-carousel-single .slick-track { display: flex; flex-direction: row; align-items: center; }

.slick-carousel-single .slick-arrow { top: 40%; }
.slick-carousel-single .slick-arrow.slick-prev { background-image: url("../images/blog/arrow_l_b.svg"); background-size: 38px 35px; }
.slick-carousel-single .slick-arrow.slick-next { background-image: url("../images/blog/arrow_r_b.svg"); background-size: 38px 35px; }

.author-info { margin: 40px auto; position: relative; padding: 20px 0 0 0; }
.author-info::before { content: ''; height: 1px; width: 50px; background: #000000; position: absolute; top: 0px; left: 0px; }
.author-image { }
.author-description { font-size: 14px; }
.author-description h3 { font-size: 18px; margin: 0 auto 10px auto; font-weight: normal; }
.author-description h3 a { color: #000000; }
.author-description h3 a span { font-size: 16px; display: inline-block; padding: 0 0 0 70px; position: relative; }
.author-description h3 a span::before { content: ''; height: 1px; width: 50px; background: #000000; position: absolute; top: 10px; left: 10px; }
@media (min-width: 768px) {
	.author-info { display: flex; }
	.author-image { width: 40%; position: relative; z-index: 20; }
	.author-description { width: 60%; position: relative; display: flex; align-items: center; justify-content: left; z-index: 10; padding: 24% 35px 0px 35px; }
	.author-description > div { position: relative; z-index: 10; }
	.author-description::before { content: ''; display: block; position: absolute; top: 24%; left: -10%; height: 100%; width: 110%; z-index: 5; border: 1px solid #000000; }
}

@media (max-width: 767px) {
	body { padding-top: 135px; }
	header { height: 135px; position: fixed; z-index: 1000; }
	body#blog_page_blog-home { padding-top: 135px;  }

	header.nunu { height: 88px; }
	header.nunu #logo { height: 40px; }
	header.nunu #logo img { height: 40px; }
	header.nunu > .container { padding-top: 5px; }
	header.nunu #blog-options { display: none; }
	
	.collapse_x { bottom: -20px; }
	header > .container { padding: 0px 0 10px 0; flex-direction: column; }
	#logo { height: 55px; margin: auto; order: 2; }
	#logo img { height: 55px; }
	#blog-categories { margin: auto; order: 3; padding: 10px 0 0 0; }
	#blog-options { margin: auto; order: 1; margin: 7px auto 15px auto; position: relative; z-index: 10; height: 15px; }
	#blog-options img { height: 15px; }
	#blog-options a + a::after { width: 2px; height: 2px; }
	#blog-options a.icon { height: 15px; background-size: auto 98%; }
	#blog-options a.nav-tags { top: 0px; }
	#blog-options a.nav-tags::after { top: 3px; }
	#blog-options a.nav-search { top: 0px; }
	#blog-options a.nav-search::after { top: 3px; }

	#nav-tags-form { top: 25px; }
	.col2 .tags_filter { display: none; }
	
	#nav-search-form { top: 25px; text-align: left;  }
	header.nunu #nav-search-form { top: 88px; }

	#nav-search-form form { padding-top: 15px; }
	#nav-search-form form input[type="text"] { width: 60%; position: relative; top: 20px; }
	
	.blog-latest .blog-list .post-item { padding: 0px 15px 40px 15px; }
	.blog-latest .blog-list .post-item .post-media { margin: 0 -15px; }	
	.post-item .blog-lead { padding-right: 10px; }
	.post-item .more { margin-right: 10px; }
	/* #logo_footer { position: absolute; left: 15px; } */
	#logo_footer { margin: 10px auto 10px auto; }
	footer { padding-bottom: 15px; text-align: center; }
	/* footer > .container { padding-left: 105px; } */
	#footer-links { margin-top: 0px; }
	#footer-links a { padding: 0 0px; margin: 0 10px; }
	#footer-links a + a::after { width: 2px; height: 2px; left: -12px; }
	#footer-links a.icon-mail::after { display: none; }
	#footer-links a.icon-mail { }
	#copyright { margin-top: 3px; margin-left: 10px; }
	
	.post-item .post-meta { font-size: 14px; font-weight: 300; margin-left: -15px; margin-right: -15px; }
	.post-item .post-meta .post-tags a:first-child { padding-left: 0; margin-left: 0; }

	.post-item { padding: 0 15px 40px 15px; }
	.post-item .post-media { margin-left: -15px; margin-right: -15px; }
	.post-item h2 { margin-bottom: 0; padding-right: 10px; }
	
	.post-item .blog-text .marker { widthL 90%; padding: 30px 30px 30px 30px;}
	.author-description h3 { margin-top: 15px; }
	
	.col2 .post-item .blog-lead { margin-left: 30px; padding-right: 40px; }
	.inpictures h3 { padding-left: 15px; padding-right: 15px; }
	.inpictures .inpictures-date { padding-left: 75px; }
	.inpictures .inpictures-date::before { left: 15px; }

	.subscribe-result { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#blog-categories a { padding: 0 5px; margin: 0 5px; }
	#blog-categories a + a::after { left: -10px; }
	#logo { margin-left: 15px; margin-right: 15px; }
}

#back_to_top { position: fixed; right: 0; bottom: 20px; z-index: 100; display: block; width: 50px; height: 50px; background: #FFFFFF url("../images/blog/arrow_up_b.svg") no-repeat center center; background-size: 20px 22px; transition: linear 0.3s; cursor: pointer; opacity: 0; }
#back_to_top.visible { opacity: 0.5; }
#back_to_top.visible:hover { opacity: 1; bottom: 25px; }
@media (min-width: 1200px) {
	#back_to_top { width: 87px; height: 87px; background-size: 34px 37px; }
	#back_to_top.visible:hover { bottom: 40px; }
}

.posts-lists-more { position: relative; display: block; margin: 50px 0; z-index: 1; text-align: center; color: #000000; }
.posts-lists-more:hover { color: #bd3454; }
.posts-lists-more:focus { color: #000000; }
.posts-lists-more::after { content: ''; position: absolute; display: block; top: 50%; height: 1px; background: #000000; width: 100%; z-index: 2; }
.posts-lists-more span { display: inline-block; position: relative; z-index: 3; background: #FFFFFF; padding: 0px 20px; font-family: 'Fira Sans', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: 600; }

video { max-width: 100%; height: auto; }

.category-description { font-size: 1.2em; font-style: italic; padding: 30px; }
@media (min-width: 768px) {
	.category-description { padding: 0 50px; }
}
#langMenu { display: inline-block; }
#langMenu .active { display: none; }