/* RESET------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.clr {clear: both; overflow: hidden; height: 0px;}
header, nav, section, article, aside, footer {display: block;}

.powstanie {margin: 0 0 20px 0; display: block;}


/* WCAG */
#wcag {word-spacing: 0px; letter-spacing: 0px; line-height: 1.4;} 


.menu_wcag_btn {cursor: pointer; background: url(/img/wcag_icon.png) center center no-repeat #fff; width: 48px; height: 50px;}
.menu_wcag_btn:hover {background-color: #ffff00;}
.menu_wcag ul {background-color: #fff; position: absolute; top: 50px; right: 0; z-index: 1000; padding: 10px; display: none; width: 140px; text-align: center; -webkit-box-shadow: 0px 0px 21px -1px rgba(148, 148, 150, 1); -moz-box-shadow: 0px 0px 21px -1px rgba(148, 148, 150, 1); box-shadow: 0px 0px 21px -1px rgba(148, 148, 150, 1);}
.menu_wcag_item_title {font-size: 15px; text-align: center; color: #868686; display: block; padding: 0 0 5px 0;}
.menu_wcag_item .counter {color: initial; width: 10px; height: 50px; line-height: 50px; vertical-align: top; text-align: center; display: inline-block;}

.menu_wcag_item_btn {width: 50px; height: 50px; border: 0; margin: 0 5px; display: inline-block;}

.line-height_minus {background: url(/img/line-height_minus.png) center center no-repeat #aeaeae;}
.line-height_plus {background: url(/img/line-height_plus.png) center center no-repeat #aeaeae;}
.paragraph-height_minus {background: url(/img/paragraph-height_minus.png) center center no-repeat #aeaeae;}
.paragraph-height_plus {background: url(/img/paragraph-height_plus.png) center center no-repeat #aeaeae;}
.letter-spacing_minus {background: url(/img/letter-spacing_minus.png) center center no-repeat #aeaeae;}
.letter-spacing_plus {background: url(/img/letter-spacing_plus.png) center center no-repeat #aeaeae;}
.word-spacing_minus {background: url(/img/word-spacing_minus.png) center center no-repeat #aeaeae;}
.word-spacing_plus {background: url(/img/word-spacing_plus.png) center center no-repeat #aeaeae;}

.menu_wcag_item_btn.clickable {background-color: #868686; cursor: pointer;}
.menu_wcag_item_btn.clickable:hover {background-color: #580614;}

@media (min-width:1px) {
    .menu_wcag {position: absolute; top: 100px; right: 0px; line-height: 1.4;}
}
@media (min-width:480px) {
}
@media (min-width:640px) {
}
@media (min-width:768px) {
}
@media (min-width:1024px) {
    .menu_wcag {position: absolute; top: 18px; right: -60px; line-height: 1.4;}
}
@media (min-width:1366px) {
    .menu_wcag {position: absolute; top: 18px; right: -90px; line-height: 1.4;}
}
@media (min-width:1600px) {
    .menu_wcag {position: absolute; top: 18px; right: -100px; line-height: 1.4;}
}
    

/* BODY--------------------------------------------------------------------------------------------------------------------------------------------------- */
body {font: normal 14px/1.3 'Muli', sans-serif; font-weight: 400; color: #000;}
.container {margin: 0 auto; position: relative;}
#home_page {padding: 40px 0 60px 0; margin: 0 auto;}
.online {position: fixed; left: 0; z-index: 100000;}

@media (min-width: 1px) {
    .container {width: 300px; min-width: 300px;}
    .online {bottom: 30px;}
    .online img {width: 55px; height: auto;}
}
@media (min-width: 480px) {
    .container {width: 400px;}
}
@media (min-width: 640px) {
    .container {width: 560px;}
}
@media (min-width: 768px) {
    .container {width: 700px;}
    .online img {width: 60px; height: auto;}
}
@media (min-width: 1024px) {
    .container {width: 900px;}
    .moniuszko {display: inline-block; margin: 25px 5px 0 0; vertical-align: top;}
    .moniuszko img {width: 110px; height: auto;}
    .online {bottom: no; top: 130px;}
}
@media (min-width: 1366px) {
    .container {width: 1100px;}
    .moniuszko {display: inline-block; margin: 24px 10px 0 0; vertical-align: top;}
    .online {top: 230px;}
    .online img {width: 75px; height: auto;}
}
@media (min-width: 1600px) {
    .container {width: 1300px;}
    .moniuszko {display: inline-block; margin: 23px 20px 0 0; vertical-align: top;}
    .online {top: 285px;}
    .online img {width: 89px; height: auto;}
}

/* HEADER------------------------------------------------------------------------------------------------------------------------------------------------- */
#header_top {border-top: 30px solid #000; height: 86px; width: 100%; background-color: #590715; position: relative; z-index:1; position: fixed; top: 0px; z-index: 1000; transition: all .3s; transform: translateY(0);}
#header_top.hidden {transition: all .25s; transform: translateY(-116px);}
#header_logo {float: left; width: 60px; padding: 12px 0 0 0;}
#header_lang {position: absolute; top: -30px; right: 0px;}
.fontsize {position: absolute; top: -25px; right: 210px; line-height: 20px; vertical-align: middle; color: #ceb683;}
.fontsize a span:hover {color: #fff;}
.fontsize span {display: inline-block; padding: 0 0 0 5px; font-weight: 700; cursor: pointer;}
.contrast {position: absolute; top: -25px; right: 80px; line-height: 20px; vertical-align: middle; color: #ceb683;}
.contrast img {margin: 0 0 2px 5px; vertical-align: middle;}
#header_lang li {float: left; text-transform: uppercase; font-size: 13px; line-height: 1;}
#header_lang li a {padding: 9px 5px 8px 5px; color: #ceb683; display: block;}
#header_lang li a:hover, #header_lang li a.selected {background-color: #ceb683; color: #fff;}

.ue {display: block; float: left; width: 170px; height: 41px; margin: 23px 0 0 0;}
.ue_min {display: block; float: left; width: 83px; height: 51px; margin: 20px 0 0 0;}

/* SEARCH------------------------------------------------------------------------------------------------------------------------------------------------- */

#search_results {margin: 40px 0 0 0;}
#search-form input {color: #ceb683; border: 0px solid #fff; padding: 0px; margin: 0px; font-size: 15px;  vertical-align: middle;}
#search-form input[type="submit"] {width: 24px; height: 24px; background: url(/img/bg_search.png) center center no-repeat; cursor: pointer;}
.search_item {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d9d9d9;}
.search_title {font-size: 21px; line-height: 1.1; color: #ceb683; margin: 0 0 15px 0;}
.search_desc {margin: 0 0 15px 0;}
#page_search input[type="text"] {padding: 8px 10px;}

@media (min-width: 1px) {
    #search-form {display: none;}
    .search_content {width: 300px;}
    .search_item .btn {margin-top: 10px;}
    #page_search input[type="text"] {width: 190px;}
    #search-form input {width: 80px;}
    #search-form {position: absolute; top: 33px; right: 120px;}
    .ue {display: none;}
    #header_logo {margin: 0 30px 0 0;}
}
@media (min-width: 480px) {
    .search_content {width: 400px;}
    #search-form {position: absolute; top: 33px; right: 150px;}
}
@media (min-width: 640px) {
    #search-form {display: block;}
    .search_content {width: 410px; float: left;}
    .search_item .btn {margin-top: 0px; float: right;}
}
@media (min-width: 768px) {
    .search_content {width: 550px;}
    #header_logo {margin: 0 150px 0 0;}
}
@media (min-width: 1024px) {
    .search_content {width: 750px;}
    #search-form {position: absolute; top: 32px; right: 0px;}
    #header_logo {margin: 0 15px 0 0;}
    .ue_min {display: none;}
    .ue {display: none;}
}
@media (min-width: 1366px) {
    .search_content {width: 950px;}
    #header_logo {margin: 0 30px 0 0;}
}
@media (min-width: 1600px) {
    .search_content {width: 1150px;}
    #header_logo {margin: 0 135px 0 0;}
}

/* NAV---------------------------------------------------------------------------------------------------------------------------------------------------- */
#nav_main ul {display: inline-block;}
#nav_main li:last-child {margin: 0;}
#nav_main li a {color: #fff; font-weight: 400; padding: 0 0 25px 0; display: block; -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative;}
#nav_main li a:before {position: absolute; top: 28px; left: 50%; right: auto; bottom: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
    -webkit-transition: width 0.2s ease; transition: width 0.2s ease; background: #ceb683; content: ''; height: 1px; width: 0;}
#nav_main li a:hover, #nav_main li a.selected {color: #ceb683;}
#nav_main li a:hover:before, #nav_main li a.selected:before {width: 100%;}

#nav_main li:last-child a {position: relative; background: url(/img/logo_ue.png) right center no-repeat; padding: 20px 100px 20px 0;}
#nav_main li:last-child a:before {display: none;}


#sub_nav {margin: 0 0 30px 0;}
#sub_nav li {position: relative;}
#sub_nav li a {font-size: 18px; background: url(/img/bg_subnav.png) 0px 19px no-repeat; display: inline-block; padding: 15px 0 15px 15px; line-height: 1.1; color: #000; position: relative;}
#sub_nav li li a {font-size: 16px; background: none; display: inline-block; padding: 15px 0 0 15px; line-height: 1.1; color: #000; position: relative;}
#sub_nav li a:after {position: absolute; top: auto; left: 0; right: auto; bottom: 0px; -webkit-transition: width 0.2s ease,background 0.2s ease; transition: width 0.2s ease,background 0.2s ease;
background: #ceb683; content: ''; height: 1px; width: 25px;}
#sub_nav li li a:after {width: 0px;}
#sub_nav li a:hover, #sub_nav li a.selected {color: #ceb683; background: url(/img/bg_subnav_h.png) 0px 19px no-repeat;}
#sub_nav li li a:hover, #sub_nav li li a.selected {background: none;}
#sub_nav li a:hover:after, #sub_nav li a.selected:after {width: 100%;}
#sub_nav li li a:hover:after, #sub_nav li li a.selected:after {width: 0%;}

#rwd-menu-button {float: right; color: #fff; text-align: left; font: normal 20px/86px 'Muli', sans-serif; font-weight: 400; background: url(/img/bg_rwd_menu.png) right center no-repeat; display: block; height: 86px; z-index: 20; cursor: pointer; width: 100px;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat; display: block;}
#rwd-menu-container {display: none; position: absolute; top: 86px; right: 0px; z-index: 1119; padding: 20px; height: auto; background-color: #74071a; text-align: right;}
.rwd-main ul {margin: 0 auto; display: block; list-style-type: none;}
.rwd-main li {border-top: 1px solid #903948;}
.rwd-main li:first-child {border-top: 0px solid #fff;}
.rwd-main li a {display: block; font: normal 18px/35px 'Muli', Tahoma, Arial, sans-serif; text-align: left; color: #fff; font-weight: 300;}
.rwd-main li a:hover, .rwd-main li a.selected {color: #ceb683;}

@media (min-width: 1px) {
    #nav_main {display: none;}
    #rwd-menu-container {width: 260px;}
}
@media (min-width: 480px) {
    #rwd-menu-container {width: 360px;}
}
@media (min-width: 640px) {
    #rwd-menu-container {width: 260px;}
}
@media (min-width: 768px) {
    #sub_nav {width: 170px;}
}
@media (min-width: 1024px) {
    #nav_rwd {display: none;}
    #nav_main {display: block;}
    #nav_main ul {margin: 33px 0 0 0;}
    #nav_main li a {font-size: 14px;}
    #nav_main li {float: left; margin: 0 8px 0 0;}
    /*#nav_main li:last-child a:before {top: -10px; left: 90px;}*/
    #nav_main li:last-child a {margin: -20px 0 0 0;}
}
@media (min-width: 1366px) {
    #nav_main ul {margin: 31px 0 0 0;}
    #nav_main li a {font-size: 15px;}
    #nav_main li {float: left; margin: 0 20px 0 0;}
    /*#nav_main li:last-child a:before {top: -8px; left: 90px;}*/
    #nav_main li:last-child a {margin: -20px 0 0 0;}
}
@media (min-width: 1600px) {
    #nav_main li {float: left; margin: 0 25px 0 0;}
}


/* HOME BANNER-------------------------------------------------------------------------------------------------------------------------------------------- */
#banner_home {background-color: #000; width: 100%; position: relative; height: 1010px; overflow: hidden;}
#banner_home .slide {width: 100%;}

#banner_home .slide_image {width: 100%; position: absolute; top: 0px; left: 0px; margin: 0 auto; background-size: cover !important;
-webkit-transition: all 9s linear; -moz-transition: all 9s linear; -o-transition: all 9s linear; transition: all 9s linear;}
#banner_home .slide.selected .slide_image {transform: scale(1.17);}

.slide_text .author {color: #fff; font-size: 14px; text-transform: uppercase;  display: inline-block; margin: 0 0 10px 0;}
.slide_text .author .cntnr {border-bottom: 1px solid #fff; padding: 0 0 10px 0;}
.slide_text .title .cntnr {font-weight: 800;}
.slide_text .desc .cntnr {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0 0 0;}

#banner_home_nav {text-align: center; padding: 15px 0; position: absolute; z-index: 100; width: 100%; margin: 0 auto;}
#banner_home_nav a {width: 14px; height: 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #fff; display: inline-block; margin: 0 3px;}
#banner_home_nav a:hover, #banner_home_nav a.selected {border: 1px solid #fff; background-color: #fff;}
#banner_home_slidetabs {display: none;}

#banner_home .btn {border: 1px solid #ceb683; color: #ceb683; background-image: url(/img/bg_btn.png); margin: 0 10px 0 0;}
#banner_home .btn:hover {border: 1px solid #fff; color: #fff; background-image: url(/img/bg_btn_s.png);}

#banner_home .btn_negative {border: 1px solid #ceb683; color: #000; background-image: url(/img/bg_btn_h.png); background-color: #ceb683;}
#banner_home .btn_negative:hover {border: 1px solid #4b4b4b; color: #fff; background-image: url(/img/bg_btn_s.png); background-color: #4b4b4b;}

.scroll_down {position: absolute; left: 50%; margin-left: -9px; display: inline-block; background-image: url(/img/bg_scroll.png); background-size: 100% 100%; width: 18px;
    height: 44px; -webkit-transform-origin: 0; transform-origin: 0; -webkit-animation-name: arrowDown; animation-name: arrowDown; -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: linear;
    animation-timing-function: linear;}

@-webkit-keyframes arrowDown {
    0%, 100% {transform: translateY(0)}
    50% {transform: translateY(10px)}
}

@keyframes arrowDown {
    0%, 100% {transform: translateY(0)}
    50% {transform: translateY(10px)}
}

@media (min-width: 1px) {
    #banner_home .slide_text {padding: 150px 0 0 0; width: 100%;}
    .slide_text .title {color: #ceb683; font-size: 42px; margin: 0 0 30px -4px;}
    .slide_text .desc {display: none;}
    .scroll_down {bottom: 20px;}
    #banner_home_nav {bottom: 70px;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    #banner_home .slide_text {padding: 200px 0 0 0; width: 300px;}
    .slide_text .title {color: #ceb683; font-size: 42px; margin: 0 0 30px -4px;}
    .slide_text .desc {display: block; color: #fff; font-size: 14px; font-weight: 500; margin: 30px 0 40px 0; width: 300px;}
    #banner_home_nav {bottom: 80px;}
}
@media (min-width: 1024px) {
    #banner_home .slide_text {padding: 200px 0 0 0; width: 400px;}
    .slide_text .title {color: #ceb683; font-size: 52px; margin: 0 0 30px -4px;}
    .slide_text .desc {color: #fff; font-size: 14px; font-weight: 500; margin: 30px 0 40px 0; width: 400px;}
    .scroll_down {bottom: 30px;}
    #banner_home_nav {bottom: 90px;}
}
@media (min-width: 1366px) {
    #banner_home .slide_text {padding: 200px 0 0 0; width: 500px;}
    .slide_text .title {color: #ceb683; font-size: 62px; margin: 0 0 30px -4px;}
    .slide_text .desc {color: #fff; font-size: 15px; font-weight: 500; margin: 30px 0 40px 0; width: 400px;}
    .scroll_down {bottom: 40px;}
    #banner_home_nav {bottom: 100px;}
}
@media (min-width: 1600px) {
    #banner_home .slide_text {padding: 250px 0 0 0; width: 600px;}
    .slide_text .title {color: #ceb683; font-size: 72px; margin: 0 0 30px -4px;}
    .slide_text .desc {color: #fff; font-size: 16px; font-weight: 500; margin: 30px 0 40px 0; width: 400px;}
    .scroll_down {bottom: 50px;}
    #banner_home_nav {bottom: 110px;}

}

/* HOME MINIBANNER-------------------------------------------------------------------------------------------------------------------------------------------- */
.minibanner_item {background-size: cover !important; position: relative;}
.minibanner_text {line-height: 1.2; max-width: 425px;}
.minibanner_title {font-size: 19px; color: #ceb683;}
.minibanner_subtitle {font-size: 26px; color: #fff;}
.minibanner_item .btn {border: 1px solid #ceb683; color: #fff; background-image: url(/img/bg_btn_s.png); background-color: #ceb683;}
.minibanner_item .btn:hover {border: 1px solid #811714; color: #ceb683; background-image: url(/img/bg_btn.png); background-color: #811714;}

@media (min-width: 1px) {
    #minibanners {height: 370px; width: 300px; margin: 0 auto;}
    .minibanner_item {height: 185px; width: 300px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 185px; width: 300px;}
    .minibanner_item .btn {position: absolute; bottom: 30px; left: 35px;}
    .minibanner_text {position: absolute; top: 25px; left: 35px;}
}
@media (min-width: 480px) {
    #minibanners {height: 492px; width: 400px; margin: 0 auto;}
    .minibanner_item {height: 246px; width: 400px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 246px; width: 400px;}
    .minibanner_item .btn {position: absolute; bottom: 30px; right: 35px; left: auto;}
    .minibanner_text {position: absolute; bottom: 25px; left: 35px; top: auto;}
}
@media (min-width: 640px) {
    #minibanners {height: 690px; width: 560px; margin: 0 auto;}
    .minibanner_item {height: 345px; width: 560px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 345px; width: 560px;}
}
@media (min-width: 768px) {
    #minibanners {height: 862px; width: 700px; margin: 0 auto;}
    .minibanner_item {height: 431px; width: 700px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 431px; width: 700px;}
}
@media (min-width: 1024px) {
    #minibanners {height: 277px; width: 900px; margin: 0 auto;}
    .minibanner_item {float: left; height: 277px; width: 450px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 277px; width: 450px;}
}
@media (min-width: 1366px) {
    #minibanners {height: 338px; width: 1100px; margin: 0 auto;}
    .minibanner_item {float: left; height: 338px; width: 550px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 338px; width: 550px;}
}
@media (min-width: 1600px) {
    #minibanners {height: 400px; width: 1300px; margin: 0 auto;}
    .minibanner_item {float: left; height: 400px; width: 650px;}
    .minibanner_bg {background: url(/img/bg_minibanner_bg.png) bottom center repeat-x; width: 100%; height: 400px; width: 650px;}
}

/* HOME LOGO ---------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (min-width: 1px) {
     #home_logo {text-align: center;}
     .logo_item {display: inline-block; padding: 0 4px;}
    .logo_item img {height: 65px; width: auto;}
}
@media (min-width: 480px) {
    .logo_item {display: inline-block; padding: 0 4px;}
    .logo_item img {height: 75px; width: auto;}
}
@media (min-width: 640px) {
    .logo_item {display: inline-block; padding: 0 4px;}
    .logo_item img {height: 80px; width: auto;}
}
@media (min-width: 768px) {
    .logo_item {display: inline-block; padding: 0 8px;}
    .logo_item img {height: 100px; width: auto;}
}
@media (min-width: 1024px) {
    #home_logo {text-align: left;}
    .logo_item {display: inline-block; padding: 0 4px;}
    .logo_item img {height: 60px; width: auto;}
}
@media (min-width: 1366px) {
    .logo_item {display: inline-block; padding: 0 6px;}
    .logo_item img {height: 75px; width: auto;}
}
@media (min-width: 1600px) {
    .logo_item {display: inline-block; padding: 0 8px;}
    .logo_item img {height: 90px; width: auto;}
}

/* MISSION ---------------------------------------------------------------------------------------------------------------------------------------------------*/
.mission_title {font-weight: 700; margin: 0 0 5px 0;}

/* SOCIAL MEDIA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#social_media {font-size: 18px;}
.fb_ico {background: url(/img/ico/fb_ico.png) top center no-repeat; width: 35px; height: 35px; display: inline-block; margin: 10px 10px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.tw_ico {background: url(/img/ico/tw_ico.png) top center no-repeat; width: 35px; height: 35px; display: inline-block; margin: 10px 10px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.yt_ico {background: url(/img/ico/yt_ico.png) top center no-repeat; width: 35px; height: 35px; display: inline-block; margin: 10px 10px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.in_ico {background: url(/img/ico/in_ico.png) top center no-repeat; width: 35px; height: 35px; display: inline-block; margin: 10px 0 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.fb_ico:hover, .tw_ico:hover, .yt_ico:hover, .in_ico:hover {background-position: 0px -35px;}

@media (min-width: 1px) {
    #home_logo {width: 100%; padding: 40px 0 20px 0; border-bottom: 1px solid #dbdbdb;}
    #mission {width: 100%; padding: 40px 0 0 0;}
    #social_media {width: 100%; padding: 35px 0;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    /*#home_logo {width: 52%; float: left; padding: 40px 0;}*/
    #mission {width: 70%; float: left; padding: 40px 0;}
    #social_media {width: 25%; float: right; padding: 35px 0; text-align: right;}
}
@media (min-width: 1366px) {
    /*#home_logo {width: 44%; float: left; padding: 40px 0;}*/
    #mission {width: 70%; float: left; padding: 40px 0;}
    #social_media {width: 25%; float: right; padding: 35px 0;}
}
@media (min-width: 1600px) {
    /*#home_logo {width: 40%; float: left; padding: 40px 0;}*/
    #mission {width: 70%; float: left; padding: 40px 0;}
    #social_media {width: 25%; float: right; padding: 35px 0;}
}

/* HISTORY -----------------------------------------------------------------------------------------------------------------------------------------------*/
.history #page_accordion_list { padding: 45px 0;}
.history .accordion_container {position: relative; height: 100%; background: url(/img/bg_accordion_list.jpg) top center repeat-y;}
.history .accordion_header {background-color: #fff; border-bottom: 0px solid #d9d9d9; color: #ceb683; font: normal 42px/1 'Muli', sans-serif; font-weight: 600; padding: 10px 15px; width: 100px; height: 50px; text-align: center;}
.history .accordion_content strong {color: #ceb683;}
.history .accordion_content p {font-size: 14px;}
.history .accordion_container {margin: 0px;}
.history .accordion_header {display: inline; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}

@media (min-width: 1px) {
    .history .accordion_container {padding: 50px 0;}
    .history .accordion_content {text-align: center; background-color: #fff; padding: 20px 0;}
    .history .accordion_header {margin: 0 auto 20px auto;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    .history .accordion_container {width: 560px; padding: 10px 0;}
    .history .accordion_content {width: 35%; text-align: left; padding: 0;}
    .history .accordion_container:nth-child(even) .accordion_content {float: left; text-align: right;}
    .history .accordion_container:nth-child(odd) .accordion_content {float: right;}
    .history .accordion_header {display: inline; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}

}
@media (min-width: 768px) {
    .history .accordion_container {width: 500px;}
    .history .accordion_content {width: 38%;}
}
@media (min-width: 1024px) {
    .history .accordion_container {width: 700px;}
    .history .accordion_content {width: 35%;}
     .history .accordion_container:nth-child(even) .accordion_header:before {position: absolute; content: "\f177"; font-family: FontAwesome;  color: #d9d9d9; top: 22px; left: -23px; vertical-align: middle; font-weight: 400; font-size: 21px;}
    .history .accordion_container:nth-child(odd) .accordion_header:after {position: absolute; content: "\f178"; font-family: FontAwesome; color: #d9d9d9; top: 22px; right: -23px; vertical-align: middle; font-weight: 400; font-size: 21px;}
}
@media (min-width: 1366px) {
    .history .accordion_container {width: 900px;}
    .history .accordion_content {width: 38%;}
}
@media (min-width: 1600px) {
    .history .accordion_container {width: 1100px;}
    .history .accordion_content {width: 38%;}
}

.history .accordion_container:last-child .accordion_header {position: relative; text-align: center; display: block; color: #000;}
.history .accordion_container:last-child .accordion_header:after, .history .accordion_container:last-child .accordion_header:before {content: "" !important; }
.history .accordion_container:last-child .accordion_content  {float: none; display: block; width: 60%; margin: 0 auto; text-align: center; color: #ceb683 !important;}
.history .accordion_container:last-child .accordion_content p {font-size: 21px; padding: 0 0 15px 0;}



/* FACILITIES ---------------------------------------------------------------------------------------------------------------------------------------------- */
.facility_item {float: left; border: 1px solid #d9d9d9; margin: 0 0 30px 0; padding: 10px 15px; width: 150px; height: 65px;}
.facility_item a {display: table-cell; vertical-align: middle; height: 67px;}
.facility_item img {transition: all 300ms; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; width: 150px; height: auto; max-height: 65px;}
.facility_item:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}
.facility_list {margin: 40px 0 10px 0;}


/* REPERTOIRE -----------------------------------------------------------------------------------------------------------------------------------------------*/
.repertoire_months {margin: 10px 0 0 0; text-align: center; text-transform: uppercase; line-height: 1; color: #000; vertical-align: middle;}
.repertoire_months a {color: #7a7a7a; vertical-align: middle;}
.repertoire_months a:hover {color: #ceb683;}
.repertoire_months span {display: inline-block; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; vertical-align: middle;}
.previous1:before  {font-family: FontAwesome; content: '\f104'; padding: 7px 14px 7px 12px;}
.next1:after {font-family: FontAwesome; content: '\f105'; padding: 7px 12px 7px 14px;}
.previous1:before , .next1:after {font-size: 19px; margin: 0 5px; text-align: center; vertical-align: middle; line-height: 1; color: #fff; background-color: #d9d9d9; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
.previous1:hover:before , .next1:hover:after {color: #fff; background-color: #ceb683;}
.repertoire_categories {color: #7a7a7a; text-transform: uppercase;}
.repertoire_categories select {text-transform: uppercase; border: 0px solid #fff; color: #000;}
.repertoire_categories option {text-transform: uppercase; outline: 0px solid #fff; color: #000;}

#repertoire {position: relative; width: 100%;}
.repertoire_item .nr {font-size: 21px; margin: 0 0 10px -2px;}
.repertoire_item {padding: 0 0 30px 0; margin: 0 0 29px 0; border-bottom: 1px solid #d9d9d9;}
.repertoire_item figure img {width: 250px; height: auto;}

.repertoire_date {margin: 10px 0 0 0;}
.repertoire_author {margin: 0 0 15px 0;}
.repertoire_duration {margin: 0 0 15px 0;}
.repertoire_played span {font-weight: 700; font-size: 21px;}
.repertoire_played {vertical-align: middle; margin: 5px 0 0 0;}

@media (min-width: 1px) {
    .repertoire_item figure {width: 250px; margin: 0 30px 20px 0;}
    .repertoire_btn1 {width: 130px; text-align: left; margin: 30px 0 0 0;}
    .repertoire_title {font-size: 22px; line-height: 1.1; margin: 0 0 10px 0; display: block;}
    a.repertoire_title {color: #ceb683;}
    #repertoire h1 {width: 100%;}
    .repertoire_months {width:100%; margin-bottom: 40px;}
    .repertoire_categories {margin-bottom: 40px;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 12px;}
    .repertoire_months span {font-size: 14px;}
    .repertoire_months .previous1 {padding: 0 5px 0 0;}
    .repertoire_months .next1 {padding: 0 0 0 5px;}
    .repertoire_months span {padding: 0 5px;}
}
@media (min-width: 480px) {
    #repertoire h1 {width: 100%;}
    .repertoire_months {width:100%; margin-bottom: 40px;}
    .repertoire_categories {position: absolute; top: 0px; right: 0px;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 12px;}
    .repertoire_months span {font-size: 16px;}
    .repertoire_months .previous1 {padding: 0 15px 0 0;}
    .repertoire_months .next1 {padding: 0 0 0 15px;}
    .repertoire_months span {padding: 0 15px;}
}
@media (min-width: 640px) {
    #repertoire h1 {width: 100%;}
    .repertoire_months {width:100%; margin-bottom: 40px;}
    .repertoire_categories {position: absolute; top: 0px; right: 0px;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 14px;}
    .repertoire_months span {font-size: 18px;}
    .repertoire_months .previous1 {padding: 0 30px 0 0;}
    .repertoire_months .next1 {padding: 0 0 0 30px;}
    .repertoire_months span {padding: 0 30px;}

    .repertoire_item figure {float: left;}
}
@media (min-width: 768px) {
    #repertoire h1 {width: 100%;}
    .repertoire_months {width:100%; margin-bottom: 40px;}
    .repertoire_categories {position: absolute; top: 0px; right: 0px;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 16px;}
    .repertoire_months span {font-size: 20px;}

    .repertoire_title {font-size: 24px;}
}
@media (min-width: 1024px) {
    #repertoire h1 {width: 100%;}
    .repertoire_months {width:100%; margin-bottom: 40px;}
    .repertoire_categories {position: absolute; top: 0px; right: 0px;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 16px;}
    .repertoire_months span {font-size: 22px;}

    .repertoire_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
    .repertoire_content {width: 290px; float: left;}
    .repertoire_btn1 {width: 130px; float: right; text-align: right; margin: 130px 0 0 0;}
    .repertoire_title {font-size: 26px;}
}
@media (min-width: 1366px) {
    #repertoire h1 {width: 20%; float: left;}
    .repertoire_months {width: 55%; float: left; margin-bottom: 0px;}
    .repertoire_categories {width: 25%; float: right; text-align: right; margin-bottom: 0px; position: relative;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 16px;}
    .repertoire_months span {font-size: 24px;}

    .repertoire_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
    .repertoire_content {width: 450px; float: left;}
    .repertoire_title {font-size: 28px;}
}
@media (min-width: 1600px) {
    #repertoire h1 {width: 20%; float: left;}
    .repertoire_months {width: 60%; float: left;}
    .repertoire_categories {width: 20%; float: right; text-align: right;}
    .repertoire_months, .repertoire_categories, .repertoire_categories select, .repertoire_categories option {font-size: 18px;}
    .repertoire_months span {font-size: 26px;}

    .repertoire_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
    .repertoire_content {width: 650px; float: left;}
    .repertoire_title {font-size: 30px;}
}


/* EVENTS ------------------------------------------------------------------------------------------------------------------------------------------------ */
#home_events {width: 100%; }
#home_events .event_item {background-size: cover !important; border-bottom: 0px solid #d9d9d9; position: relative;}
#home_events .event_item .event_item_prlx {display: block; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; overflow: hidden;}

#home_events .event_item .highlight {color: #fff;}
#home_events .event_title a:hover {color: #fff;}
#home_events .event_content {position: relative; z-index: 2; color: #fff;}
.event_border {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0; margin: 30px 0 0 0;}
.event_image {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover !important; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); z-index: 0; -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;}
.event_item:hover .event_image {transform: scale(1.05);}
.backcolor {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color:rgba(49, 49, 49, 0.8); z-index: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.event_item:hover .event_image{-webkit-filter: grayscale(5%); -moz-filter: grayscale(5%); -ms-filter: grayscale(5%); -o-filter: grayscale(5%); filter: grayscale(5%); z-index: 0;}
.event_item:hover .backcolor {background-color:rgba(49, 49, 49, 0.4);}
#home_events .btn:hover {color: #fff; border: 1px solid #fff;}
.info {background: url(/img/bg_btn_info.png) center right no-repeat !important; padding-right: 35px !important; }
.info:hover {background: url(/img/bg_btn_info_h.png) center right no-repeat !important;}
.ticket {background: url(/img/bg_btn_ticket.png) center right no-repeat !important; padding-right: 38px !important; float: left; margin: 0 15px 0 0 !important;}
.ticket:hover {background: url(/img/bg_btn_ticket_h.png) center right no-repeat !important;}

@media (min-width: 1px) {
    #home_events .event_item {width: 300px; height: 280px; margin: 0 0 20px 0;}
    #home_events .event_content {width: 260px; padding: 20px;}
    #home_events .event_btn {padding: 0 20px; width: 260px; margin: 0px;}
}
@media (min-width: 480px) {
    #home_events .event_item {width: 400px; height: 350px; margin: 0 0 40px 0;}
    #home_events .event_content {width: 320px; padding: 40px;}
    #home_events .event_btn {padding: 0 40px; width: 320px; margin: 0px;}
}
@media (min-width: 640px) {
    #home_events .event_item {width: 560px; height: 374px; margin: 0 0 50px 0;}
    #home_events .event_content {width: 460px; padding: 50px;}
    #home_events .event_btn {padding: 0 50px; width: 460px; margin: 0px;}
}
@media (min-width: 768px) {
    #home_events .event_item {width: 700px; height: 417px; margin: 0 0 60px 0;}
    #home_events .event_content {width: 580px; padding: 60px;}
    #home_events .event_btn {padding: 0 60px; width: 580px; margin: 0px;}
    #home_events .event_item:nth-child(even) .event_item_prlx {right: 100px;}
    #home_events .event_item:nth-child(odd) .event_item_prlx {left: 100px;}
}
@media (min-width: 1024px) {
    #home_events .event_item {width: 430px; height: 340px; float: left; margin: 0 40px 40px 0;}
    #home_events .event_item:nth-of-type(2n) {margin: 0 0 40px 0;}
    #home_events .event_content {width: 350px; padding: 40px;}
    #home_events .event_btn {padding: 0 40px; width: 350px; margin: 0px;}
}
@media (min-width: 1366px) {
    #home_events .event_item {width: 525px; height: 350px; float: left; margin: 0 50px 50px 0;}
    #home_events .event_item:nth-of-type(2n) {margin: 0 0 50px 0;}
    #home_events .event_content {width: 425px; padding: 50px;}
    #home_events .event_btn {padding: 0 50px; width: 425px; margin: 0px;}
}
@media (min-width: 1600px) {
    #home_events .event_item {width: 625px; height: 417px; float: left; margin: 0 50px 50px 0;}
    #home_events .event_item:nth-of-type(2n) {margin: 0 0 50px 0;}
    #home_events .event_content {width: 505px; padding: 60px;}
    #home_events .event_btn {padding: 0 60px; width: 505px; margin: 0px;}
}


.event_item {padding: 0 0 30px 0; margin: 0 0 29px 0; border-bottom: 1px solid #d9d9d9;}
.event_item figure img {width: 250px; height: auto;}
.event_btn {width: 130px; float: right; z-index: 3; position: relative;}
.event_btn a {margin: 0 0 10px 0;}

.event_date {text-transform: uppercase; margin: 0 0 10px 0;}
.event_author {margin: 0 0 15px 0;}
.event_duration {margin: 0 0 15px 0;}

@media (min-width: 1px) {
    .event_item figure {width: 250px; margin: 0 30px 20px 0;}
    .event_btn1 {width: 130px; text-align: left; margin: 30px 0 0 0;}
    .event_title {font-size: 22px; line-height: 1.1; color: #ceb683; margin: 0 0 5px 0;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    .event_item figure {float: left;}
}
@media (min-width: 768px) {
    .event_title {font-size: 24px;}
}
@media (min-width: 1024px) {
    .event_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
    .event_content {width: 290px; float: left;}
    .event_btn1 {width: 130px; float: right; text-align: right; margin: 130px 0 0 0;}
    .event_title {font-size: 26px;}
}
@media (min-width: 1366px) {
    .event_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
    .event_content {width: 450px; float: left;}
    .event_title {font-size: 28px;}
}
@media (min-width: 1600px) {
    .event_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
    .event_content {width: 650px; float: left;}
    .event_title {font-size: 30px;}
}

#event_single h1 {margin: 0 0 5px 0;}
#event_single h2 {margin: 0 0 30px 0; color: #ceb683;}
#event_single .event_author {font-size: 18px;}
.event_cast p {margin: 0px;}
.event_desc {border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 0 0 50px 0;}
.event_desc .event_additional p {margin: 0px;}

.event_repertoire {margin: 0 0 50px 0;}
#buy-ticket {border-bottom: 1px solid #d9d9d9;}
#buy-ticket .event_item {width: 325px; float: left; margin: 0 60px 0 0; border-bottom: 0px;}
#buy-ticket .event_item:nth-of-type(3n) {margin: 0px;}
#buy-ticket h2 {border-bottom: 1px solid #d9d9d9; padding: 0 0 20px 0;}
#event_single .event_premiere {font-size: 18px;}
.event_desc .event_additional {font-size: 13px;}
.event_desc .event_acts {font-size: 18px;}

@media (min-width: 1px) {
    #event_single .event_premiere {margin: 0 0 15px 0;}
    .event_libretto {margin: 0 0 50px 0;}

    .event_desc figure {padding: 30px 0 0 0;}
    .event_desc figure img {width: 300px; height: auto;}
    .event_desc .event_additional {padding: 30px 0 0 0;}
    .event_desc .event_acts {padding: 30px 0 30px 0;}
}
@media (min-width: 480px) {
    .event_desc figure img {width: 366px; height: auto;}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    .event_libretto {width: 330px; float: left; margin: 0;}
    .event_cast {width: 310px; float: right;}
}
@media (min-width: 1366px) {
    .event_main {width: 570px; float: left;}
    #event_single .event_premiere {width: 300px; float: right; text-align: right; margin: 47px 0 0 0;}
    .event_libretto {width: 520px; float: left;}
    .event_cast {width: 310px; float: right;}

    .event_desc figure {display: table-cell;vertical-align: middle; border-right: 1px solid #d9d9d9; padding: 30px 0;}
    .event_desc .event_additional {display: table-cell; vertical-align: middle; padding: 30px 50px;}
    .event_desc .event_acts {display: table-cell; vertical-align: middle; border-left: 1px solid #d9d9d9; padding: 30px 0 30px 40px;}
}
@media (min-width: 1600px) {
    .event_main {width: 790px; float: left;}
    #event_single .event_premiere {width: 300px; float: right; text-align: right; margin: 47px 0 0 0;}
    .event_libretto {width: 700px; float: left;}
    .event_cast {width: 310px; float: right;}

    .event_desc figure {display: table-cell; width: 325px; vertical-align: middle; border-right: 1px solid #d9d9d9; padding: 30px 0;}
    .event_desc .event_additional {display: table-cell; width: 349px; vertical-align: middle; padding: 30px 50px;}
    .event_desc .event_acts {display: table-cell; width: 284px; vertical-align: middle; border-left: 1px solid #d9d9d9; padding: 30px 0 30px 40px;}
}

#event_gallery {padding: 30px 0; border-top: 1px solid #d9d9d9; margin: 30px 0 0 0;}
#event-gallery {margin: 0 auto; position: relative;}
.event-gallery-item {position: relative;}

.event-gallery-item .backcolor {background-color:rgba(116, 7, 26, 0); background-position: center center;}
.event-gallery-item:hover .backcolor {background: url(/img/bg_gallery_hover.png) center center no-repeat; background-color:rgba(116, 7, 26, 0.8);}
.event-gallery-item img {-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}
.event-gallery-item:hover img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

#event-gallery-slider-arrow-left {position: absolute; left: -19px; width: 38px; height: 38px; background: url(/img/bg_slidetabs_left.png) top center no-repeat; cursor: pointer;}
#event-gallery-slider-arrow-right {position: absolute; right: -19px; width: 38px; height: 38px; background: url(/img/bg_slidetabs_right.png) top center no-repeat; cursor: pointer;}
#event-gallery-slider-arrow-left:hover {background-position: bottom center;}
#event-gallery-slider-arrow-right:hover {background-position: bottom center;}

@media (min-width: 1px) {
    #event-gallery {height: 200px; width: 300px;}
    #event-gallery-slider-list .event-gallery-item .itm-cont {display: block; width: 300px;}
    .event-gallery-item  {width: 300px !important;}
    .event-gallery-item img {width: 300px; height: auto;}

    #event-gallery-slider {position: relative; width: 100%; height: 200px; background-color: #ceb683;}
    #event-gallery-slider-list {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 200px;}

    #event-gallery-slider-arrow-left {top: 80px !important;}
    #event-gallery-slider-arrow-right {top: 80px !important;}
}
@media (min-width: 480px) {
    #event-gallery {height: 200px; width: 400px;}
}
@media (min-width: 640px) {
    #event-gallery {height: 200px; width: 560px;}
}
@media (min-width: 768px) {
    #event-gallery {height: 200px; width: 500px;}
}
@media (min-width: 1024px) {
    #event-gallery {height: 200px; width: 700px;}


}
@media (min-width: 1366px) {
    #event-gallery {height: 200px; width: 900px;}
    #event-gallery-slider-list .event-gallery-item .itm-cont {display: block; width: 300px;}
    .event-gallery-item  {width: 300px !important;}
    .event-gallery-item img {width: 300px; height: auto;}

    #event-gallery-slider {position: relative; width: 100%; height: 200px; background-color: #ceb683;}
    #event-gallery-slider-list {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 200px;}

    #event-gallery-slider-arrow-left {top: 80px !important;}
    #event-gallery-slider-arrow-right {top: 80px !important;}
}
@media (min-width: 1600px) {
    #event-gallery {height: 244px; width: 1100px;}
    #event-gallery-slider-list .event-gallery-item .itm-cont {display: block; width: 366px;}
    .event-gallery-item  {width: 366px !important;}
    .event-gallery-item img {width: 366px; height: auto;}

    #event-gallery-slider {position: relative; width: 100%; height: 244px; background-color: #ceb683;}
    #event-gallery-slider-list {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 244px;}

    #event-gallery-slider-arrow-left {top: 100px !important;}
    #event-gallery-slider-arrow-right {top: 100px !important;}
}

/* SHOP--------------------------------------------------------------------------------------------------------------------------------------------------- */

.product_item {padding: 0 0 30px 0; margin: 0 0 29px 0; border-bottom: 1px solid #d9d9d9;}
.product_item figure {width: 250px; float: left; margin: 0 30px 0 0;}
.product_item figure img {width: 250px; height: auto;}
.product_content {width: 660px; float: left;}
.product_btn {width: 130px; float: right; text-align: right; margin: 80px 0 0 0; z-index: 3; position: relative;}
.product_btn a {margin: 0 0 10px 0;}
.product_btn1 {width: 130px; float: right; text-align: right; margin: 130px 0 0 0;}
.product_title {font-size: 30px; line-height: 1.1; color: #ceb683;}
.product_price {margin: 5px 0 15px 0;}
.price {font-size: 21px; line-height: 1.1; color: #ceb683; margin: 0 0 10px 0;}

.product_single figure {width: 325px; display: block; float: left; padding: 0 0 30px 0; margin: 0 50px 30px 0; border-bottom: 1px solid #d9d9d9;}
.product_single figure img {width: 325px; height: auto;}
.product_single .news_title {margin: 0 0 30px 0;}

.products_categories {color: #7a7a7a; text-transform: uppercase; margin-bottom: 50px; float: right;}
.products_categories select {text-transform: uppercase; border: 0px solid #fff; color: #000;}
.products_categories option {text-transform: uppercase; outline: 0px solid #fff; color: #000;}

#cart h2 {margin: 0 0 25px 0;}
#cart-payment-method, #cart-shipping-method, #cart-sum, #cart-data {margin: 40px 0 0 0; position: relative;}
#cart-sum strong {color: #ceb683;}
#cart-sum h2 {position: absolute; top: 0px; right: 0px;}
.cart_item {padding: 0 0 10px 0; margin: 0 0 9px 0; border-bottom: 1px solid #d9d9d9; display: table; width: 100%; vertical-align: middle;}
.cart_lp {width: 5%; display: table-cell;}
.cart_title {width: 69%; display: table-cell;}
.cart_price {width: 10%; display: table-cell;}
.cart_quantity, .cart_sum {width: 8%; display: table-cell;}
.cart_quantity input {width: 50px; padding: 8px 10px; text-align: center;}
.cart_remove {width: 8%; display: table-cell; text-align: right;}

.cart_input {width: 30%; float: left; margin: 0 5% 15px 0;}
.cart_input:nth-of-type(3n) {margin: 0 0 15px 0;}
.cart_input label {display: block;}
.cart_input input {width: 308px;}

/* NEWS--------------------------------------------------------------------------------------------------------------------------------------------------- */
#home_news {width: 100%; margin-top: 40px;}
#home_news .news_desc {font-size: 13px;}
#home_news .news_item .btn {float: left;}
.news_item {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d9d9d9;}
.news_date {text-transform: uppercase;}
.news_title {font-size: 21px; color: #ceb683; margin: 0 0 15px 0;}
.news_desc {margin: 0 0 15px 0;}

#news_single figure {width: 325px; display: block; float: left; padding: 0 0 30px 0; margin: 0 50px 30px 0; border-bottom: 1px solid #d9d9d9;}
#news_single .news_title {margin: 0 0 30px 0;}

@media (min-width: 1px) {
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    .news_content {width: 410px; float: left;}
    .news_item .btn {float: right;}
}
@media (min-width: 768px) {
    .news_content {width: 350px; float: left;}
    .news_item .btn {float: right;}
}
@media (min-width: 1024px) {
    .news_content {width: 550px; float: left;}
    .news_item .btn {float: right;}

    #home_news .news_item {width: 250px; float: left; margin: 0 30px 30px 0; padding: 0 0 0 29px; border-left: 1px solid #d9d9d9; border-bottom: 0px;}
    #home_news .news_item:nth-of-type(3) {margin: 0 0 30px 0;}
}
@media (min-width: 1366px) {
    .news_content {width: 750px; float: left;}
    .news_item .btn {float: right;}

    #home_news .news_item {width: 296px; float: left; margin: 0 60px 30px 0; padding: 0 0 0 29px; border-left: 1px solid #d9d9d9; border-bottom: 0px;}
}
@media (min-width: 1600px) {
    .news_content {width: 950px; float: left;}
    .news_item .btn {float: right;}

    #home_news .news_item {width: 340px; float: left; margin: 0 80px 30px 0; padding: 0 0 0 39px;}
}

/* NEWS GALLERY--------------------------------------------------------------------------------------------------------------------------------------------------- */
#news_gallery {margin: 30px 0 0 0;}
.news_gallery_item {width: 250px; height: 165px; display: block; position: relative; float: left; margin: 0 33px 33px 0; overflow: hidden;}
.news_gallery_item:nth-of-type(4n) {margin: 0 0 33px 0;}

.news_gallery_item .backcolor {background-color:rgba(116, 7, 26, 0); background-position: center center;}
.news_gallery_item:hover .backcolor {background: url(/img/bg_gallery_hover.png) center center no-repeat; background-color:rgba(116, 7, 26, 0.8);}
.news_gallery_item img {-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -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;}
.news_gallery_item:hover img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transform: scale(1.05);}

/* ATTACHEMENT ------------------------------------------------------------------------------------------------------------------------------------------- */

.attachment_item {background: url(/img/bg_attachement.png) 0px 0px no-repeat; display: block; padding: 8px 0 8px 45px; font-size: 16px; text-decoration: underline;}

@media (min-width: 1px) {
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    #download .attachment_list {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    #download .attachment_list {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* BREADCRUMBS-------------------------------------------------------------------------------------------------------------------------------------------- */
#breadcrumbs {height: 25px; padding: 125px 0 0 0; font-size: 12px; font-weight: 400; color: #000; border-bottom: 1px solid #ceb683;}
#breadcrumbs a {background: url(/img/bg_breadcrumbs.png) center right no-repeat; padding: 0 10px 0 0; margin: 0 7px 0 0;color: #ceb683;}

/* PAGINATION ---------------------------------------------------------------------------------------------------------------------------------------------*/
#pagination {font-size: 14px; text-align: center; margin: 50px 0 0 0;}
.box_left, .box_center, .box_right {display: inline-block; margin: 0 15px;}
.box_center a {padding: 6px 10px; display: inline-block; color: #d9d9d9; border: 1px solid #d9d9d9; margin: 0 4px;}
.box_center a:hover {color: #ceb683; border: 1px solid #ceb683;}
.box_center strong {color: #ceb683; font-weight: 400;}
.first:before {font-family: FontAwesome; content: '\f100'; padding: 7px 12px 7px 10px;}
.previous:before  {font-family: FontAwesome; content: '\f104'; padding: 7px 15px 7px 13px;}
.next:before {font-family: FontAwesome; content: '\f105'; padding: 7px 13px 7px 15px;}
.last:before  {font-family: FontAwesome; content: '\f101'; padding: 7px 10px 7px 12px;}
.first:before, .previous:before , .next:before, .last:before {font-size: 21px; margin: 0 2px; text-align: center; vertical-align: middle; line-height: 1; color: #fff; background-color: #d9d9d9; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
.first:hover:before, .previous:hover:before , .next:hover:before, .last:hover:before {color: #fff; background-color: #ceb683;}

/* GALLERY ------------------------------------------------------------------------------------------------------------------------------------------------*/
.gallery_list {margin: 40px 0;}
.gallery_item {display: block; position: relative; float: left;  overflow: hidden;}
.gallery_item .backcolor {background-color:rgba(116, 7, 26, 0); background-position: center center;}
.gallery_item:hover .backcolor {background: url(/img/bg_gallery_hover.png) center center no-repeat; background-color:rgba(116, 7, 26, 0.8);}
.gallery_item img {-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -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;}
.gallery_item:hover img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transform: scale(1.05);}
.gallery_author {margin: 0 0 20px 0;}

@media (min-width: 1px) {
    .gallery_item {width: 250px; height: 165px; margin: 0 0 20px 0;}
    .gallery_item img {width: 250px; height: 165px;}
}
@media (min-width: 480px) {
    .gallery_item {width: 190px; height: 125px; margin: 0 20px 20px 0;}
    .gallery_item img {width: 190px; height: 125px;}
    .gallery_item:nth-of-type(2n) {margin: 0 0 20px 0;}
}
@media (min-width: 640px) {
    .gallery_item {width: 250px; height: 165px; margin: 0 60px 30px 0;}
    .gallery_item img {width: 250px; height: 165px;}
    .gallery_item:nth-of-type(2n) {margin: 0 0 30px 0;}
}
@media (min-width: 768px) {
    .gallery_item {width: 240px; height: 158px; margin: 0 20px 20px 0;}
    .gallery_item img {width: 240px; height: 158px;}
    .gallery_item:nth-of-type(2n) {margin: 0 0 20px 0;}
}
@media (min-width: 1024px) {
    .gallery_item {width: 220px; height: 145px; margin: 0 20px 20px 0;}
    .gallery_item img {width: 220px; height: 145px;}
    .gallery_item:nth-of-type(2n) {margin: 0 20px 20px 0;}
    .gallery_item:nth-of-type(3n) {margin: 0 0 20px 0;}
}
@media (min-width: 1366px) {
    .gallery_item {width: 210px; height: 139px; margin: 0 20px 20px 0;}
    .gallery_item img {width: 210px; height: 139px;}
    .gallery_item:nth-of-type(3n) {margin: 0 20px 20px 0;}
    .gallery_item:nth-of-type(4n) {margin: 0 0 20px 0;}
}
@media (min-width: 1600px) {
    .gallery_item {width: 250px; height: 165px; margin: 0 33px 33px 0;}
    .gallery_item img {width: 250px; height: 165px;}
    .gallery_item:nth-of-type(2n), .gallery_item:nth-of-type(3n) {margin: 0 33px 33px 0;}
    .gallery_item:nth-of-type(4n) {margin: 0 0 33px 0;}
}

.gallery_cat_item {display: block; position: relative; overflow: hidden;}

.gallery_cat_item .backcolor {background-color:rgba(49, 49, 49, 0.8); background-position: center center;}
.gallery_cat_item:hover .backcolor {background-color:rgba(49, 49, 49, 0.4);}
.gallery_cat_item img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -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;}
.gallery_cat_item:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.05);}
.gallery_cat_title {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0; line-height: 1.1; color: #ceb683; text-align: center;}
.gallery_cat_item:hover .gallery_cat_title {color: #fff;}

@media (min-width: 1px) {
    .gallery_cat_item {width: 300px; height: 200px; margin: 0 0 30px 0;}
    .gallery_cat_item img {width: 300px; height: 200px;}
    .gallery_cat_title {font-size: 19px;}
    .gallery_cat_content {padding: 40px 20px;}
}
@media (min-width: 480px) {
    .gallery_cat_item {width: 400px; height: 267px; margin: 0 0 30px 0;}
    .gallery_cat_item img {width: 400px; height: 267px;}
    .gallery_cat_title {margin: 20px 0; font-size: 21px;}
    .gallery_cat_content {padding: 40px;}
}
@media (min-width: 640px) {
    .gallery_cat_item {width: 533px; height: 356px; margin: 0 0 30px 0;}
    .gallery_cat_item img {width: 533px; height: 356px;}
    .gallery_cat_title {margin: 30px 0; font-size: 21px;}
    .gallery_cat_content {padding: 60px;}
}
@media (min-width: 768px) {
    .gallery_cat_item {width: 500px; height: 334px; margin: 0 0 30px 0;}
    .gallery_cat_item img {width: 500px; height: 334px;}
    .gallery_cat_title {margin: 30px 0; font-size: 21px;}
    .gallery_cat_content {padding: 60px;}
}
@media (min-width: 1024px) {
    .gallery_cat_item {width: 335px; height: 224px; float: left; margin: 0 30px 30px 0;}
    .gallery_cat_item img {width: 335px; height: 224px;}
    .gallery_cat_item:nth-of-type(2n) {margin: 0 0 30px 0;}
    .gallery_cat_title {margin: 20px 0; font-size: 19px;}
    .gallery_cat_content {padding: 40px;}
}
@media (min-width: 1366px) {
    .gallery_cat_item {width: 435px; height: 291px; float: left; margin: 0 30px 30px 0;}
    .gallery_cat_item img {width: 435px; height: 291px;}
    .gallery_cat_item:nth-of-type(2n) {margin: 0 0 30px 0;}
    .gallery_cat_title {margin: 30px 0; font-size: 21px;}
    .gallery_cat_content {padding: 50px;}
}
@media (min-width: 1600px) {
    .gallery_cat_item {width: 533px; height: 356px; float: left; margin: 0 33px 33px 0;}
    .gallery_cat_item img {width: 533px; height: 356px;}
    .gallery_cat_item:nth-of-type(2n) {margin: 0 0 33px 0;}
    .gallery_cat_title {margin: 30px 0; font-size: 21px;}
    .gallery_cat_content {padding: 60px;}
}



/* TABLE --------------------------------------------------------------------------------------------------------------------------------------------------*/
table th {background-color: #ececec; padding: 10px 5px; font-weight: 700;}
table th span {font-weight: 400; line-height: 1 !important;}
table td {border-bottom: 1px solid #d9d9d9; padding: 10px 5px; text-align: center;}
table.email td {border-bottom: 0px solid #d9d9d9; padding: 10px 5px; text-align: left;}
table.email {margin: 0px !important;}

/* NEWSLETTER--------------------------------------------------------------------------------------------------------------------------------------------- */
#newsletter_module {margin: 45px 0 0 0;}
.newsletter_description {color: #ceb683; line-height: 1.1;}
.newsletter_description span {color: #fff;}
#newsletter_module input[type="text"] {border: 1px solid #ceb683; width: 160px; color: #fff; padding: 8px 10px; font-size: 13px; margin: 0px; vertical-align: top;}
#newsletter_module input[type="submit"] {color: #fff; font-size: 13px; padding-top: 10px; padding-bottom: 9px; background: url(/img/bg_btn_s.png) center right no-repeat #ceb683;}
#newsletter_module input[type="submit"]:hover {background-color: #000;}
.newsletter_agree {margin: 20px 0 0 0; text-align: justify;}
.newsletter_agree label, .newsletter_agree input {cursor: pointer;}
footer #newsletter_module .btn:hover {color: #fff; border: 1px solid #fff; background-image: url(/img/bg_btn_s.png);}

.page .newsletter_description span {color: #000;}
.page #newsletter_module input[type="text"] {color: #000;}

@media (min-width: 1px) {
    .newsletter_description {font-size: 14px;}
    .newsletter_description span {font-size: 16px;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    .newsletter_description {font-size: 15px;}
    .newsletter_description span {font-size: 17px;}
}
@media (min-width: 1024px) {
    .newsletter_description {font-size: 16px;}
    .newsletter_description span {font-size: 19px;}
}
@media (min-width: 1366px) {
    .newsletter_description {font-size: 15px;}
    .newsletter_description span {font-size: 17px;}
}
@media (min-width: 1600px) {
    .newsletter_description {font-size: 16px;}
    .newsletter_description span {font-size: 19px;}
}

/* FOOTER------------------------------------------------------------------------------------------------------------------------------------------------- */
footer {background-color: #313131; padding: 45px 0; color: #ceb683;}
.footer_box1, .footer_box2, .footer_box3  {float: left; color: #fff; border-left: 1px solid #444; padding-left: 2%;}
.footer_links {text-align: left;}
.footer_links a {color: #fff; line-height: 1; border-left: 1px solid #444444;}
.footer_links a:hover {color: #ceb683;}
.footer_links .bip {border-left: 0px solid #444444; margin: 5px 0 0 0; display: block;}

@media (min-width: 1px) {
    .footer_logo {width: 100%; float: left; margin: 0 0 20px 0;}
    .footer_box1, .footer_box2, .footer_box3  {font-size: 13px;}
    .footer_box1 {width: 96%; margin: 0 0 20px 0;}
    .footer_box2 {width: 96%; margin: 0 0 20px 0;}
    .footer_box3 {width: 96%; margin: 0 0 20px 0;}
    .footer_links {width: 100%;}
    .footer_links a {font-size: 15px; padding: 0 10px;}
    .footer_links a:first-child {border-left: 0px solid #444444; padding: 0 10px 0 0;}
    .footer_links .bip {padding: 0 10px 0 0;}
    .didur {width: 200px; margin: 30px 0;}
    .didur img {width: 200px; height: auto;}
    #newsletter_module {margin: 30px 0; width: 100%;}
    .column_r #newsletter_module {width: 100%;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    .footer_logo {width: 21%; float: left; margin: 0;}
    .footer_box1, .footer_box2, .footer_box3  {font-size: 12px;}
    .footer_box1 {width: 17%; margin: 0;}
    .footer_box2 {width: 25%; margin: 0;}
    .footer_box3 {width: 28%; margin: 0;}
    .footer_links {float: left; width: 100%; margin: 48px 0 0 0;  }
    .footer_links a {font-size: 15px; padding: 0 10px;}
    .footer_links a:first-child {border-left: 0px solid #444444; padding: 0 10px 0 0;}
    .footer_links .bip {padding: 0 10px 0 0;}
    .didur {width: 200px; margin: 40px 0 0 0; float: left;}
    .didur img {width: 200px; height: auto;}
    #newsletter_module {margin: 30px 0 0 0; width: 100%;}
}
@media (min-width: 1366px) {
    .footer_logo {width: 21%; float: left; margin: 0;}
    .footer_box1, .footer_box2, .footer_box3  {font-size: 13px;}
    .footer_box1 {width: 17%; margin: 0;}
    .footer_box2 {width: 25%; margin: 0;}
    .footer_box3 {width: 28%; margin: 0;}
    .footer_links {float: right; width: 665px; margin: 68px 0 0 0;  }
    .footer_links a {font-size: 15px; padding: 0 10px;}
    .footer_links a:first-child {border-left: 0px solid #444444; padding: 0 10px 0 8px;}
    .footer_links .bip {padding: 0 10px;}
    .didur {width: 200px; margin: 60px 0 0 0; float: left;}
    .didur img {width: 200px; height: auto;}
    #newsletter_module {margin: 45px 15px 0 0; float: left; width: 400px;}
}
@media (min-width: 1600px) {
    .footer_links {float: right; width: 785px;}
    .footer_links a {font-size: 16px; padding: 0 15px;}
    .footer_links a:first-child {border-left: 0px solid #444444; padding: 0 15px 0 10px;}
    .didur {width: 235px; margin: 60px 0 0 0; float: left;}
    .didur img {width: 234px; height: auto;}
    #newsletter_module {margin: 45px 15px 0 0; float: left; width: 500px;}
}

/* PAGE-------------------------------------------------------------------------------------------------------------------------------------------- */
.back {background-color: #fff; position: relative; z-index: 0; margin: 0 auto 350px auto;}
.page {padding: 50px 0;}
.column_r ul {margin: 10px 0 0 0;}
.column_r ul li {padding: 0 0 10px 20px !important; background: url(/img/bg_subnav.png) 0px 3px no-repeat;}
.column_r ol {list-style-type: decimal; margin: 0 0 0 15px;}
.column_r ol li {padding: 0 0 10px 0;}

#static_banner {background-size: cover !important; position: fixed; bottom: 0px; left: 0px; right: 0px; top: 0px; z-index: -1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#static_banner .static_foto  {width: 100%; height: 350px;}

@media (min-width: 1px) {
    .column_l {width: 100%; margin-bottom: 40px;}
    .column_r {width: 100%;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    .column_l {width: 200px; float: left;  margin-bottom: 0px;}
    .column_r {width: 500px; float: right;}
}
@media (min-width: 1024px) {
    .column_l {width: 200px;}
    .column_r {width: 700px;}
}
@media (min-width: 1366px) {
    .column_l {width: 200px;}
    .column_r {width: 900px;}
}
@media (min-width: 1600px) {
    .column_l {width: 200px;}
    .column_r {width: 1100px;}
}

/* PAGE CONTACT--------------------------------------------------------------------------------------------------------------------------------------- */

#contact input {width: 335px; margin: 0 10px 10px 0;}
#contact input:nth-of-type(3) {margin: 0 0 10px 0;}
#contact textarea {margin: 0 0 10px 0; height: 200px;}
#contact input.btn {width: 130px;}
#contact .tkode {height: 40px; width: auto; vertical-align: top; margin: 0 8px 0 0;}
#contact .token input {vertical-align: top; width: 240px;}
#map {width: 100%; height: 450px; margin: 50px 0 0 0;}

@media (min-width: 1px) {
    #contact input {width: 276px; margin: 0 0 10px 0;}
    #contact textarea {width: 276px; min-width: 276px; max-width: 276px;}
}
@media (min-width: 480px) {
    #contact input {width: 376px; margin: 0 0 10px 0;}
    #contact textarea {width: 376px; min-width: 376px; max-width: 376px;}
}
@media (min-width: 640px) {
    #contact input {width: 536px; margin: 0 0 10px 0;}
    #contact textarea {width: 536px; min-width: 536px; max-width: 536px;}
}
@media (min-width: 768px) {
    #contact input {width: 476px; margin: 0 0 10px 0;}
    #contact textarea {width: 476px; min-width: 476px; max-width: 476px;}
}
@media (min-width: 1024px) {
    #contact input {width: 202px; margin: 0 10px 10px 0;}
    #contact input:nth-of-type(3) {margin: 0 0 10px 0;}
    #contact textarea {width: 676px; min-width: 676px; max-width: 676px;}
}
@media (min-width: 1366px) {
    #contact input {width: 268px; margin: 0 10px 10px 0;}
    #contact input:nth-of-type(3) {margin: 0 0 10px 0;}
    #contact textarea {width: 876px; min-width: 876px; max-width: 876px;}
}
@media (min-width: 1600px) {
    #contact input {width: 335px; margin: 0 10px 10px 0;}
    #contact input:nth-of-type(3) {margin: 0 0 10px 0;}
    #contact textarea {width: 1076px; min-width: 1076px; max-width: 1076px;}
}

/* ACCORDION--------------------------------------------------------------------------------------------------------------------------------------------*/
.accordion_group_list {margin: 30px 0;}
.accordion_group_title {font-size: 18px; font-weight: 600; line-height: 1.1;}
.accordion_name {font-size: 21px; color: #ceb683; line-height: 1.1;}
.accordion_position {font-size: 16px; color: #000;}
.accordion_container {margin: 5px 0px;}
.accordion_header {border-bottom: 1px solid #d9d9d9; padding: 10px 0 8px 0;}
.accordion_header, .accordion_header:hover  {cursor: pointer;}
.accordion_more_img{float: right; width: 30px; height: 30px; background: url(/img/bg_accordion.png) top center no-repeat; cursor:pointer;}
.open, .close:hover {color: #d5bd77;}
.close, .open:hover {color: #7a7c80;}
.open .accordion_more_img, .close:hover .accordion_more_img {background-position: 0px -30px;}
.close .accordion_more_img, .open:hover .accordion_more_img {background-position: 0px 0px;}
.accordion_content{display: none; padding: 15px 0; position: relative;}

.accordion_content figure {float: left; width: 200px;}
.accordion_content figure img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.personnel .accordion_content {border-bottom: 1px solid #d9d9d9;}

@media (min-width: 1px) {
    .accordion_more_a {float: left; width: 250px; font-size: 19px;}
    .accordion_desc {padding: 15px 0px 15px 0;}
    .accordion_content figure {padding: 15px 100px 15px 0;}
}
@media (min-width: 480px) {
    .accordion_more_a {float: left; width: 350px; font-size: 19px;}
    .accordion_content figure {padding: 15px 30px 15px 0;}
}
@media (min-width: 640px) {
    .accordion_more_a {float: left; width: 510px; font-size: 19px;}
    .personnel .accordion_content {background: url(/img/bg_accordion_content.jpg) 230px 0 repeat-y;}
    .accordion_desc {float: right; width: 300px; padding: 15px 0px 15px 30px;}
}
@media (min-width: 768px) {
    .accordion_more_a {float: left; width: 450px; font-size: 19px;}
    .accordion_desc {float: right; width: 240px; padding: 15px 0px 15px 30px;}
}
@media (min-width: 1024px) {
    .accordion_more_a {float: left; width: 650px; font-size: 19px;}
    .accordion_desc {float: right; width: 440px; padding: 15px 0px 15px 30px;}
}
@media (min-width: 1366px) {
    .accordion_more_a {float: left; width: 850px; font-size: 19px;}
    .accordion_desc {float: right; width: 640px; padding: 15px 0px 15px 30px;}
}
@media (min-width: 1600px) {
    .accordion_more_a {float: left; width: 1050px; font-size: 19px;}
    .accordion_desc {float: right; width: 840px; padding: 15px 0px 15px 30px;}
}

/* HEADING-------------------------------------------------------------------------------------------------------------------------------------------- */
h1 {font-weight: 400; line-height: 1; color: #ceb683; margin: 0 0 50px 0;}
h2 {font-weight: 400; line-height: 1; color: #000; margin: 0 0 30px 0;}
h2 span {font-weight: 700;}
h3 {color: #000; margin: 0 0 20px 0; font-weight: 600;}
h4 {color: #ceb683; line-height: 1; font-weight: 600; margin: 0 0 10px 0; text-transform: uppercase;}
h5 {color: #ceb683; line-height: 1; font-weight: 400; margin: 0;}

.highlight {color: #ceb683;}
strong {font-weight: 700;}

@media (min-width: 1px) {
    h1 {font-size: 30px;}
    h2 {font-size: 20px;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
    h5 {font-size: 16px;}
}
@media (min-width: 480px) {
    h1 {font-size: 32px;}
    h2 {font-size: 21px;}
    h3 {font-size: 19px;}
    h4 {font-size: 16px;}
    h5 {font-size: 16px;}
}
@media (min-width: 640px) {
    h1 {font-size: 34px;}
    h2 {font-size: 22px;}
    h3 {font-size: 19px;}
    h4 {font-size: 16px;}
    h5 {font-size: 16px;}
}
@media (min-width: 768px) {
    h1 {font-size: 36px;}
    h2 {font-size: 24px;}
    h3 {font-size: 20px;}
    h4 {font-size: 16px;}
    h5 {font-size: 16px;}
}
@media (min-width: 1024px) {
    h1 {font-size: 38px;}
    h2 {font-size: 26px;}
    h3 {font-size: 21px;}
    h4 {font-size: 16px;}
    h5 {font-size: 16px;}
}
@media (min-width: 1366px) {
    h1 {font-size: 40px;}
    h2 {font-size: 28px;}
    h3 {font-size: 22px;}
    h4 {font-size: 18px;}
    h5 {font-size: 18px;}
}
@media (min-width: 1600px) {
    h1 {font-size: 42px;}
    h2 {font-size: 30px;}
    h3 {font-size: 23px;}
    h4 {font-size: 18px;}
    h5 {font-size: 18px;}
}



/* COOKIES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cookie-policy-banner{border-top: 1px dashed #cecece; padding: 15px 0 0 0; margin: 40px 0 0 0;}

/* 404 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page_404 {text-align: center; padding-top: 200px;}
#page_404 h1 {font-size: 80px; font-weight: 700;}
#page_404 h2 {font-size: 36px;}
.counter-404-link {margin: 40px 0 80px 0;}


a {color: #ceb683;}
a:hover {color: #000;}

/* BUTTON --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn {padding: 8px 25px 8px 10px; background: url(/img/bg_btn.png) center right no-repeat; border: 1px solid #ceb683; cursor: pointer; text-transform: lowercase; display: inline-block; color: #ceb683; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.btn:hover {background: url(/img/bg_btn_h.png) center right no-repeat; color: #000; border: 1px solid #000;}
.btn_negative {padding: 8px 25px 8px 10px; background: url(/img/bg_btn.png) center right no-repeat #000; border: 1px solid #000; cursor: pointer; text-transform: lowercase; display: inline-block; color: #dec48e; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.btn_negative:hover {background: url(/img/bg_btn.png) center right no-repeat #590715; color: #dec48e; border: 1px solid #590715;}

/* FORMS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
input, textarea {border: 1px solid #d9d9d9; color: #000; background-color: transparent; padding: 11px 10px; font: normal 16px/1 'Muli', Tahoma, Arial, sans-serif; margin: 0px;}
select {border: 1px solid #d9d9d9; color: #000; background-color: transparent; padding: 10px 10px; font: normal 16px/1 'Muli', Tahoma, Arial, sans-serif; margin: 0px;}
input:focus, textarea:focus, select:focus {border: 1px solid #ceb683;}

/* PRELOAD */

#preloadb{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #000; opacity: 0.95; filter: alpha(opacity = 95); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm{font-family: 'Muli', tahoma, arial; width: 300px; position: fixed; top: 40px; left: 50%; margin: 0 0 0 -150px; padding: 20px; line-height: 24px; text-align: center; z-index: 111113; background-color: #77071a; font-size: 16px; color: #fff; display: none; cursor: pointer;}
#preloadm-rodo{font-family: 'Muli', tahoma, arial; line-height: 1.3; text-align: center; z-index: 111113; background-color: #77071a; color: #fff; display: none; cursor: pointer;}

@media (min-width: 1px) {
    #preloadm-rodo{width: 280px; position: absolute; top: 10px; left: 50%; margin: 0 0 0 -160px; padding: 20px; font-size: 13px;}
}
@media (min-width: 480px) {
    #preloadm-rodo{width: 400px; position: absolute; top: 20px; left: 50%; margin: 0 0 0 -220px; padding: 20px; font-size: 14px;}
}
@media (min-width: 640px) {
#preloadm-rodo{width: 560px; position: absolute; top: 30px; left: 50%; margin: 0 0 0 -300px; padding: 20px; font-size: 15px;}
}
@media (min-width: 768px) {
#preloadm-rodo{width: 700px; position: absolute; top: 40px; left: 50%; margin: 0 0 0 -370px; padding: 20px; font-size: 16px;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1500px) {
}

.gallery-all-images {display: none;}
.rodo-content {text-align: left;}
.rodo-content .btn {text-transform: uppercase;}

/* POPUP */
#popup {display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.6); z-index: 10000; top: 0; left: 0;}
#popup .popup-content {display: block; text-align: center; background-color: #313131; color: #fff; margin: 40px auto; position: relative;}
#popup .popup-close {font-size: 16px; font-weight: 700; background: url(/img/bg_popup_close.png) no-repeat center center #d9b646; display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 7px; right: 7px; color: #fff;}
#popup .popup-close:hover {background-color: #848484;}

@media (min-width: 1px) {
    .popup_photo {width: 100%; height: auto;}
    #popup .popup-content {width: 80%; font: normal 14px/1.3 'Lato', Tahoma, Arial, sans-serif;}
    #popup form input {margin-bottom: 10px; width: 90%;}
    #popup h1 {font-size: 16px; padding: 0 0 10px 0; margin: 0 0 10px 0;}
    #popup .popup-content {width: 240px; padding: 50px 30px;}
}
@media (min-width: 480px) {
    #popup form input {margin-bottom: 10px; width: 140px;}
    #popup .popup-content {width: 300px; padding: 50px 50px;}
}
@media (min-width: 640px) {
    #popup .popup-content {font: normal 16px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup form input {margin-bottom: 10px; width: 200px;}
    #popup h1 {font-size: 21px;}
    #popup .popup-content {width: 500px; padding: 80px 50px;}
}
@media (min-width: 768px) {
    #popup form input {margin-bottom: 10px; width: 230px;}
    #popup .popup-content {width: 600px; padding: 80px 50px;}
}
@media (min-width: 1024px) {
    #popup .popup-content {width: 800px; padding: 80px 100px;}
    #popup form input {margin-bottom: 10px; width: 230px;}
}
@media (min-width: 1366px) {
    #popup form input {margin-bottom: 10px; width: 200px;}
}
@media (min-width: 1440px) {
    #popup .popup-content {font: normal 18px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #popup form input {margin-bottom: 10px; width: 210px;}
}
@media (min-width: 1600px) {
    #popup form input {margin-bottom: 10px; width: 235px;}
}
@media (min-width: 1800px) {
    #popup form input {
        margin-bottom: 10px;
        width: 275px;
    }
}

.question {display: none;}
.question .error {display: none; color: #a00; font-weight: 700; font-size: 17px; margin: 0 0 15px 0;}
.question form {display: none;}
.question .result {display: none;}

.question .title {margin: 0 0 30px 0; font-weight: 600; font-size: 21px;}
.question .answers {margin: 0 0 30px 0;}
.question .answers div {font-size: 17px; margin: 10px 0;}
.question .answers input {margin: 0 15px 0 0;}

.question label {display: inline-block; cursor: pointer; position: relative; padding-left: 40px; margin-right: 15px; font-style: normal;}
.question input[type=radio] {display: none;}
.question label:before {content: ""; font-family: FontAwesome; display: inline-block; width: 25px; height: 25px; position: absolute; left: 0; top: -3px; border-radius: 25px; border: 1px solid #ceb683;}
.question input[type=radio]:checked + label:before {content: '\f00c'; color: #fff; background-color: #74071a; border: 1px solid #ceb683; font-size: 14px; text-align: center; line-height: 25px;}
.question input[type=radio]:checked + label {font-weight: 700;}

.result .title {margin: 0 0 15px 0; font-weight: 700; font-size: 20px; color: #74071a;}
.result .score {display: none; margin: 0 0 15px 0; font-weight: 700; font-size: 20px; color: #74071a;}
.result .content {font-size: 18px;}
.result .video {display: none; width: 100%; margin: 0 0 40px 0;}


.quiz .btn {display: none;}
.quiz .btn.show {display: inline-block;}
.quiz .show {display: block;}

.question .answer.wrong input[type=radio]:checked + label:before {background-color: #b40720;}
.quiz .wrong {color: #b40720;}

.question .answer.correct input[type=radio]:checked + label:before {background-color: #08830f;}
.quiz .correct {color: #08830f; font-weight: 700;}



@media (min-width: 1px) {
    .result .video {height: 200px;}
}
@media (min-width: 480px) {
    .result .video {height: 250px;}
}
@media (min-width: 640px) {
    .result .video {height: 300px;}
}
@media (min-width: 768px) {
    .result .video {height: 200px;}
    .quiz_bg {background: url(/img/quiz_baner.jpg) top right no-repeat; background-size: contain;}
    .quiz {width: 50%;}
    .quiz_bg {min-height: 300px;}
}
@media (min-width: 1024px) {
    .result .video {height: 225px;}
    .quiz_bg {min-height: 500px;}
}
@media (min-width: 1366px) {
    .result .video {height: 250px;}
    .quiz_bg {min-height: 600px;}
}
@media (min-width: 1440px) {
    .result .video {height: 270px;}
    .quiz_bg {min-height: 700px;}
}
@media (min-width: 1600px) {
    .result .video {height: 295px;}
    .quiz_bg {min-height: 800px;}
}
@media (min-width: 1800px) {
    .result .video {height: 305px;}
    .quiz_bg {min-height: 900px;}
}

/*BLOCKS*/
.block_description_left, .block_description_right {margin: 0 0 30px 0;}
.block_description_foto img {width: 100%; height: auto; margin: 0 0 20px 0;}
.block_description {margin: auto 0;}

.tutorials_item {margin: 0 0 30px 0;}
.tutorials_title {margin: 0 0 10px 0; color: #ceb683; font-weight: 600; font-size: 16px;}

.opera_secrets {position: relative;}
.opera_secrets img {width: 100%; height: auto; position: relative; z-index: 1;}
.opera_navi {background: url(/img/navi_ico.png) center left no-repeat; padding: 4px 0 4px 24px; font-weight: 700; font-size: 12px;}

.opera-secret-popup {display: grid; grid-template-columns: 50% 50%;}
.opera-secret-popup img {width: 100%; height: auto;}

.dyrygent {position: absolute; left: 48.5%; bottom: 13%; z-index: 2;}
.orkiestron {position: absolute; left: 64%; bottom: 18%; z-index: 3;}
.scena {position: absolute; left: 27%; bottom: 19%; z-index: 4;} 
.solisci {position: absolute; left: 48.75%; bottom: 30.5%; z-index: 5;} 
.chor {position: absolute; left: 59.75%; bottom: 51%; z-index: 6;} 
.balet {position: absolute; left: 40%; bottom: 33%; z-index: 7;} 
.kulisy {position: absolute; left: 48%; bottom: 74%; z-index: 8;}
.scenografia {position: absolute; left: 45%; bottom: 50%; z-index: 9;}
.widownia {position: absolute; left: 81%; bottom: 47%; z-index: 10;}


@media (min-width: 1px) {
    .block_description_left {display: grid; grid-template-columns: 100%;}
    .block_description_right {display: grid; grid-template-columns: 100%;}
    .tutorials_list {display: grid; grid-template-columns: 100%;}
    .tutorials_item .video {height: 170px;}
    a.opera_navi {color:rgba(255,255,255,0);}
    a.opera_navi:hover {color:rgba(238,184,34,0);}
}
@media (min-width: 480px) {
    .tutorials_item .video {height: 230px;}
}
@media (min-width: 640px) {
    .tutorials_item .video {height: 310px;}
}
@media (min-width: 768px) {
    .block_description_left {display: grid; grid-template-columns: 65% 30%; grid-column-gap: 5%;}
    .block_description_right {display: grid; grid-template-columns: 30% 65%; grid-column-gap: 5%;}
    .tutorials_list {display: grid; grid-template-columns: 47% 47%; grid-column-gap: 6%;}
    .tutorials_item .video {height: 130px;}
}
@media (min-width: 1024px) {
    .tutorials_item .video {height: 190px;}
    a.opera_navi {color:rgba(255,255,255,1);}
    a.opera_navi:hover {color:rgba(238,184,34,1);}
}
@media (min-width: 1366px) {
    .tutorials_list {display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%;}
    .tutorials_item .video {height: 150px;}
}
@media (min-width: 1600px) {
    .tutorials_item .video {height: 190px;}
}


.line-height-1 {line-height: 1.3;}
.line-height-2 {line-height: 1.4;}
.line-height-3 {line-height: 1.5;}
.line-height-4 {line-height: 1.6;}
.line-height-5 {line-height: 1.7;}
.line-height-6 {line-height: 1.8;}
.line-height-7 {line-height: 1.9;}
.line-height-8 {line-height: 2;}
.line-height-9 {line-height: 2.1;} 

.line-height-1 .slide_text .title, .line-height-1 .news_title {line-height: 1;}
.line-height-2 .slide_text .title, .line-height-2 .news_title {line-height: 1.1;}
.line-height-3 .slide_text .title, .line-height-3 .news_title {line-height: 1.2;}
.line-height-4 .slide_text .title, .line-height-4 .news_title {line-height: 1.3;}
.line-height-5 .slide_text .title, .line-height-5 .news_title {line-height: 1.4;}
.line-height-6 .slide_text .title, .line-height-6 .news_title {line-height: 1.5;}
.line-height-7 .slide_text .title, .line-height-7 .news_title {line-height: 1.6;}
.line-height-8 .slide_text .title, .line-height-8 .news_title {line-height: 1.7;}
.line-height-9 .slide_text .title, .line-height-9 .news_title {line-height: 1.8;}

.paragraph-height-1 p {margin: 0 0 15px 0;}
.paragraph-height-2 p {margin: 0 0 20px 0;}
.paragraph-height-3 p {margin: 0 0 25px 0;}
.paragraph-height-4 p {margin: 0 0 30px 0;}
.paragraph-height-5 p {margin: 0 0 35px 0;}

.paragraph-height-1 .news_title, .paragraph-height-1 .product_title, .paragraph-height-1 .product_desc {margin: 0 0 15px 0;}
.paragraph-height-2 .news_title, .paragraph-height-2 .product_title, .paragraph-height-2 .product_desc {margin: 0 0 20px 0;}
.paragraph-height-3 .news_title, .paragraph-height-3 .product_title, .paragraph-height-3 .product_desc {margin: 0 0 25px 0;}
.paragraph-height-4 .news_title, .paragraph-height-4 .product_title, .paragraph-height-4 .product_desc {margin: 0 0 30px 0;}
.paragraph-height-5 .news_title, .paragraph-height-5 .product_title, .paragraph-height-5 .product_desc {margin: 0 0 35px 0;}

.letter-spacing-1 {letter-spacing: 0px;}
.letter-spacing-2 {letter-spacing: 1px;}
.letter-spacing-3 {letter-spacing: 2px;}
.letter-spacing-4 {letter-spacing: 3px;}
.letter-spacing-5 {letter-spacing: 4px;}

.word-spacing-1 {word-spacing: 0px;}
.word-spacing-2 {word-spacing: 2px;}
.word-spacing-3 {word-spacing: 4px;}
.word-spacing-4 {word-spacing: 6px;}
.word-spacing-5 {word-spacing: 8px;}