#homepage_references {margin: 0;}
#homepage_references .item h1,
#homepage_references .item h2 {line-height: 1.2em; font-size: 2.3076em; letter-spacing: -1px; color: #383838;}
#homepage_references .item h1 a,
#homepage_references .item h2 a {color: #383838; text-decoration: none;}
#homepage_references .item h1 a:hover,
#homepage_references .item h2 a:hover {color: #09aee6; text-decoration: underline;}
#homepage_references .item {font-size: 1em; border: none; border-bottom: 1px solid #dbdbdb; padding: 0 0 15px 0; margin: 13px 0 0 0;}
#homepage_references .item .reference_image {float: left; width: 295px; margin-bottom: 10px;}
#homepage_references .item.sticky .reference_image {float: none; width: 100%; margin-bottom: 10px;}
#homepage_references .item .perex {float: right; width: 340px; margin: 0 0 0 0;}
#homepage_references .item.sticky .perex {float: none; width: 100%; margin-top: 27px;}
#homepage_references .item div.perex p {line-height: 1.4285em; font-size: 1.0769em; color: #434343; margin: 0 0 20px 0;} 
#homepage_references .item .tools {}
#homepage_references a.reference_detail {font-size: 1em;}
#homepage_references a {color: #4a4a4a; text-decoration: underline;}
#homepage_references a:hover {color: #40bbaa; text-decoration: none;}
#homepage_references .item .tools {float: right; width: 340px; padding: 0 0 8px 0;}
#homepage_references .item.sticky .tools {float: none; width: 100%; padding: 0 0 8px 0;}
#homepage_references .item .tools .date {width: 150px; float: left; font-size: 0.9230em; color: #434343; text-align: left;}
#homepage_references .item .tools a.reference_detail {display: inline-block; float: right; width: 150px; font-size: 0.9230em; color: #09aee6; text-align: right; text-decoration: underline;}
#homepage_references .item .tools a.reference_detail:hover {text-decoration: none;}

.references {box-sizing: border-box; margin: 60px 0 60px;}
.references__list {list-style-type: disc; padding: 0; margin: 0 0 0 20px;}
.references__item {display: block; margin: 0 0 20px 0;}
.references__item_title {font-size: 20px;}
.references__item_image {display: inline-block; float: left; width: 30%; margin: 0 5% 5% 0;}
.references__item_image img {max-width: 100%; height: auto;}
.references__item_data {float: left; width: 65%; margin: 0 0 5%;}
.references__item_data p {padding: 0; margin-top: 0;}
.references__item_detail {float: right;}

.overview_editorial {text-align: center; padding: 0 0 41px;}
.overview_editorial h2 {font-size: 3.230769em; line-height: 1.23809em; font-weight: 300; color: #4a4a4a; text-align: center; text-transform: none; margin: 0 0 42px;}
.overview_editorial h2 strong {font-weight: 600;}
.overview_editorial p {font-size: 1.384615em!important; line-height: 1.3333em!important; margin: 0 0 20px!important;}
.overview_editorial p a {color: #4a4a4a; text-decoration: underline;}
.overview_editorial p a:hover {color: #40bbaa; text-decoration: none;}
.overview_editorial p strong {font-weight: 400;}
.overview_editorial *:last-child {margin: 0!important;}
@media (max-width: 760px) {
	.overview_editorial h2 {font-size: 3.84615em; line-height: 1.12em; margin-bottom: 34px;}
}
@media (max-width: 560px) {
	.overview_editorial {padding-bottom: 30px;}
	.overview_editorial h2 {font-size: 3.384615em; line-height: 1.13636em;}
}
@media (max-width: 500px) {
	.overview_editorial h2 {font-size: 2.92307em; line-height: 1.15789em;}
}
@media (max-width: 400px) {
	.overview_editorial h2 {font-size: 2.4615em; line-height: 1.1875em;}
}

.overview_guidepost {padding-bottom: 41px;}
.overview_guidepost ul {list-style: none; padding: 0; margin: 0;}
.overview_guidepost li {float: left; width: 31.7%; font-size: 1.92307em; line-height: 1.16em; font-weight: 300; color: #4a4a4a; text-transform: uppercase; background: #fff; background-size: contain; box-shadow: inset 0 0 1px 0 #4a4a4a; margin: 0.8%;}
.overview_guidepost li a {display: block; color: #4a4a4a; text-decoration: none; text-align: center; background: none; padding: 24px 0;}
.overview_guidepost li:hover a {color: #fff;}
.overview_guidepost li:nth-child(1) {background: #fff url(/views/ooo/content/articles/css/design/cover-01.jpg) -400px 0 no-repeat;}
.overview_guidepost li:nth-child(2) {background: #fff url(/views/ooo/content/articles/css/design/cover-02.jpg) -400px 0 no-repeat;}
.overview_guidepost li:nth-child(3) {background: #fff url(/views/ooo/content/articles/css/design/cover-03.jpg) -400px 0 no-repeat;}
.overview_guidepost li:nth-child(4) {background: #fff url(/views/ooo/content/articles/css/design/cover-04.jpg) -400px 0 no-repeat;}
.overview_guidepost li:nth-child(5) {background: #fff url(/views/ooo/content/articles/css/design/cover-05.jpg) -400px 0 no-repeat;}
.overview_guidepost li:nth-child(6) {background: #fff url(/views/ooo/content/articles/css/design/cover-06.jpg) -400px 0 no-repeat;}
.overview_guidepost li:hover {color: #fff; background-position: 0 0; box-shadow: none;}
@media (max-width: 768px) {
	.overview_guidepost li {width: 48.4%;}
}
@media (max-width: 530px) {
	.overview_guidepost li {font-size: 1.692307em; line-height: 1.18182em;}
	/*.overview_guidepost li a*/
}
@media (max-width: 400px) {
	.overview_guidepost li {width: 98.4%;}
}

.references_guidepost {margin: 0 auto 30px;}
.references_guidepost div.items {float: left; width: 316px;}
.references_guidepost div.items.right {float: right;}
.references_guidepost div.item {text-align: center; padding: 0 0 20px 0; margin: 0 0 80px 0;}
.references_guidepost div.item h2 {font-size: 4.30769em; line-height: 1.10714em; font-weight: 300; color: #40bbaa; text-transform: none; padding: 0; margin: 0 0 46px 0;}
.references_guidepost div.item h2 a {color: #40bbaa; text-decoration: none;}
.references_guidepost div.item h2 a:hover {color: #40bbaa;}
.references_guidepost div.item ul {list-style: none; padding: 0; margin: 0 0 58px 0;}
.references_guidepost div.item ul li {float: left; line-height: 1.2857142em; font-size: 1.0769em; color: #777; padding: 0; margin: 0 0 6px 0;}
.references_guidepost div.item ul li a {color: #777; text-decoration: underline;}
.references_guidepost div.item ul li a:hover {color: #00a4e2; text-decoration: none;}
.references_guidepost div.item a.more {display: block; max-width: 32%; font-size: 1.92307em; line-height: 3.12em; font-weight: 300; color: #4a4a4a; text-decoration: none; text-transform: uppercase; box-shadow: inset 0 0 1px 0 #4a4a4a; padding: 0; margin: 0 auto;}
.references_guidepost div.item a.more:hover {color: #fff; background: #40bbaa; box-shadow: none;}

#overview_references {margin: 0;}
#overview_references div.reference_form_container {margin-top: 6px;}
#overview_references div.reference_form_container.noscreen {margin-top: 0;}
#overview_references .item {font-size: 1em; border: none; background: #fff; padding: 36px 9.16% 22px 9.79%; margin: 6px 0 0 0;}
#overview_references .item .reference_image {float: left; width: 34.19%;}
#overview_references .item .reference_image img {max-width: 100%; height: auto;}
/*#overview_references .item.sticky .reference_image {float: none; width: 100%; margin-bottom: 10px;}*/
#overview_references .item h2,
#overview_references .item h3 {font-size: 1.84615em; line-height: 1.16667em; letter-spacing: -1px; color: #28265b; margin-bottom: 20px;}
#overview_references .item h2 a,
#overview_references .item h3 a {color: #28265b; text-decoration: none;}
#overview_references .item h2 a:hover,
#overview_references .item h3 a:hover {color: #28265b; text-decoration: underline;}
#overview_references .item div.perex {float: none; width: 100%;}
#overview_references .item.illustrated div.perex {float: right; width: 62.98%; margin: 0 0 0 0;}
#overview_references .item div.perex p {font-size: 1.529em; line-height: 1.285714em; color: #000; margin: 0 0 13px 0;} 
#overview_references .item div.perex li {font-size: 1.529em; line-height: 1.285714em; color: #000; background: url(/css/starecek/design/bg-black-bullet.png) 0 8px no-repeat; padding-left: 18px; margin-bottom: 18px;}
#overview_references a.reference_detail {font-size: 1em;}
#overview_references a {color: #4a4a4a; text-decoration: underline;}
#overview_references a:hover {color: #40bbaa; text-decoration: none;}
#overview_references .item .tools {padding: 0 0 0 0; margin: 0 0 8px 0;}
#overview_references .item.sticky .tools {float: none; width: 100%; padding: 0 0 8px 0;}
#overview_references .item .tools .date {width: 150px; float: right; font-size: 0.9230em; color: #434343; text-align: right;}
#overview_references .item .tools a.reference_detail {display: inline-block; float: left; width: 150px; font-size: 0.9230em; color: #09aee6; text-align: left; text-decoration: underline;}
#overview_references .item .tools a.reference_detail:hover {text-decoration: none;}
@media (max-width: 600px) {
	#overview_references .item {padding-left: 7%; padding-right: 7%;}
	#overview_references .item .reference_image {width: 40%;}
	#overview_references .item.illustrated div.perex {width: 56%;}
}
@media (max-width: 480px) {
	#overview_references .item .reference_image {float: none; width: 100%; text-align: center; margin-bottom: 25px;}
	#overview_references .item.illustrated div.perex {float: none; width: 100%;}
	#overview_references .item h2,
	#overview_references .item h3 {font-size: 2.3529em; }
}

.category_editorial {text-align: center; padding: 2px 0 20px;}
.category_editorial h2 {font-size: 3.230769em; line-height: 1.23809em; font-weight: 300; color: #4a4a4a; text-align: center; text-transform: none; margin: 0 0 34px;}
.category_editorial h2 strong {font-weight: 600;}
.category_editorial p {font-size: 1.384615em!important; line-height: 1.3333em!important; margin: 0 0 20px!important;}
.category_editorial p a {color: #4a4a4a; text-decoration: underline;}
.category_editorial p a:hover {color: #40bbaa; text-decoration: none;}
.category_editorial p strong {font-weight: 400;}
@media (max-width: 760px) {
	.category_editorial h2 {font-size: 3.84615em; line-height: 1.12em; margin-bottom: 34px;}
}
@media (max-width: 560px) {
	.category_editorial {padding-bottom: 30px;}
	.category_editorial h2 {font-size: 3.384615em; line-height: 1.13636em;}
}
@media (max-width: 500px) {
	.category_editorial h2 {font-size: 2.92307em; line-height: 1.15789em;}
}
@media (max-width: 400px) {
	.category_editorial h2 {font-size: 2.4615em; line-height: 1.1875em;}
}


.reference__detail {text-align: left; margin: 0 auto 30px;}
.reference_detail h1 {margin-bottom: 50px;}
.reference_detail p {font-size: 1.384615em; line-height: 1.2222em; color: #4a4a4a; padding: 0; margin: 0 0 22px;}
.reference_detail p a {color: #4a4a4a; text-decoration: underline;}
.reference_detail p strong {font-weight: 400;}
.reference_detail p a:hover {color: #40bbaa; text-decoration: none;}
.reference_detail p img {display: block; vertical-align: baseline; max-width: 100%; height: auto; padding: 0; margin: 0 auto;}
/*.reference_detail a.back {float: right; color: #27a0cd; text-decoration: underline;}
.reference_detail a.back:hover {text-decoration: none;}*/
.reference_detail div.tags {float: left; width: 560px; color: #a0a0a0;}
.reference_detail div.tags a {font-size: 0.9230em; color: #a0a0a0; text-decoration: none;}
.reference_detail div.tags a:hover {text-decoration: underline;}
.reference_detail div.date {font-size: 0.9230em; color; #525252; text-align: right;}

.reference_detail div.sharing {max-width: 850px; text-align: center; padding: 28px 0 34px; margin: 0 auto;}
.reference_detail div.sharing .title {position: relative; top: -12px; font-size: 1.384615em; line-height: 2.3333em; font-weight: 300; color: #4a4a4a; text-transform: uppercase; padding-right: 12px;}
.reference_detail div.sharing span[class^="st_"] {padding: 0 5px;}
.reference_detail div.sharing img {margin: 0 9px;}
@media (max-width: 380px) {
	.reference_detail div.sharing {padding-bottom: 44px;}
	.reference_detail div.sharing .title {display: none;}
}

.reference_detail div.bottom_tools {font-weight: 300; text-align: center; padding: 0 0 50px; margin: 0;}
.reference_detail div.bottom_tools .inside {position: relative; max-width: 850px; margin: 0 auto;}
.reference_detail div.bottom_tools a,
.reference_detail div.bottom_tools > span {display: inline-block; font-size: 1.384615em; line-height: 1.4444em; color: #4a4a4a; text-decoration: none; text-transform: uppercase; -webkit-transition: color .6s ease .15s; -moz-transition: color .6s ease .15s; transition: color .6s ease .15s;}
.reference_detail div.bottom_tools a:hover {color: #40bbaa;}
.reference_detail div.bottom_tools a.back {padding-top: 2px;}
.reference_detail div.bottom_tools .prev,
.reference_detail div.bottom_tools .next {position: absolute; top: 0; left: 0; height: 26px; text-align: left; background: url(/views/ooo/content/news/css/design/bg-paging-arrows.png) 0 2px no-repeat; padding: 2px 0 2px 45px;}
.reference_detail div.bottom_tools .next {right: 0; left: auto; text-align: right; background-position: right -60px; padding: 2px 45px 2px 0;}
.reference_detail div.bottom_tools .prev:hover {color: #40bbaa; background-position: 0 -29px;}
.reference_detail div.bottom_tools .next:hover {color: #40bbaa; background-position: right -91px;}
.reference_detail div.bottom_tools span.prev,
.reference_detail div.bottom_tools span.next {visibility: hidden;}
@media (max-width: 820px) {
	.reference_detail .bottom_tools .prev span,
	.reference_detail .bottom_tools .next span {display: none;}
}