body{ background-color: #fff; }

h1{ font-size: 30px; font-family: Helvetica, Arial; color: #58585a; font-weight: 100; text-transform: uppercase; }
h2{ font-size: 18px; font-family: Helvetica, Arial; color: #58585a; font-weight: 500; }
h3{ font-size: 14px; font-family: Helvetica, Arial; color: #58585a; font-weight: 300; }
h4{ font-size: 11px; font-family: Helvetica, Arial; color: #000; font-weight: 400; }

.container{ max-width: 1010px; margin: 0 auto; position: relative; }

/* ### HEADER ### */
header.top{ height: 90px; width: 100%; line-height: 90px; position: relative; padding: 0 5px; background-color: #1a171b; }
header.top .container{ padding: 0 5px; }
header.top .logo{ display: inline-block; padding: 0 25px; margin-top: -2px; }
header.top nav{ display: inline-block; height: 90px; /*min-width: 525px; max-width: 640px;*/  }
header.top nav .menu{ display: table; width: 100%; }
header.top nav .menu > ul{ display: table-row; }
header.top nav .menu > ul > li{ display: table-cell; }
header.top nav .menu li > a{ color: #aeaeae; padding: 0px 11px; display: block; line-height: 90px; text-transform: uppercase; font-size: 14px; font-family: Helvetica, Arial; background: url("../img/menuArrow_hover.png") no-repeat scroll center 95px transparent; text-align: center; }
header.top nav .menu li:hover > a{ color: #26b8c4; background-color: #ffffff; background-position: center 65px; }
header.top nav .menu li.active > a{ color: #26b8c4; background-color: #ffffff; background-position: center 65px; }
header.top nav .menu .movedBox{ padding: 0; z-index: -1; }
header.top nav .menu ul:hover li .movedBox{ opacity: 1; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
header.top nav .menu li:hover .movedBox{ z-index: 4000;}
header.top .headerSquare{ height: 90px; width: 90px; z-index: 3000; position: relative; overflow: hidden; background-image: url(../img/headerSquare_icons.png); background-repeat: no-repeat;}
header.top .headerSquare:hover{ background-color: #0b0a0b; cursor: pointer; }
header.top .headerSquare.open{ background-color: #F2F2F2; z-index: 6000; }
header.top .language{ position: absolute; top: 0; right: 95px; background-image: none; }
header.top .language:hover{ height: 270px; }
header.top .language a{ display: block; width: 90px; height: 90px; overflow: hidden;  background-image: url(../img/flag_icons.png) }
header.top .language a.pl{ background-position: 0 0; }
header.top .language a.en{ background-position: 0 -90px; }
header.top .language a.ru{ background-position: 0 -180px; }

header.top .search{ background-position: left 0px; }
header.top .search:hover{ z-index: 6000; }
header.top .search.open{ background-position: right 0px; }
header.top .miniMenu{ background-position: left -90px; display: none; }
header.top .miniMenu.open{ background-position: right -90px; }
@media screen and (max-width: 960px){ header.top nav .menu li > a{ font-size: 12px; padding: 0 10px; }	header.top nav .menu .movedBox{ display: none; } header.top .logo{ padding: 0 15px 0 0; } }
@media screen and (max-width: 850px){ header.top nav .menu li > a{ font-size: 11px; padding: 0 6px; } header.top .logo{ padding: 0 10px 0 0; } }
@media screen and (max-width: 768px){ header.top nav{ display: none; } header.top .search{ display: none; }	header.top .miniMenu{ display: block; } }
@media screen and (max-width: 480px){ header.top .logo{ width: 145px; } }
@media screen and (max-width: 380px){ header.top .language{ display: none; } }

/* ### MOVED BOX ### */
.movedBox{ position: absolute; top: 90px; opacity: 0; left: 0; width: 100%; padding: 0 5px; }
.movedBox .showAll{ display: block; height: auto; line-height: 40px; margin-top: 10px; text-align: center; }
.movedBox .pack{ background-color: #0b0a0b; height: 370px; z-index: 5000; position: relative; }
.movedBox .pack .column{ display: inline-block; width: 50%; }
.movedBox .pack > .column{ padding: 30px; }
.movedBox .pack .row{ display: block; width: 100%; }

.movedBox .pack h2{ color: #26b8c4; line-height: 30px; margin-bottom: 20px; font-size: 27px; font-weight: 100; text-transform: uppercase; }
.movedBox .pack input{ vertical-align: top; display: inline-block; margin: 0; }
.movedBox .pack input[type="text"]{ background-color: #E6E6E6; border: none; color: #595959; font-family: Helvetica, Arial; font-size: 13px; height: 35px; line-height: 35px; padding: 0 20px; width: 100%; }
.movedBox .pack input[type="text"]:focus{ background-color: #FFF; }

.movedBox.searchBar{ top: -370px; }
.movedBox.searchBar .pack input[type="text"]{ background-color: #202020; color: #b9b9b9; width: 75%; }
.movedBox.searchBar .pack input[type="text"]:focus{ background-color: #2B2B2B; }
.movedBox.searchBar .pack input[type="submit"]{ width: 25%; height: 35px; line-height: 35px; }

.movedBox .pack ul{ list-style: none; }
.movedBox .pack li a{ color: #a7a7a7; font-size: 14px; font-family: Helvetica, Arial; font-weight: 300; line-height: 17px; }
.movedBox .pack li a:hover{ color: #26b8c4; }

/* ### SUB MENU ### */
/*eventy*/
.movedBox .pack .galleryEvent{ height: 100%; position: relative; }
.movedBox .pack .galleryEvent > .row{ padding: 12px 10px; border-top: 1px solid #212121; }
.movedBox .pack .galleryEvent > .row:hover{ background: #FFF; }
.movedBox .pack .galleryEvent .row .column{ height: 100%; width: 80%; }
.movedBox .pack .galleryEvent .row .column:nth-child(1){ background: #26b8c4; width: 20%; }
.movedBox .pack .galleryEvent .row .time{ color: #26b8c4; display: inline-block; font-family: Helvetica, Arial; font-size: 13px; font-weight: 300; line-height: 14px; padding-right: 10px; }
.movedBox .pack .galleryEvent .row .time em{ color: #7e7e7e; font-style: normal; font-weight: 100; font-size: 11px; }
.movedBox .pack .galleryEvent .row .row{ line-height: normal; }
.movedBox .pack .galleryEvent .row h3{ font-size: 21px; line-height: 24px; color: #FFF; font-weight: 100; }
.movedBox .pack .galleryEvent > .row:hover h3{ color: #26b8c4; }
.movedBox .pack .galleryEvent .showAll{ bottom: 35px; position: absolute; width: 87%; }

/*sklepy*/
.movedBox .pack .shops{ position: relative; }
.movedBox .pack .shops form{ line-height: 60px; }
.movedBox .pack .shops ul{ line-height: 12px; margin-top: -5px; padding-bottom: 4px; }
.movedBox .pack .shops li{ display: inline-block; line-height: 10px; width: 33.3333%; font-size: 11px; font-weight: 300; color: #FFF; line-height: 17px; height: 17px; overflow: hidden; font-family: Helvetica, Arial; cursor: pointer; }
.movedBox .pack .shops li:hover{ color: #26b8c4; border: none !important; margin: 0; }
.movedBox .pack .shops li.checked{ color: #26b8c4; font-weight: 500; }
.movedBox .pack .shops .showAll.disabled{ background-color: #8f8e8f; pointer-events: none; cursor: default; }
.movedBox .pack .shops p{ line-height: 16px; font-size: 14px; color: #aeaeae; margin-bottom: 28px; }
.movedBox .pack .shops p span{ color: #26b8c4; font-size: 25px; line-height: 10px; }
.movedBox .pack .shops .promo{ margin-bottom: 43px; }

.movedBox .pack .shops .ui-autocomplete{ top: 115px !important; left: 30px !important; width: 570px !important; height: 226px; position: absolute; background: #F8F8F8; margin: 0; overflow: auto; }
.movedBox .pack .shops .ui-autocomplete li{ height: 100px; float: left; display: table; overflow: visible; width: 20%; border: .5px solid #FFF: }
.movedBox .pack .shops .ui-autocomplete li:hover{ background-color: #FFF; }
.movedBox .pack .shops .ui-autocomplete li a{ background: none; color: #5C5C5C; font-size: 13px; padding: 0px; line-height: 13px; display: table-cell; vertical-align: middle; }
.movedBox .pack .shops .ui-autocomplete li a img{ width: 90px; }
.movedBox .pack .shops .ui-autocomplete li a span{ display: block; font-size: 10px; font-weight: 500; line-height: 13px; padding: 0 3px; text-transform: capitalize; }

/* ### SEARCH DROPDOWN ### */
.searchBar{ display: none; opacity: 1 !important; }
.searchBar .pack{ background-color: #F2F2F2; box-shadow: 0px 5px 20px #222222; height: auto; }
.searchBar > div{ padding: 0 5px; }
.searchFormContainer .search_input{ margin-top: 25px; margin-bottom: 45px; }
.searchFormContainer .filter_checkbox_list{ margin-top: 20px; }
.searchFormContainer .filter_checkbox_list .filter_checkbox{ display: inline-block; margin: 0px 22px 8px 0; }
.searchFormContainer .filter_checkbox_list .filter_checkbox input{ display: none; }
.searchFormContainer .filter_checkbox_list .filter_checkbox span{ color: #4c4c4c; display: inline-block; font-family: Helvetica, Arial; font-size: 16px; font-weight: 300; line-height: 20px; }
.searchBar .fast_link{ color: #4c4c4c; display: inline-block; font-family: Helvetica, Arial; font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 5px 15px 5px 25px; background: url(../img/arrowRight.png) no-repeat 8px center; }
.searchBar .fast_link:hover{ background-color: #202020; color: #f2f2f2; }

/* ### WYNIKI WYSZUKIWANIA ### ***/
.mainContent .searchFormContainer{ background-color: #0b0a0b; padding: 15px 30px; margin: 20px 0; }
.mainContent .searchFormContainer .filter_checkbox div{ background-color: #e6e6e6; }
.mainContent .searchFormContainer .filter_checkbox span{ color: #FFF; }
.searchFormContainer input{ vertical-align: top; display: inline-block; margin: 0; }
.mainContent .searchFormContainer input[type="text"]{ background-color: #e6e6e6; border: none; color: #595959; font-family: Helvetica, Arial; font-size: 13px; height: 35px; line-height: 35px; padding: 0 20px; width: 75%; }
.mainContent .searchFormContainer input[type="text"]:focus{ background-color: #FFF; }
.searchFormContainer input[type="submit"]{ width: 25%; height: 35px; line-height: 35px; }
.searchResults{ margin-bottom: 20px; }
.searchResults .list-view-loading{ background-position: right top; }
.searchResults > h3{ font-size: 20px; font-weight: 500; color: #26b8c4; border-top: 1px solid #eaeaea; padding-top: 10px; }
.searchResults > h3:nth-child(1){ border: none; }
.searchResults .summary, .searchResults div span.empty{ color: #666666; font-family: Helvetica, Arial; font-size: 12px; font-weight: 500; margin-bottom: 10px; text-align: right; }
.searchResults .shopActionList ul{ margin: 0; }

@media screen and (max-width: 960px){ .searchBar .filter_checkbox_list .filter_checkbox{ margin: 0 8px 8px 0; }	.searchBar .filter_checkbox_list .filter_checkbox span{ font-size: 14px; } .checkbox, .checkbox_all{ margin-right: 5px; } .searchBar .fast_link{ margin-bottom: 10px; } .searchBar .search_input{ margin-bottom: 30px; } }
@media screen and (max-width: 768px){ .searchBar, .overlaySearch{ display: none !important; } }

/* ### MENU DROPDOWN ### */
.menuResp{ display: none; left: -101%; top: 90px; z-index: 5000; padding: 0; opacity: 1; }
.menuResp ul{ background-color: #1a171b; padding: 19px 20px; }
.menuResp ul li{ display: block; margin: 1px 0; width: 100%; }
.menuResp ul li a{ color: #aeaeae; font-family: Helvetica, Arial; font-size: 30px; font-weight: 500; line-height: 25px; text-transform: uppercase; display: block; padding: 10px; }
.menuResp ul li:hover{ background-color: #FFF; }
.menuResp ul li:hover a{ color: #26b8c4; }

/* ### BLACK BOX ### */
.blackBox{ background-color: #232323; padding: 13px 50px 13px 17px; position: relative; }
.blackBox .icon{ margin-right: 20px; display: inline-block; vertical-align: middle; }
.blackBox .title{ display: inline-block; vertical-align: middle; }
.blackBox .title h3{ line-height: 25px; color: #FFF; font-size: 30px; font-family: Helvetica, Arial; font-weight: 100; text-transform: uppercase; }
.blackBox .title h4{ line-height: 18px; color: #FFF; text-transform: uppercase; font-size: 18px; font-family: Helvetica, Arial; font-weight: 500; }
.blackBox .buttonMore{ position: absolute; top: -23px; right: 20px; }
@media screen and (max-width: 960px){ .blackBox{ padding: 12px 10px; } .blackBox .icon{ margin-right: 10px; } .blackBox .title h3{ font-size: 20px; } .blackBox .title h4{ font-size: 12px; } }
@media screen and (max-width: 768px){ .blackBox .title h3{ font-size: 24px; } }

/* ### GRAY BAR ### */
.grayBar{ background-color: #eeeeee; padding: 0 5px; border-top: 10px solid #FFF; }
.subBar h3{  color: #58585a; font-family: Helvetica, Arial; font-size: 30px; font-weight: 100; line-height: 25px; text-transform: uppercase; margin-top: 7px; }
.subBar h4{ color: #58585a; font-family: Helvetica, Arial; font-size: 18px; font-weight: 500; line-height: 18px; text-transform: uppercase; }
.subBar .box{ height: 100%; padding: 0 50px 0 20px; height: 60px; display: inline-block; }
.subBar .subpageTitle{ display: inline-block; }
.subBar .subpageTitle .box{ background-color: #FFF; }
.subBar .subMenu .box{ color: #26b8c4; }
.subBar .subMenu h3, .subBar .subMenu h4{ color: inherit; }
.subBar .subMenu .oneLine h3{ margin-top: 17px; }
.subBar .subMenu .box.active, .subBar .subMenu .box:hover{ background-color: #26b8c4; color: #f1f1f1; }
.subBar .subMenu .backLink{ color: #26b8c4; font-size: 14px; font-family: Helvetica, Arial; font-weight: 500; text-transform: uppercase; display: block; line-height: 60px; padding: 0 15px; }
.subBar .subMenu .backLink:hover{ background: #26b8c4; color: #FFF; }

@media screen and (max-width: 960px){ .subBar .box{ min-width: 0; padding: 0 25px 0 15px; } .subBar h3{ font-size: 26px; margin-top: 9px; } .subBar h4{ font-size: 16px; } }
@media screen and (max-width: 768px){ .subBar .subMenu{ float: none; display: inline-block; } .subBar .subMenu h3{ font-size: 20px; line-height: 20px; margin-top: 12px; } .subBar .subMenu h4{ font-size: 12px; line-height: 14px; } }

/* ### THREE BOXES ### */
.threeBoxes .box{ height: 120px; width: 33.33333%; padding: 0 5px; display: inline-block; vertical-align: top; }
.threeBoxes .box a{ width: 100%; height: 100%; padding: 38px 18px 0; display: block; }
.threeBoxes .box .galleryEvent{ background-color: #ba2342; }
.threeBoxes .box .rentierPromo{ background-color: #9c1831; }
.threeBoxes .box .rentierEvent{ background-color: #1696a0; }
.threeBoxes .box .blackBox{ padding-right: 17px; }
@media screen and (max-width: 960px){ .threeBoxes .box .blackBox{ padding-right: 0px; } .threeBoxes .box a{ padding: 38px 10px 0; } }
@media screen and (max-width: 768px){ .threeBoxes .box:first-child{ margin-bottom: 10px; } }
@media screen and (max-width: 480px){ .threeBoxes .box{ margin-bottom: 10px; } .threeBoxes .box:last-child{ margin-bottom: 0; } }

/* ### CONTENT ### */
.mainContent{ background-color: #FFF; }
.mainContent .box{ height: 240px; display: inline-block;}
.mainContent .box a{ width: 100%; height: 100%;position: relative; display: block; }
.mainContent .box a .image{ position: absolute; top: 0px; left: 0px; background-position: center bottom; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; filter: url("../img/grayscale.svg"); filter: gray; -webkit-filter: grayscale(1); }
.mainContent .box a:hover .image{ filter: none; -webkit-filter: grayscale(0); -webkit-transition : -webkit-filter 500ms linear; }
.mainContent .box a .blackBox{ min-width: 280px; position: absolute; bottom: 15px; right: 20px; }
.mainContent .box a .blackBox .icon .animated{ -webkit-transition-delay: 2s; -moz-transition-delay: 2s;  -o-transition-delay: 2s;  transition-delay: 2s; }
@media screen and (max-width: 960px){ .mainContent .box a .blackBox{ min-width: 0; } }
@media screen and (max-width: 768px){ .mainContent .box a .blackBox{ right: 10px; }	.mainContent .box a .blackBox .icon{ display: none; }  }
@media screen and (max-width: 480px){ .mainContent .box a .blackBox .icon{ display: inline-block; } }

/*index*/
.mainContent .box .galleryMap{ background-color: #26b8c4; text-align: center; display: table; }
.mainContent .box .galleryMap div{ display: table-cell; vertical-align: middle; }
.mainContent .box .galleryMap:hover{ background-color: #1adfef; }
.mainContent .box .galleryMap img{ margin-bottom: 10px; }
.mainContent .box .galleryMap h3{ line-height: 25px; font-size: 24px; color: #FFF; text-transform: uppercase; }
.mainContent .box .galleryMap h4{ line-height: 16px; font-size: 14px; color: #FFF; text-transform: uppercase; }
.mainContent .box .galleryMap .icon,
.mainContent .box .galleryMap .title{ display: block; }
.mainContent .box .shopList{ background-color: #5a99b0; text-align: center; display: table; }
.mainContent .box .shopList div{ display: table-cell; vertical-align: middle; }
.mainContent .box .shopList:hover{ background-color: #6eb5cf; }
.mainContent .box .shopList img{ margin-bottom: 10px; }
.mainContent .box .shopList h3{ line-height: 25px; font-size: 24px; color: #FFF; text-transform: uppercase; }
.mainContent .box .shopList h4{ line-height: 16px; font-size: 14px; color: #FFF; text-transform: uppercase; }
.mainContent .box .shopList .icon,
.mainContent .box .shopList .title{ display: block; }

.mainContent .box .news{ padding: 15px 23px 18px 33.6%; }
.mainContent .box .news article{ background-color: #FFF; background-color: rgba(255, 255, 255, 0.95); height: 100%; padding: 35px 30px; }
.mainContent .box .news article header{ background-color: transparent; margin-bottom: 15px; }
.mainContent .box .news article header h2{ padding-left: 35px; background: url(../img/sectionNews_icon.png) no-repeat center left; display: inline-block; width: 70%; vertical-align: bottom; line-height: 30px; font-size: 30px; font-weight: 100; text-transform: uppercase; }
.mainContent .box .news article header time{ text-align: right; line-height: 4px; width: 30%; vertical-align: bottom; margin-bottom: 6px; }
.mainContent .box .news article header time span{ font-weight: 100; }
.mainContent .box .news article h3{ margin-bottom: 10px; font-size: 16px; font-weight: 500; }
.mainContent .box .news article p{ color: #58585a; font-size: 11px; line-height: 18px; margin-bottom: 0; }
.mainContent .box .news article .buttonMore{ position: absolute; bottom: -8px; right: 33px; }
@media screen and (max-width: 768px){ .mainContent .box .news{ padding: 15px 23px 18px 23px; } .mainContent .box .news article{ padding-top: 25px; } .mainContent .box .news article h3{ font-size: 14px; margin-bottom: 5px; } .mainContent .box .galleryMap .icon{ text-align: right; } .mainContent .box .shopList .icon{ text-align: right; } .mainContent .box .galleryMap > div, .mainContent .box .shopList > div{ display: table; width: 100%; height: 100%; } .mainContent .box .galleryMap .icon, .mainContent .box .galleryMap .title, .mainContent .box .shopList .icon, .mainContent .box .shopList .title{ display: table-cell; } .mainContent .box .galleryMap h4, .mainContent .box .shopList h4{ font-size: 12px; line-height: 12px; } .mainContent .box .galleryMap h3, .mainContent .box .shopList h3{ font-size: 22px; line-height: 23px; } }
@media screen and (max-width: 480px){ .mainContent .box .news article{ padding: 20px 20px 30px 20px; } .mainContent .box .news article header h2{ font-size: 0; color: transparent; width: auto; } .mainContent .box .news article header time{ width: auto; } .mainContent .box .galleryMap > div, .mainContent .box .shopList > div{ display: table-cell; } .mainContent .box .galleryMap .icon, .mainContent .box .galleryMap .title, .mainContent .box .shopList .icon, .mainContent .box .shopList .title{ display: block; text-align: center; } }

/*podstrony*/
.mainContent .newsList{ display: block; width: 100%; }
.mainContent .newsList article header{ background-color: #26b8c4; height: 40px; line-height: 40px; }
.mainContent .newsList article header:hover{ background-color: #1adfef; }
.mainContent .newsList article header a{ padding-left: 30px; display: block; height: inherit; }
.mainContent .newsList article header h2{ font-weight: 500; font-size: 16px; color: #FFF; text-transform: none; display: inline; line-height: inherit; }
.mainContent .newsList article header span{ float: right; line-height: inherit; height: auto; background-color: #232323; }
.mainContent .newsList article p{ padding: 10px 5px; font-size: 11px; line-height: 18px; }
@media screen and (max-width: 960px){ .mainContent .newsList article header{ height: 35px; line-height: 35px; } .mainContent .newsList article header a{ padding-left: 15px; } .mainContent .newsList article header h2{ font-size: 14px; } .mainContent .newsList article header span{ font-size: 12px; } .mainContent .newsList article p{ padding: 7px 5px; line-height: 16px; font-size: 12px; } }
@media screen and (max-width: 768px){ .mainContent .newsList article header a{ padding-right: 30px; background: url(../img/cursorClickNews_icon.png) no-repeat right center; }  .mainContent .newsList article header span{ display: none; } }
@media screen and (max-width: 480px){ .mainContent .newsList article header h2{ font-size: 12px; font-weight: 300; } }

.mainContent .newsEntry header h2{ font-size: 22px; color: #26b8c4; margin: 25px 0; }
.mainContent .newsEntry article{ margin-bottom: 50px; color: #58585a; font-family: Helvetica, Arial; font-size: 12px; font-weight: 300; line-height: 21px; }
.mainContent .newsList article .long{ padding-top: 10px; }
.mainContent .newsList article .long *{ color: #58585a; font-family: Helvetica, Arial; font-size: 11px; font-weight: 300; line-height: 18px; padding: 0px 5px 10px; margin-bottom: 0; }
.mainContent .newsList article .long * a{ color: #26b8c4; font-family: Helvetica, Arial; font-size: 12px; font-weight: 500; }
.mainContent .newsList article .long ul li{ padding-bottom: 0; }

.mainContent .eventList{ display: block; width: 100%; }
.mainContent .eventList article{ display: inline-block; margin-bottom: 50px; }
.mainContent .eventList article header{ background-color: #ba2342; height: 60px; line-height: 60px; text-align: center; }
.mainContent .eventList article header h2{ line-height: inherit; color: #FFF; font-size: 18px; font-family: Helvetica, Arial; font-weight: 500; }
.mainContent .eventList article img{ width: 100%; margin: -2px 0; }
.mainContent .eventList article footer{ height: 50px; line-height: 57px; padding-left: 30px; background-color: #232323; position: relative; }
.mainContent .eventList article footer .buttonMore{ display: block; position: absolute; bottom: -18px; right: 10px; }
.mainContent .eventList:hover article:hover{ opacity: 0.8; }
@media screen and (max-width: 960px){ .mainContent .eventList article header{ height: 45px; line-height: 45px; } .mainContent .eventList article header h2{ font-size: 14px } .mainContent .eventList article footer{ height: 40px; line-height: 45px; padding-left: 15px; } .mainContent .eventList article footer .buttonMore{ bottom: -23px; } }
.mainContent .eventList .emptyMessage span{ margin: 50px 0; }

.mainContent .eventEntry{ display: block; width: 100%; }
.mainContent .eventEntry article{ padding: 0 5px; margin-bottom: 50px; }
.mainContent .eventEntry article div{ display: inline-block; }
.mainContent .eventEntry .content{ color: #58585a; font-family: Helvetica, Arial; font-size: 12px; font-weight: 300; line-height: 21px; }
.mainContent .eventEntry .content header{ background-color: #ba2342; height: 60px; line-height: 60px; margin-bottom: 10px; }
.mainContent .eventEntry .content header h2{ color: #FFF; display: inline-block; padding-left: 30px; }
.mainContent .eventEntry .content header time{ background-color: #232323; padding: 10px 25px; line-height: 14px; margin: 9px; }
.mainContent .eventEntry .side{ text-align: center; }
.mainContent .eventEntry .side img{ width: 100%; height: auto !important; }
.mainContent .eventEntry .side .linksZone{ background-color: #27b8c4; padding: 13px 18px; width: 100%; margin-top: 10px; }
.mainContent .eventEntry .side .linksZone a{ color: #FFF; font-family: Helvetica, Arial; font-size: 18px; font-weight: 500; display: block; margin: 5px 0; background: url("../img/arrowRightDark.png") no-repeat scroll 8px center rgba(0, 0, 0, 0); padding-left: 30px; }
.mainContent .eventEntry .side .linksZone a:hover{ color: #327b81; }
@media screen and (max-width: 960px){ .mainContent .eventEntry .content header{line-height: 45px; height: 45px; } .mainContent .eventEntry .content header time{ line-height: inherit; margin: 0; padding: 0 10px; } .mainContent .eventEntry .content header h2{ padding-left: 15px; font-size: 16px; } .mainContent .eventEntry .side .linksZone{ line-height: 50px; padding: 8px 0; text-align: center; } .mainContent .eventEntry .side .linksZone a{ background: none; margin: 0; padding: 0; } }
@media screen and (max-width: 768px){ .mainContent .eventEntry .side img{ width: 100%; } .mainContent .eventEntry .side .linksZone{ line-height: 40px; } }

.mainContent .shopList{ display: block; width: 100%; text-align: center; margin-bottom: 15px; }
.mainContent .shopList > ul{ list-style: none; display: inline-block; margin: 0; width: 100%; }
.mainContent .shopList > ul li{ display: inline-block; width: 14%; overflow: hidden; position: relative; border: 1px solid #FFF; height: 100px; }
.mainContent .shopList > ul li a{ display: block; padding: 15px 20px;  position: absolute; bottom: 0; width: 100%; text-align: center; }
.mainContent .shopList > ul li img{ width: 100%; }
.mainContent .shopList > ul li:hover{ border-color: #26b8c4; }
.mainContent .shopList > ul li:hover .name{ color: #FFF; }
.mainContent .shopList > ul li .level{ background-color: #26b8c4; line-height: inherit; position: absolute; height: 25px; line-height: 25px; bottom: -25px; left: 0; width: 100%; text-align: center; color: #FFF; }
.mainContent .shopList > ul li:hover .level{ bottom: 0; }
@media screen and (max-width: 960px){ .mainContent .shopList > ul li{ width: 20%; } .filterBox .floorChoose span{ font-size: 16px; } .mainContent .shopList > ul li .level{ display: none; } .mainContent .shopList > ul li:hover{ border-color: #FFF; } .mainContent .shopList > ul li:hover .name{ color: #58585a; } }
@media screen and (max-width: 768px){ .mainContent .shopList > ul li{ width: 25%; } }
@media screen and (max-width: 480px){ .mainContent .shopList > ul li{ width: 33%; } }

.mainContent .filteredResult.shopActionList ul{ margin-left: 0px; }
.mainContent .shopActionList ul{ margin-bottom: 20px; }
.mainContent .shopActionList .result{ display: inline-block; margin-bottom: 10px; text-align: center; }
.mainContent .shopActionList .result a{ background: #eeeeee; display: block; position: relative; }
.mainContent .shopActionList .result h3{ font-weight: 500; font-size: 14px; margin-bottom: 5px;  }
.mainContent .shopActionList.shopPromotions .result h3{ color: #9c1831; }
.mainContent .shopActionList.shopEvents .result h3{ color: #1696a0; }
.mainContent .shopActionList .result h3.title{  color: #0b0a0b; background: #dedede; padding: 8px 5px; font-weight: 300; font-size: 14px; margin: 0; }
.mainContent .shopActionList .result .imgWindow{ width: 100%; height: 200px; line-height: 200px; display: inline-block; text-align: center; padding: 0px 10px;}
.mainContent .shopActionList .result img{ max-width: 100%; max-height: 200px; }
.mainContent .shopActionList .result .actionDate{ padding: 10px 18px; text-align: left; }
.mainContent .shopActionList .result .buttonMore{ display: block; position: absolute; bottom: -13px; right: 15px; }
.mainContent .shopActionList .result time span{ font-size: 22px; }
.mainContent .shopActionList .result:hover h3{ color: #FFF }
.mainContent .shopActionList .result:hover time{ color: #1dd3e2; }
.mainContent .shopActionList .result:hover time span{ color: #FFF; }
@media screen and (max-width: 960px){ .mainContent .shopActionList .result a{ padding-bottom: 20px; } }
@media screen and (max-width: 768px){ .mainContent .shopActionList{ text-align: center; } }
.mainContent .shopActionList.shopPromotions .result:hover a{ background-color: #9c1831 }
.mainContent .shopActionList.shopEvents .result:hover a{ background-color: #1696a0 }
.mainContent .shopActionList .result:hover a .title{ background-color: transparent;}


.buttonInHeader{ background-color: #232323; display: table-cell; vertical-align: middle; }
.buttonInHeader a{ color: #FFF; font-family: Helvetica, Arial; font-size: 16px; line-height: 16px; text-align: center; display: block; font-weight: 100; padding: 10px 55px 10px 10px; }


.mainContent .rentialActionEntry{ margin-bottom: 25px; }
.mainContent .rentialActionEntry .content{ display: inline-block; color: #58585a; font-family: Helvetica, Arial; font-size: 12px; font-weight: 300; line-height: 21px; }
.mainContent .rentialActionEntry header{ height: 60px; line-height: 60px; display: table; width: 100%; margin-bottom: 10px; }
.mainContent .rentialActionEntry header .shopName{ padding-left: 30px; display: table-cell; vertical-align: middle; }
.mainContent .rentialActionEntry header .shopName h2{ display: block; color: #FFF; line-height: 18px; margin: 0; }
.mainContent .rentialActionEntry header .shopName span{ font-size: 12px; line-height: 12px; color: #FFF; font-weight: 100; display: block; }
.mainContent .rentialActionEntry header .shopName span em{ font-weight: 500; font-style: normal; }
.mainContent .rentialActionEntry h2{ color: #27b8c4; line-height: 25px; margin-bottom: 15px; }
.mainContent .rentialActionEntry .side{ display: inline-block; text-align: center; }
.mainContent .rentialActionEntry .side .actionDate{ background-color: #232323; text-align: center; margin-bottom: 10px; height: 60px; line-height: 60px; }
.mainContent .rentialActionEntry .side .actionDate time{ margin-top: 5px; }
.mainContent .rentialActionEntry .offerImage{ background-color: #eeeeee; padding: 18px; width: 100%; display: inline-block; }
.mainContent .rentialActionEntry .offerImage img{ width: 100%; height: auto !important; }
.mainContent .rentialActionEntry h4{ line-height: 26px; font-size: 18px; color: #232323; display: block; margin-top: 20px; }
.mainContent .rentialActionEntry h4.additionalList{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid; }
.mainContent .rentialActionEntry h4.additionalList.restOfPromotion{ color: #9c1831; }
.mainContent .rentialActionEntry h4.additionalList.restOfEvent{ color:#1696a0; }
.showShop{ background: url(../img/shopCard_icon.png) no-repeat center right #232323; }
.showShop:hover{ background-color: #26b8c4; }
.mainContent .rentialActionEntry.rentialPromotionEntry header{ background-color: #9c1831; }
.mainContent .rentialActionEntry.rentialEventEntry header{ background-color: #1696a0; }
@media screen and (max-width: 960px){ .mainContent .rentialActionEntry header .shopName{ width: 66.66666% !important; } .mainContent .rentialActionEntry .buttonInHeader{ width: 33.33333% !important; } }
.mainContent .rentialActionEntry .filteredResult.shopActionList{ margin-bottom: 20px; }

.mainContent .shopCard{ margin-bottom: 20px; }
.mainContent .shopCard header{ background-color: #27b8c4; }
.mainContent .shopCard .shopInfo{ background-color: #232323; margin-bottom: 10px; height: 60px; line-height: 60px; padding: 0 25px; text-align: left; }
.mainContent .shopCard .shopInfo span{ display: inline-block; color: #FFF; font-family: Helvetica, Arial; font-size: 16px; line-height: inherit; font-weight: 100; }
.mainContent .shopCard .shopInfo span strong{ font-weight: 500; font-size: 16px; }
.mainContent .shopCard .side{ text-align: left; }
.mainContent .shopCard .shopImage{ padding: 20px 0; text-align: center; display: inline-block; width: 100%; }
.mainContent .shopCard h4{ color: #26b8c4; margin-bottom: 20px; }
.mainContent .shopCard .shopInfoWrapper{ display: inline-block; }
.mainContent .shopCard .shopContact{ display: inline-block; width: 100%; }
.mainContent .shopCard .shopContact span{ color: #58585a; font-size: 16px; padding-left: 50px; background-image: url(../img/shopContact_icons.png); background-repeat: no-repeat; display: block; margin-bottom: 10px; text-align: left; overflow: hidden; height: 24px; line-height: 24px; }
.mainContent .shopCard .shopContact span a{ color: #58585a; font-size: 16px; font-family: Helvetica, Arial; font-weight: 300; }
.mainContent .shopCard .shopContact .phoneContact{ background-position: 0 0; }
.mainContent .shopCard .shopContact .mobileContact{ background-position: 0 -24px; }
.mainContent .shopCard .shopContact .faxContact{ background-position: 0 -48px; }
.mainContent .shopCard .shopContact .mailContact{ background-position: 0 -72px; }
.mainContent .shopCard .shopContact .mailContact a{ color: #26b8c4; }
.mainContent .shopCard .shopContact .webContact{ background-position: 0 -96px; }
.mainContent .shopCard .shopContact .webContact a{ color: #26b8c4; }
.mainContent .shopCard .gallery{ display: inline-block; }
.mainContent .shopCard .gallery .element{ width: 100% !important; }
.mainContent .shopCard .actionList_fullView{ margin-top: 30px; }
.mainContent .shopCard .actionList_fullView h4, .mainContent .shopCard .actionList_respView h4{ margin-bottom: 5px; }
.mainContent .shopCard .actionList_respView{ display: none; }
.mainContent .shopCard .gallery .element{ height: auto; }
.mainContent .shopCard .gallery .element img{ width: 100%; }
.mainContent .shopCard .shopPromotions .result h3{ padding: 7px 0 }
.mainContent .shopCard .shopEvents .result h3{ padding: 7px 0 }

.mainContent .defaultArticleContent{ margin: 20px 0; }
.mainContent .defaultArticleContent h2{ color: #26b8c4; margin-bottom: 10px; }
.mainContent .defaultArticleContent .galleryAboutTable{ width: 98%; }
.mainContent .defaultArticleContent .galleryAboutTable td{ width: 50%; background-color: #f8f8f8; border-bottom: 1px solid #FFF; padding: 7px; color: #58585a; font-family: Helvetica, Arial; font-size: 12px; font-weight: 300; margin-bottom: 20px; }
.mainContent .defaultArticleContent .galleryAboutTable td:nth-child(1){ font-weight: 500; }

@media screen and (max-width: 960px){ .mainContent .shopCard .actionList_fullView{ display: none; } .mainContent .rentialActionEntry header{ margin-bottom: 0px; } .mainContent .shopCard .shopInfo{ height: 40px; line-height: 40px; background-color: #eeeeee; } .mainContent .shopCard .shopInfo span{ color: #58585a; } .mainContent .shopCard .gallery{ margin: 0; text-align: center; } .mainContent .shopCard .shopContact{ text-align: center; } .mainContent .shopCard .gallery .element{ width: 45% !important; } .mainContent .shopCard .shopContact span{ display: inline-block; padding-left: 40px; } .mainContent .shopCard .actionList_respView{ display: block; } }
@media screen and (max-width: 768px){ .mainContent .shopCard .gallery .element{ width: 100% !important; } }
@media screen and (max-width: 480px){ .mainContent .shopCard .gallery .element{ width: 45% !important; } }

.showOnMap{ background: url(../img/showMap_icon.png) no-repeat center right #232323; }
.showOnMap:hover{ background-color: #26b8c4; }

.contactPage{ margin: 20px 0; }
.contactPage .row{ margin-bottom: 15px; }
.contactPage .row .row{ margin: 0; }
.contactPage h2{ margin-bottom: 15px; color: #26b8c4; }
.contactPage span{ display: block; }
.contactPage span a{ color: #26b8c4; font-family: Helvetica, Arial; font-size: 13px; font-weight: 300; }
.contactPage small{ color: #aaaaaa; font-family: Helvetica, Arial; font-size: 10px; font-weight: 500; }
.contactPage small a{ color: #26b8c4; font-family: Helvetica, Arial; font-size: 10px; font-weight: 500; }
.contactPage .openHours_element{ margin-top: 20px; margin-bottom: 5px; }
.mainContent .hoursBlock .text .row{ width: 50%; }


@media screen and (max-width: 768px){ .contactPage h2, .contactPage span{ text-align: center; } .mainContent .hoursBlock .text .row{ margin: 0 auto; } .contactPage .row .column:nth-child(1) span{ text-align: right; padding-right: 15px; } .contactPage .row .column:nth-child(2) span{ text-align: left; padding-left: 15px; } }


/* ### PLAN CENTRUM ### */
.mapContent{ margin: 5px 0 25px; }
.mapContent div{ display: inline-block; }
.mapContent .topHeader{ height: 230px; overflow: hidden; }
.mapContent .topHeader .instruction{ background-color: #26b8c4; height: 100%; width: 100%; margin-top: -230px; text-align: center; padding: 0 10px; }
.mapContent .topHeader .instruction.active{ margin-top: 0; }
.mapContent .topHeader .instruction img{ margin: 20px 0 10px 0; }
.mapContent .topHeader .instruction h3{ font-size: 21px; color: #FFF; font-weight: 100; line-height: 21px; }
.mapContent .topHeader .instruction h4{ font-size: 13px; color: #FFF; font-weight: 500; margin-bottom: 8px; }
.mapContent .topHeader .shopInfo{ background-color: #eeeeee; height: 100%; width: 100%; display: none}
.mapContent .topHeader .shopInfo.active{ display: inline-block}
.mapContent .topHeader .shopInfo .showShopCard{ background-color: #ef9303; height: 80px; width: 100%; display: block; padding: 18px 0; text-align: center; }
.mapContent .topHeader .shopInfo .showShopCard .icon{ margin-right: 10px; }
.mapContent .topHeader .shopInfo .showShopCard .title h4{ font-size: 13px; }
.mapContent .topHeader .shopInfo #shopDesc{ text-align: center; width: 100%; height: 150px; display: table; padding: 0 10px; }
.mapContent .topHeader .shopInfo #shopDesc .tc{ display: table-cell; vertical-align: middle; }
.mapContent .topHeader .shopInfo #shopDesc h3{ font-size: 22px; font-weight: 100; line-height: 26px; color: #222323; text-transform: uppercase; }
.mapContent .topHeader .shopInfo #shopDesc h4{ font-size: 12px; line-height: 15px; color: #222323; text-transform: uppercase; }
.mapContent .topHeader .shopInfo #shopDesc img{ margin-top: 5px; }

.mapContent .legend{ background-color: #f9f9f9; padding: 15px 15px 30px 15px; text-align: center; }
.mapContent .legend h3{ display: block; margin-bottom: 20px; color: #26b8c4; font-size: 18px; font-weight: 300; }
.mapContent .legend img{ width: 100%; }
.mapContent .floorChoose{ display: none; height: 230px; padding-left: 10px; }
.mapContent .floorChoose span{ color: #656565; cursor: pointer; display: block; font-size: 18px; font-weight: 100; padding: 10px 0; text-transform: uppercase; text-align: center; }
.mapContent .floorChoose span em{ font-size: 29px; font-style: normal; font-weight: 500; margin-left: 5px; }
.mapContent .floorChoose span:hover{ color: #a4a4a4; }
.mapContent .floorChoose span.active{ color: #FFF; }
.mapContent .floorChoose .table{ height: 100%; width: 100%; display: table; background: #0b0a0b; }
.mapContent .floorChoose .table .t_c{ display: table-cell; vertical-align: middle; background: none; }

.mapContent .w75{ padding-left: 20px; }
.mapContent .map{ padding-bottom: 40px; text-align: center; overflow: hidden; margin-left: 0; }
.mapContent .map img, .mapContent .map svg{ width: 100%; height: 100%; }
.mapContent .map svg{ width: 100%; height: 450px; }
@media screen and (max-width: 960px){ .mapContent .map li{ height: 400px !important;} .mapContent .map svg{ width: 100%; height: 400px; } }
@media screen and (max-width: 500px){ .mapContent .map li{ height: 300px !important;} .mapContent .map svg{ width: 100%; height: 300px; } }
.mozilla .mapContent .map svg{ width: 100%; height: 100%; }

.mapContent .map svg path[fill="#ef9303"]{ -moz-animation: flash2 2s ease-in-out infinite; -webkit-animation: flash2 2s ease-in-out infinite; -o-animation: flash2 2s ease-in-out infinite; animation: flash2 2s ease-in-out infinite; }
.mapContent .shopsList h3{ display: block; margin-bottom: 5px; color: #26b8c4; font-size: 18px; font-weight: 300; margin-left: 5px; }
.mapContent .shopsList #leveltext{ color: #26b8c4; font-size: 18px; line-height: 23px; font-weight: 300; }
.mapContent .shopsList ul{ list-style: none; margin: 0 0 0 10px; }
.mapContent .shopsList ul li{ display: inline-block; padding:  6px 4px; font-size: 11px; font-weight: 500; cursor: pointer; }
.mapContent .shopsList ul li:hover{ background-color: #26b8c4; color: #FFF; }
.mapContent .shopsList ul li.tmpActive{ background-color: #26b8c4; color: #FFF; }
.mapContent .shopsList ul li.active{ background-color: #ef9303; color: #FFF; }


@media screen and (max-width: 960px){ .filterOnMap.filterBox .pack .column{ width: 100% !important; } .filterBox.lightWeight .floorChoose span{font-size: 12px !important; margin: 0 6px !important; display: inline-block; } }
@media screen and (max-width: 768px){ .mapContent .topHeader .shopInfo .showShopCard .icon{ margin-right: 5px; } .mapContent .topHeader .shopInfo .showShopCard .icon img{ width: 30px; } .mapContent .topHeader .shopInfo .showShopCard .title h3{ font-size: 18px; line-height: 18px; } .mapContent .topHeader .shopInfo .showShopCard .title h4{ font-size: 9px; line-height: 11px; } .mapContent .topHeader .shopInfo .showShopCard{ height: 65px; } .mapContent .topHeader .shopInfo #shopDesc h3{ font-size: 19px; line-height: 17px; margin-bottom: 5px; } .mapContent .topHeader .shopInfo #shopDesc img{ width: 100%; max-width: 188px; } .mapContent .legend{ display: none; } .mapContent .floorChoose{ display: inline-block; } .filterOnMap.lightWeight .floorChoose{ display: none; } .mapContent .w75{ padding: 0; margin-top: 15px; }}

/* ### FILTROWANIE ### */
.filterBox{ position: relative; padding-bottom: 20px; margin-top: 10px; }
.filterBox .pack{ padding: 15px 15px 25px 15px; background-color: #0b0a0b; }
.filterBox .row{ display: block; width: 100%; }
.filterBox .column{ display: inline-block; }
.filterBox h4{ color: #26b8c4; font-family: Helvetica, Arial; font-size: 15px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; display: block; text-align: left; }
.filterBox input[type="text"]{ background-color: #e6e6e6; border: medium none; color: #595959; font-family: Helvetica, Arial; font-size: 13px; height: 32px; line-height: 32px; padding: 0 20px; width: 70%; vertical-align: top; }
.filterBox input[type="text"]:focus{ background-color: #FFF; }
.filterBox input[type="submit"]{ width: 30%; }
.filterBox .floorChoose span{ color: #656565; font-size: 19px; font-weight: 100; display: inline-block; margin-right: 25px; /*text-transform: uppercase;*/ cursor: pointer; margin-bottom: 10px; }
.filterBox .floorChoose span em{ font-size: 31px; font-weight: 500; margin-left: 5px; font-style: normal; }
.filterBox .floorChoose span:hover{ color: #A4A4A4; }
.filterBox .floorChoose span.active{ color: #FFF; }
.filterBox .categoryChoose span{ color: #656565; font-size: 12px; display: inline-block; padding: 5px; margin: 2px 7px; text-transform: uppercase; cursor: pointer; }
.filterBox .categoryChoose span:hover{ color: #A4A4A4; }
.filterBox .categoryChoose span.active{ color: #FFF;  }
.filterBox .contentHolder{ overflow: hidden; }
.filterBox .buttonHolder{ position: absolute; bottom: 12px; width: 100%; text-align: center; }
.filterBox .buttonHolder .buttonMore{ display: inline-block; }
.filterBox .searchErrors span{ margin:  30px 0 10px }

.filterBox.lightWeight .floorChoose span{ font-size: 16px; margin: 0 12px; padding: 4px 0; vertical-align: bottom; }
.filterBox.lightWeight .floorChoose span em{ font-size: 26px; margin: 0; }
.filterBox.lightWeight .searchByName input{ text-align: center; }
.filterBox.lightWeight .categoryChoose{ text-align: center; margin: 10px 0 5px; }
.filterBox.lightWeight .categoryChoose span{ margin: 2px 3px; }

.filterBox .pack .searchByName .ui-autocomplete{ z-index: 1000; height: 226px; position: absolute; background: #F8F8F8; margin: 0; overflow: auto; margin-right: 15px; width: 486px; }
.filterBox .pack .searchByName .ui-autocomplete li{ height: 100px; float: left; display: table; overflow: visible; width: 25%; border: .5px solid #FFF; color: #ffffff; cursor: pointer; font-family: Helvetica, Arial; font-size: 11px; font-weight: 300; line-height: 17px; margin: 0 !important; }
.filterBox .pack .searchByName .ui-autocomplete li:hover{ background-color: #FFF; border: medium none !important; color: #26b8c4; margin: 0; }
.filterBox .pack .searchByName .ui-autocomplete li div{ background: none; color: #5C5C5C; font-size: 13px; padding: 0px; line-height: 13px; display: table-cell; vertical-align: middle; font-family: Helvetica, Arial; text-align: center; text-transform: uppercase; }
.filterBox .pack .searchByName .ui-autocomplete li div img{ width: 90px; }
.filterBox .pack .searchByName .ui-autocomplete li div span{ display: block; font-size: 10px; font-weight: 500; line-height: 13px; padding: 0 3px; text-transform: capitalize; }

@media screen and (max-width: 960px){ .filterBox .floorChoose span{ font-size: 16px; display: block; } }
@media screen and (max-width: 768px){ .filterBox .floorChoose span{ display: block; } .filterBox input{ width: 100% !important; } .filterBox input[type="text"]{ height: 50px; line-height: 50px; } .filterBox.lightWeight input[type="text"]{ height: 32px; line-height: 32px; } .filterBox .floorChoose, .filterBox .categoryChoose{ text-align: center; } .filterBox.lightWeight .floorChoose{ display: none; } }
@media screen and (max-width: 390px){ .filterBox{ display: none; } }


/* ### PAGER ### */
.mainContent .pager{ display: block; width: 100%; text-align: center; margin: 15px 0; }
.mainContent .pager ul{ margin: 0; }
.mainContent .pager ul li{ display: inline-block; }
.mainContent .pager ul li a{ color: #1a171b; font-size: 16px; font-family: Helvetica, Arial; font-weight: 300; display: block; padding: 0px 9px; }
.mainContent .pager ul li.selected a{ color: #26b8c4; }
.mainContent .pager ul li:hover a{ color: #FFF; background-color: #26b8c4; }
.mainContent .pager ul li.previous:hover a{ color: #26b8c4; background-color: transparent;}
.mainContent .pager ul li.next:hover a{color: #26b8c4; background-color: transparent; }
.mainContent .pager ul li.hidden a{ color: #CBCBCB !important; cursor: text; cursor: not-allowed; }
@media screen and (max-width: 480px){ .mainContent .pager ul li a{ font-size: 14px; padding: 2px 7px; }  .mainContent .pager ul li.previous, .mainContent .pager ul li.next{ display: block; } .mainContent .pager ul li.previous a, .mainContent .pager ul li.next a{ padding: 10px 0; font-size: 18px; } }

/* ### GALERIA ### */
.mainContent .gallery{ display: block; width: 100%; margin: 30px 0 20px; }
.mainContent .gallery .element{ display: inline-block; overflow: hidden; text-align: center; width: 24%; margin: 5px 0.5% 5px; height: 150px; position: relative; }
.mainContent .gallery .element .zoomIn{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../img/zoomIn.png) no-repeat center -250%; z-index: 1; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; cursor: pointer; cursor: -moz-zoom-in; }
.mainContent .gallery .element:hover .zoomIn{ background-color: rgba(255,255,255, 0.7); background-position: center center; }
.mainContent .gallery .element img{ height: 100%; }
.mainContent .gallery.oneImg{ margin: 0 !important; }
.mainContent .gallery.oneImg .element{ margin: 0 !important; height: auto !important; width: auto !important; }
@media screen and (max-width: 768px){ .mainContent .gallery .element{ width: 32%; margin: 0 0.5% 10px; } }
@media screen and (max-width: 480px){ .mainContent .gallery .element{ width: 49%; margin: 0 0.5% 10px; } }

/* ### FOOTER ### */
.galleryInfo .container{ padding: 40px 20px 35px 20px; background: url(../img/footer_mesh.png) no-repeat -270px top #1a171b; }
.galleryInfo .logo{ width: 20%; display: inline-block; vertical-align: top; text-align: center; line-height: 250px; }
.galleryInfo div h2{ color: #26b8c4; padding-left: 50px; margin-bottom: 40px; height: 27px; line-height: 26px; font-size: 28px; font-weight: 100; text-transform: uppercase; background-image: url(../img/footerTitle_icons.png); background-repeat: no-repeat; overflow: hidden; }
.galleryInfo div .box{ width: 36%; margin-left: 4%; display: inline-block; vertical-align: top; }
.galleryInfo div .text{ margin-left: 50px; }
.galleryInfo .galleryAbout h2{ background-position: 0 0; }
.galleryInfo .galleryAbout .text p{ text-align: justify; font-size: 12px; line-height: 17px; font-family: Helvetica, Arial; font-weight: 300; color: #777677; margin-bottom: 15px; }
.galleryInfo .galleryHours h2{ background-position: 0 -27px; }
.galleryInfo .galleryHours .text p{ font-size: 12px; font-family: Helvetica, Arial; font-weight: 500; color: #dadada; margin-top: 20px; }
.galleryInfo .galleryHours .text p:first-child{ margin-top: 0px; }
.galleryInfo .galleryHours .text .row{ display: block; padding-right: 15px; }
.hoursBlock .text .row span{ font-size: 12px; font-family: Helvetica, Arial; font-weight: 300; color: #777677; display: initial; }
.hoursBlock .text .row span:last-child{ float: right; }
@media screen and (max-width: 960px){ .galleryInfo .container{ padding: 30px 10px 25px 10px; } .galleryInfo div .box{ margin-left: 2%; width: 38%; } .galleryInfo div h2{ font-size: 23px; margin-bottom: 25px; padding-left: 40px; } .galleryInfo div .text{ margin-left: 40px; } }
@media screen and (max-width: 768px){ .galleryInfo .logo{ display: none; } .galleryInfo .box.galleryAbout{ margin-left: 5%;width: 95%; padding-right: 15px; } .galleryInfo .box.galleryHours{ margin-left: 5%; width: 95%; margin-top: 15px; } }
@media screen and (max-width: 480px){ .galleryInfo div .box{ width: 100% !important; margin-left: 0 !important; } .galleryInfo .galleryHours .text p{ margin-top: 10px; } }

footer{ background-color: #0b0a0b; }
footer .container{ padding: 65px 35px 55px 35px; }
footer .box{ margin-right: 50px; display: inline-block; vertical-align: top; }
footer .box h2{ color: #fefefe; text-transform: uppercase; font-size: 16px; margin-bottom: 2px; }
footer .box span{ color: #5a5a5a; text-transform: uppercase; font-size: 12px; display: block; line-height: 17px; }
footer .box.nwsltr{ float: right; margin: 0; }
footer .box.nwsltr h2{ margin-bottom: 15px; }
footer .box.nwsltr input{ vertical-align: top; display: inline-block; margin: 0; }
footer .box.nwsltr input[type="text"]{ background-color: #202020; border: 1px solid #202020; color: #b9b9b9; font-family: Helvetica, Arial; font-size: 13px; height: 35px; line-height: 35px; padding: 0 20px 0 27px; background-repeat: no-repeat; background-position: 6px center; }
footer .box.nwsltr input[type="text"]:focus{ background-color: #2B2B2B; }
footer .box.nwsltr input[type="submit"]{ padding: 0 15px; height: 35px; line-height: 35px; }
footer .box.nwsltr input.buttonDisabled, footer .box.nwsltr.error input[type="submit"]{ background-color: #8f8e8f; }
footer .box.nwsltr.error input[type="text"]{ background-image: url(../img/nwsltrError_icon.png); border: 1px solid #8B0000; }
footer .box.nwsltr.error input[type="submit"]{ background-color: #8B0000; }
footer .box.nwsltr.success input[type="text"]{ background-image: url(../img/nwsltrSuccess_icon.png); border: 1px solid #6eb562; }
footer .box.nwsltr.success input[type="submit"]{ background-color: #6eb562; }
footer .box.nwsltr.validating input[type="text"]{ background-image: url(../img/nwsltrValidate_icon.png); border: 1px solid #444444; }
footer .box.nwsltr.validating input[type="submit"]{ background-color: #444444; }
footer .copyright{ background-color: #232323; width: 100%; height: 35px; text-align: center; }
footer .copyright span, footer .copyright span a{ font-size: 10px; font-weight: 300; text-transform: uppercase; font-family: Helvetica, Arial; line-height: 35px; color: #525252; white-space: nowrap; }
footer .copyright span:nth-child(1){ font-size: 12px; font-weight: 500; }
footer .copyright span:nth-child(2){ text-transform: lowercase; padding: 0 10px; }
footer .copyright span a:hover{ color: #26b8c4; }
@media screen and (max-width: 768px){ footer .container{ padding: 30px 20px 25px 20px; } footer .box{ margin: 0; width: 50%; text-align: center; } footer .box.nwsltr{ float: none; margin-top: 15px; width: 100%; } }
@media screen and (max-width: 480px){ footer .container{ padding: 20px 10px; } footer .box{ width: 100%; text-align: center; margin-bottom: 10px; } }

/* ### PAGE 404 ### */
.errorPage{ margin: 10px 0 30px; }
.errorPage .errorBlock{ text-align: right; }
.errorPage .errorText{ display: inline-block; }
.errorPage .errorText span{ color: #232323; font-family: Helvetica, Arial; font-size: 72px; font-weight: 500; text-transform: uppercase; line-height: 72px; }
.errorPage .errorText span strong{ color: #10a2b4; font-family: Helvetica, Arial; font-size: 72px; font-weight: 500; }
.errorPage .errorText p{ color: #10a2b4; font-family: Helvetica, Arial; font-size: 35px; font-weight: 100; line-height: 35px; }
.errorPage .errorImg{ display: inline-block; margin-left: 25px; }
.errorPage .text{ color: #c3c3c3; font-family: Helvetica, Arial; font-size: 25px; font-weight: 500; text-align: center; margin: 60px 0 50px; display: block; }
.errorPage .errorExtras{ padding-left: 140px; }
.errorPage .errorExtras span{ color: #45c1cb; font-family: Helvetica, Arial; font-size: 25px; font-weight: 500; line-height: 35px; margin-bottom: 15px; }
.errorPage .errorExtras ul{ list-style: none; margin-left: 30px; margin-top: 10px; }
.errorPage .errorExtras ul li{ color: #cbcbcb; font-family: Helvetica, Arial; font-size: 18px; font-weight: 100; line-height: 26px; }
.errorPage .errorExtras .errorLink{ display: block; text-transform: uppercase; color: #232323; font-size: 14px; padding-left: 30px; background: url(../img/arrowLeft.png) no-repeat center left; font-weight: 500; margin: 20px 0 20px 20px; font-family: Helvetica, Arial; }
.errorPage .errorExtras .errorLink:nth-child(1){ margin-top: 40px; }
@media screen and (max-width: 960px){ .errorPage .text, .errorPage .errorExtras span{ font-size: 22px; } .errorPage .errorExtras ul li{ font-size: 16px; } .errorPage .errorExtras{ padding-left: 40px; } }
@media screen and (max-width: 768px){ .errorPage .text, .errorPage .errorExtras span{ font-size: 20px; } .errorPage .errorExtras .column{ text-align: center; } .errorPage .errorExtras{ padding-left: 0px; }}

.emptyMessage span{ color: #26b8c4; font-family: Helvetica, Arial; font-size: 16px; font-weight: 500; margin: 20px 0 10px; display: block; text-align: center; cursor: pointer; }
.emptyMessage strong.button{ background-color: #26b8c4; color: #ffffff; font-size: 16px; font-weight: 300; padding: 5px 10px; }
.filterDisabled2{ display: none !important; }

@media screen and (max-width: 960px){  }
@media screen and (max-width: 768px){  }
@media screen and (max-width: 480px){  }