/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; color:#707070; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"]{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%; }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

/* fonts */
@font-face { font-family: 'noto_sansbold';src: url('../../files/attention/css/fonts/notosans-bold-webfont.woff2') format('woff2'),          url('../../files/attention/css/fonts/notosans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'noto_sansregular'; src: url('../../files/attention/css/fonts/notosans-regular-webfont.woff2') format('woff2'),         url('../../files/attention/css/fonts/notosans-regular-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face { font-family: 'noto_serifbold'; src: url('../../files/attention/css/fonts/notoserif-bold-webfont.woff2') format('woff2'),        url('../../files/attention/css/fonts/notoserif-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'noto_serifregular'; src: url('../../files/attention/css/fonts/notoserif-regular-webfont.woff2') format('woff2'),         url('../../files/attention/css/fonts/notoserif-regular-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}

@font-face { font-family: 'icons';  src:  url('../../files/attention/css/fonts/icons.eot');  src:  url('../../files/attention/css/fonts/icons.eot') format('embedded-opentype'), url('../../files/attention/css/fonts/icons.ttf') format('truetype'), url('../../files/attention/css/fonts/icons.woff') format('woff'), url('../../files/attention/css/fonts/icons.svg') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icon {font-family: 'icons' !important; speak: none; font-style: normal;  font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-calendar:before { content: "\e900"; }
.icon-euro:before { content: "\e901"; }
.icon-left-1:before { content: "\e902"; }
.icon-left:before { content: "\e903";}
.icon-mail:before { content: "\e904";}
.icon-phone:before { content: "\e905";}
.icon-right-2:before { content: "\e906";}
.icon-right:before { content: "\e907";}
.icon-size:before { content: "\e908";}
.icon-world:before { content: "\e909";}
.icon-xclose:before {content: "\e90a";}

body { font-family: 'noto_sansregular', sans-serif; font-size:18px; line-height:28px; color:#707070; background:#fff; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
h1, h2, h3 {font-family: 'noto_serifbold', sans-serif; font-size:23px; line-height:28px; margin-bottom:25px; letter-spacing:.2px;}
h6 {font-family: 'noto_sansregular', sans-serif; font-size:16px; line-height:16px; font-weight:normal;}
b, strong, .bold { font-weight:normal; font-family: 'noto_sansbold', sans-serif;}
.center {max-width:1780px; margin:0 auto; position:relative; padding:0 40px;}
.center_small {max-width:956px; margin:0 auto; position:relative; }
.darkgrey {color:#474747;}
.grey {color:#707070;}
.small {font-size:12px; line-height:18px;}

/* seitenübergang */
.wrap {visibility: hidden; display:none; }
.startback {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1010; background:#fff; }
.no-js .wrap {visibility: visible !important; display:block !important;}
.no-js .loading {display:none;}
.loading {position:fixed; z-index:1010; top:50%; left:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background:url(../../files/attention/images/loading.gif) no-repeat center center; }

/* header */
header {z-index:1000; position:fixed; top:0; width:100%; height:65px; font-size:18px; letter-spacing:.2px; background:#fff; -webkit-box-shadow: 0px 2px 10px #868686; -moz-box-shadow: 0px 2px 10px #868686; box-shadow: 0px 2px 10px #868686;}
.mobile_logo {position:absolute; left:40px; top:10px; display:none; opacity:.7;}
.logo_box {}
/* hamburger */
.menu_icon { position:absolute; top:15px; right:0px; cursor:pointer; background:none; width:50px; height:44px;  display:none;}
.menu_icon .icon_bar {position:relative; background:#474747; width:30px; height:3px; margin-bottom:5px; display:block;}
.menu_icon:hover .icon_bar:last-child {margin-left:0px;}

/* navigation */
.navigation {color:#707070;margin-top:18px;}
.navigation li {position:relative;float:left; position:relative; line-height:26px; padding-top:0px;}
.navigation li a {color:#707070; }
.navigation li a::after { content: ''; display: block; width: 0; height: 2px; background: #707070; transition: width .3s; }
.no-touchevents .navigation li a:hover::after, .navigation li a.trail:after { width: 100%; color:#17171A;}
.navigation .active .active { padding-bottom:0px; border-bottom:2px solid #17171A; color:#17171A; }
.nav_trans {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:none;}
.menu li {width:14%;}
.menu li .level_2 {display:none;}

header .header_trans {position:absolute; top:0; left:0; width:100%; height:50px; background:rgba(0,0,0,.5); display:none;}
.close_nav {display:none; }
.mod_changelanguage {position:absolute; right:40px; top:0;}
.mod_changelanguage li:first-child {padding-right:6px;margin-right:3px;}
.mod_changelanguage li:first-child:after {position:absolute; right:0; top:5px; content: ''; display: block; width:2px; height:16px; background: #707070;}


.back_trans {position:fixed; top:0; left:0; width:100%; height:100%; z-index:90; background:rgba(0,0,0,.5); display:none;}
.cookiebar {z-index:30 !important;}

/* responsive schnickschnack */
@media (max-width:1150px) { 
	.menu li {width:auto; margin-right:40px;}
}
/* nav break */
@media (max-width:1024px) { 
	body { font-size:18px; line-height:30px; }
	header {height:50px; font-size:16px;  }
	.mobile_logo { display:block; }
	header .center {padding:0 20px;}
	.menu_icon { display:block;}
	.navigation {display:none; background:#fff; position:absolute; right:0; width:50%; z-index:100; margin-top:0;}
	.mod_changelanguage { left:20px; right:auto; top:15px;}
	.mod_changelanguage li:first-child:after { top:6px; height:13px; }
	.close_nav {display:block; position:absolute; right:10px; top:15px; color:#707070; font-size:22px; line-height:22px;}
	.close_nav:hover {color:#707070;}	
	.menu {margin-top:70px;}
	.menu li {margin:0; float:none; border-top:1px solid #707070; line-height:42px; }
	.menu a { padding-left:20px; display:block;}
	.no-touchevents .navigation li a:hover::after { width:0; }	
	.menu .active .active {color:#fff; padding:0 0 0 20px; background:#707070; display:block; border-bottom:none;}
	.no-touchevents .navigation a:hover {opacity:.7;}
	.navigation li a.trail:after { width: 0; }
}
@media (max-width: 768px) { 
	.center {padding:0 20px;}
	.mobile_logo { left:20px; }
}
@media (max-width: 768px) { 

}
@media (max-width: 600px) { 
	.navigation {right:0; width:100%; padding-bottom:80px;}
	.menu li.contact {border-bottom:1px solid #868686;}
}

/* main */
main {position:relative; background:#fff; }
.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in; transition: opacity .7s ease-in; }
.onscroll-hidden { opacity: 0; }
.float_right {float:right;}
.float_left {float:left;}
main img {max-width:100%; height:auto;}
main .mod_article a, .ce_text a {color:#17171A;}
main .mod_article a:hover, .ce_text a:hover {opacity:.7;}
.column {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px;}

/* footer */
footer {position:relative; background:#474747; color:#fff; margin-top:80px; text-align:center; }
footer ul {display:inline-block;}
footer ul li {float:left; line-height:50px; margin:0 10px;}
footer a {color:#ADADB3;}
.no-touchevents footer a:hover {color:#fff;}
footer li.active .active {color:#ccc;}
footer .legal {}
footer .mail {margin:0 60px;}


.ce_image img {max-width:100%; height:auto;}

/* responsive schnickschnack */
@media (max-width:960px) { 
	footer .left {float:none; }
	footer .right {float:none; margin-top:20px;}
}
@media (max-width:768px) { 
	.column {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}
@media (max-width: 600px) { 
	main ul li {padding-left:20px; }
	main nav ul li {padding-left:0; }

}
@media (max-width:520px) { 

}
/* print */
@media print {
    *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important;color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,a:visited { text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important; }
    p,h2,h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}
/* all */
.top_image { position:relative; width: 100%; margin-top:65px;}
.top_image picture img { display:none;}
.top_image { background-size: cover; background-position: center center; background-repeat:no-repeat; }
.top_image img.back_sizer {width:100%; height:auto;}
.top_image img.back_2, .top_image img.back_3 {display:none;}
.detail .top_image {  aspect-ratio: 5 / 1; }
.detail .top_image .ce_image, .detail .top_image .ce_image figure, .detail .top_image .ce_image figure picture { position:absolute; width: 100%; height:100%;}
.detail .top_image img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover; display:block; }
.farbverlauf {position:absolute; bottom:0; height:50%; top:50%; width:100%; background-image:linear-gradient(transparent, #1A1917); opacity:.5; } 

.logo { position:relative; width:100%; z-index:30;}
.logo img {position:absolute; width:250px; height:250px; right:100px; top:-190px;}
.headline {position:relative; z-index:30; }
.headline h5, .headline h1 {position:absolute; font-family: 'noto_serifregular'; font-size:130px; line-height:130px; color:#fff; top:-200px; float:left;}
.welcome {position:relative; z-index:20; padding:80px 0; background:#fff; width:100%; }
.headline a {position:absolute; font-family: 'noto_serifregular'; top:-95px; left:1250px; font-size:25px; line-height:25px; color:#fff;}
.headline a:hover {color:#b93e41;}

/* starter */
.young-logo {position:relative; width:100%; z-index:30;}
.young-logo img {position:absolute; width:350px; height:auto; right:0; top:-220px;}
.starter-page .headline h5 { top:-250px; margin-top:0;}

/* galerie */
.gallery_list {display:grid; grid-template-columns: repeat(3, 1fr); gap:0 30px; align-items:stretch; }
.gallery_list a {position:relative; display:block; margin-top:80px; }
.gallery_list a .mod_article {position:relative;}
.gallery_list a .ce_image {position:relative; width:100%; aspect-ratio: 3 / 2; overflow:hidden;}
.gallery_list a .ce_image img {position:absolute; top:0; width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.gallery_list a:hover .ce_image img {transform: scale(1.05);} 
.gallery_list a p {line-height:22px;}

.rooms_padding {padding:0 150px;}

/* services */
.services_box {padding:80px 0;}
.service {float:left; width:32%; margin-right:2%;}
.service img {width:100%; height:auto; margin-bottom:20px;}
.service:nth-child(3n) {margin-right:0;}
.service p {line-height:22px; min-height:140px;}
.service a:hover {opacity:.6;}

/* standard */
.services_box .left {float:left; width:48%;}
.services_box .right {float:right; width:48%;}

.magazin {margin-top:80px;}
.embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* lexikon */
.lexikon .services_box .left {float:left; width:75%; max-width:1000px;}
.lexikon .services_box .right {float:right; width:20%; position:sticky; top:120px;}
.lexikon .services_box .right nav li {line-height:34px; text-transform:uppercase;}
.lexikon .services_box .right nav li a:hover, .lexikon .services_box .right nav li.active .active {color:#bb3d3e;}
/* angebot */
.ce_accordion { border-top:1px solid #ccc; }
.ce_accordion:last-child { border-bottom:1px solid #ccc; }
.ce_accordion .toggler { position:relative; display:block; cursor:pointer; padding-right:20%; padding:20px 0; font-size:1.25rem;}
.ce_accordion .toggler:hover {color:#bb3d3e;}
.ce_accordion .toggler:after {position:absolute; right:0; top:20px; content:"+"; font-size:2rem;}
.ce_accordion .toggler.active:after {content:"-"; right:5px;}
.accordion {margin-bottom:80px; max-width:1000px;}


@media (max-width:1700px) { 
	.headline h5, .headline h1 {font-size:120px; line-height:120px; top:-220px; }
	.headline a { left:40px; }
}
@media (max-width:1500px) { 
	.headline h5, .headline h1 {font-size:110px; line-height:110px; }
	.headline a { }
	.logo img {right:40px; }
	.rooms_padding {padding:0 100px;}
}
@media (max-width:1400px) { 
	.headline h5, .headline h1 {font-size:100px; line-height:100px; top:-200px;}
	.starter-page .headline h5 { top:-200px; margin-top:0;}
	.young-logo img {position:absolute; width:250px; height:auto; right:0; top:-170px;}
}
@media (max-width:1200px) { 
	.headline h5, .headline h1 {font-size:80px; line-height:80px; }
	.headline a {  }
	.logo img {width:200px; height:200px; right:40px; top:-155px;}
	.service {float:left; width:48%; margin-right:0;}
	.service:nth-child(2n) {margin-right:0; margin-left:4%;}
	.service:nth-child(3n) {margin-right:0;}
	.rooms_padding {padding:0 0px;}
}	
@media (max-width:1050px) { 
	.top_image {margin-top:50px;}
	.top_image img.back_1 {display:none;}
	.top_image img.back_2 {display:block;}
	.young-logo img {top:-320px;}
}
@media (max-width:1024px) { 
	.top_image { margin-top:50px;}
	
}
@media (max-width:956px) { 
	.headline h5, .headline h1 {font-size:60px; line-height:60px; top:-240px; }
	.headline a { top:-160px; left:40px; }
	.detail .headline h5 { display:none;}
	.detail .headline a { top:-100px; }
	.galerie h2 { font-size:20px;}
	.gallery_list {display:grid; grid-template-columns: repeat(2, 1fr); }
	.services_box .left {float:none; width:100%;}
	.services_box .right {float:none; width:100%; margin-top:50px;}
	.lexikon .services_box .right {margin-top:0px;}
}
@media (max-width:768px) { 
	.top_image img.back_2 {display:none;}
	.top_image img.back_3 {display:block;}
	.logo img {width:160px; height:160px; right:20px; top:-124px;}
	.headline h5, .headline h1 {font-size:60px; line-height:60px; top:-240px; }
	.starter-rugs .headline h5 { top:-150px; }
	.headline a { top:-150px; left:20px; }
	.service h2 {font-size:18px; line-height:18px;}
	.lexikon .services_box .left {float:none; width:100%;}
	.lexikon .services_box .right {float:none; width:100%; position:relative; top:0; margin-top:50px;}
}
@media (max-width:700px) { 
	.headline h5, .headline h1 {font-size:40px; line-height:40px; top:-220px; }
}
@media (max-width: 600px) {
	.logo img {width:140px; height:140px; top:-124px;}
	.gallery_list {display:grid; grid-template-columns: repeat(1, 1fr); }
	.service {float:none; width:100%; margin-right:0; }
	.service:nth-child(2n) {margin-right:0; margin-left:0;}
	.service h2 {font-size:23px; line-height:23px;}
	.service:last-child p { min-height:auto;}
}
@media (max-width:500px) { 
	.logo img { top:-70px;}
	.headline h5, .headline h1 { top:-140px; }
	.headline a { top:-80px; font-size:20px; line-height:20px;}
	.young-logo img { top:-240px;}
}
.welcome { padding:80px 0 0; }
.back_close { position:relative;  font-family: 'noto_serifregular'; font-size:25px; line-height:25px; margin-bottom:40px; top:-50px;}
.back_close:hover {color:#b93e41;}

.test {border: 1px solid; cursor: pointer; height: 10px; position: relative; width: 100%; display:none; }
#test2{width:100%;}
.show_filter {border:4px solid #ECECEC; padding:3px 20px 0; font-family: 'noto_sansbold'; line-height:30px; display:none;}
.show_filter:hover {background:#ECECEC;}
#container {margin-top:50px;}
	
.item { width: 50%; height:500px; float: left; margin-bottom:50px; }
.item .image { float:left; width:60%; background-size: cover; background-position: center center;}
.item .image img {width:100%; height:auto;}
.desc { font-family: 'noto_sansbold'; line-height:40px; margin-top:-10px;}
.item .desc { float:right; width:40%; padding:0 30px; }
.number {margin-bottom:10px; font-family: 'noto_sansbold'; font-size:22px;}
.desc .icon {margin-right:10px; font-weight:bold;}
.item .image_src {display:none;}
.item .prize.red {color:#cb1617;}
.ex_price {display:inline-block; position:relative;}
.ex_price:after {content:""; position:absolute; width:100%; height:3px; background:#707070; top:17px; left:0; }

.filter_layer {position:fixed; top:0; left:0; width:100%; min-height:100%; z-index:1100; background:rgba(0,0,0,.5); display:none;}
.onclickhide {position:absolute; top:0; left:0; width:100%; height:100%;}
.inner_in {position:absolute; width:100%; height:100%; }
.overflow { position: relative; height:100%; max-height: 100%; overflow:auto; }
.filter_box {position:relative; top:0; width:800px; left:50%; margin-left:-400px; padding:5% 0;}
.box {position:relative; top:0;  width:100%; background:#fff; border:20px solid #ECECEC;}
.close_filter { position:absolute; top:10px; right:20px;  height: 36px; width: 36px; box-sizing: border-box; line-height:36px;}
.close_filter:before, .close_filter:after { transform: rotate(-45deg);  content: "";  position: absolute;  top: 50%;  left: 50%;  margin-top: -0px;   margin-left: -18px; display: block; height:6px; width:36px; background-color: #ECECEC; transition: all 0.25s ease-out;  }
.close_filter:after { transform: rotate(-135deg);}
.close_filter:hover:before, .close_filter:hover:after {transform: rotate(0deg);}
.list_inner {padding:100px 50px 50px 50px;}
.list_inner .left {float:left; width:50%;}
.list_inner .right {float:right; width:50%;}
.list_inner h5 {margin-bottom:10px; font-family: 'noto_sansbold'; font-size:22px;}
.list_inner label {height: 30px; line-height: 30px; }
.list_inner input[type="checkbox"] {  display:none;}
.list_inner input[type="checkbox"] + label::before { width: 30px; height: 30px; background-color: #ECECEC; display: block; content: "";  float: left; margin-right: 10px; cursor:pointer;}
.list_inner input[type="checkbox"]:checked+label::before { background-color: #b93e41; }
.list_inner .in {margin-top:15px;}

.carpet_layer {position:fixed; top:0; left:0; width:100%; min-height:100%; z-index:1100; background:rgba(0,0,0,.5); display:none;}
.carpet_box {position:relative; top:0; width:1200px; left:50%; margin-left:-600px; padding:5% 0;}
.carpet_content .left {float:left; width:55%; }
.carpet_content .image { float:left; width:60%; }
.carpet_content .image img {width:100%; height:auto;}
.carpet_content .desc { float:left; width:40%; padding:0 20px 0 30px; }
.carpet_content .text { float:right; width:45%; margin-top:-5px; }
.carpet_content .text a {text-decoration:underline;}
.carpet_content .text a:hover {color:#b93e41;}
.carpet_content .text .interesse {text-align:center; margin-top:40px;}
.carpet_content .text .interesse a {border:4px solid #ECECEC; padding:3px 20px 0; font-family: 'noto_sansbold'; line-height:30px; text-decoration:none;}
.carpet_content .text .interesse a:hover {background:#ECECEC;}
.carpet_content .desc .prize.red {color:#cb1617;}

#pdf a {text-decoration:underline;}

@media (max-width:1900px) { 
	.item { height:440px; }
}	
@media (max-width:1550px) { 
	.item { height:400px; }
}
@media (max-width:1300px) { 
	.item { height:320px; }
}	
@media (max-width:1200px) { 
	.item .image, .item .desc { width:50%; }
	.item { height:280px; }
	.carpet_box {position:relative; top:0; width:94%; left:3%; margin-left:0; padding:5% 0;}
	.carpet_content .left { width:48.5%; }
	.carpet_content .image { float:none; width:100%; }
	.carpet_content .text {  width:48.5%;  }
	.carpet_content .desc { float:none; width:100%; padding:20px 0px 0 0px; }
}
@media (max-width:1024px) { 
	.item .desc { font-family: 'noto_sansregular'; line-height:30px;}
	.item .desc .name { font-family: 'noto_sansbold'; }
	.desc {  margin-top:-8px; }
}
@media (max-width:960px) { 
	.item { height:220px; }
	.item .image { width:40%; }
	.item .desc { width:60%; padding:0 0 0 20px; }
}
@media (max-width:800px) { 
	.filter_box {position:relative; top:0; width:90%; left:5%; margin-left:0; padding:5% 0;}
}
@media (max-width:768px) { 
	.item .image, .item .desc { width:100%; }
	.item { height:420px; }
	.item .image {width:90%; height:auto;}
	.item .desc { padding:20px 0 0; }
	.carpet_content .left { width:100%; }
	.carpet_content .image { float:none; width:100%; }
	.carpet_content .text {  width:100%; margin-top:30px;}
}
@media (max-width: 600px) {
	.item { height:370px; }
	.list_inner .left {float:none; width:100%;}
	.list_inner .right {float:none; width:100%; margin-top:40px;}
}
@media (max-width:500px) { 
	.item .image {width:100%; height:auto;}
	.item { height:500px; }
	.list_inner {padding:80px 20px 20px 20px;}
}
@media (max-width:400px) { 
	.item { height:460px; }
}
@media (max-width:370px) { 
	.item { height:400px; }
}
/* LIGHTBOX */
.images {margin:50px 0;}
.images .center2 {padding:0;}
.lightbox_photos {}
.lightbox_photos li { width:25%; padding:15px; display:block; position:relative; float:left;}
.lightbox_photos li a {background:#000; display:inline-block; position:relative;}
.lightbox_photos li a img {width:100%; height:auto; }
.lightbox_photos li a .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url(../../files/attention/images/plus.png) no-repeat center center; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:0;}
.lightbox_photos li a:hover .hover {opacity:1;}

html { -ms-touch-action: manipulation; touch-action: manipulation; }
/* IMAGE LIGHTBOX SELECTOR */
#imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .8 ); box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); }
/* ACTIVITY INDICATION */
#imagelightbox-loading,	#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {  width: 2.5em; height: 2.5em; background-color: #000; background-color: rgba( 0, 0, 0, .8 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; margin: -1.25em 0 0 -1.25em; -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); }
#imagelightbox-loading div { width: 1.25em; height: 1.25em; background-color:#bb3d3e; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite;}
@-webkit-keyframes imagelightbox-loading { from { opacity: .5;-webkit-transform: scale( .75 ); }50%	{ opacity: 1;-webkit-transform: scale( 1 ); } to { opacity: .5;	-webkit-transform: scale( .75 ); } }
@keyframes imagelightbox-loading {from { opacity: .5;transform: scale( .75 ); }	50%	{ opacity: 1;	transform: scale( 1 ); }to	 { opacity: .5;	transform: scale( .75 ); }}
/* OVERLAY */
#imagelightbox-overlay { background-color:#141414; background-color: rgba( 20, 20, 20, .85 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
/* "CLOSE" BUTTON */
#imagelightbox-close { width: 50px; height: 50px; text-align: left; position: fixed; z-index: 10002; top:12px; right:12px; cursor:pointer; background-color:transparent;}
#imagelightbox-close:before, #imagelightbox-close:after { width:4px; background-color: #bb3d3e; content: ''; position: absolute; top: 10%; bottom: 10%; left: 50%; margin-left:-2px; -webkit-transition: color .3s ease; transition: color .3s ease;}
#imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }
#imagelightbox-close:hover:before, #imagelightbox-close:hover:after {background-color: #fff;}
/* ARROWS */
.imagelightbox-arrow {width:50px; height:50px; background-color:transparent; vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -25px; cursor:pointer;}
.imagelightbox-arrow-left { left:20px; }
.imagelightbox-arrow-right { right:20px; }
.imagelightbox-arrow:before { width: 0; height: 0; border: 30px solid transparent; content: ''; display: inline-block; }
.imagelightbox-arrow-left:before {border-left: none;border-right-color: #bb3d3e; }
.imagelightbox-arrow-left:hover:before {border-right-color: #fff; }
.imagelightbox-arrow-right:before{border-right: none;border-left-color: #bb3d3e;}
.imagelightbox-arrow-right:hover:before {border-left-color: #fff; }
										
#imagelightbox-loading, #imagelightbox-overlay,	#imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow 	{ -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }
@-webkit-keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}

@media (max-width:1260px) {
	.images .center2 {padding:0 15px;}
}
@media (max-width:1024px) {
	.lightbox_photos li { width:33.3333%; }
}
@media (max-width:960px) {
	.images .center2 {padding:0 10px;}
	.lightbox_photos li {padding:10px;}
}
@media (max-width: 768px) {
	.imagelightbox-arrow-left { left:0px; }
	.imagelightbox-arrow-right { right:0px; }
	.images {margin:100px 0 50px;}
}
@media (max-width: 500px) {
	.lightbox_photos li { width:50%; }
	#imagelightbox-close {top:5px;}
}