@CHARSET "UTF-8";

.fleft { float: left; }
.fright { float: right; }
.container { width: 1050px; }

body { font-size: 10px; line-height: 16px; color: #58595b; background-color: #3d2d43; font-family: tahoma, sans-serif; }
body > * { background-color: #FFF; }

body .site-header { overflow: hidden; font-family: 'Dosis', sans-serif; }
body .site-header h1 { margin: 10px 0; }
body .site-header > div { max-width: 86.666667%; text-align: right; margin-top: 26px; }
body .site-header > div:first-child { max-width: 12%; margin-top: 0; }
body .site-header > div h2 { margin: 0; line-height: 1em; }

body .site-header > div .date-module { font-size: 1.7em; text-transform: uppercase; line-height: 1.4em; color: #000; margin-right: 20px; font-weight: 500;}

.search form { margin: 0; }
.search form fieldset { overflow: hidden; }
.search form input { border-width: 0; box-shadow: 0 0 0; border-radius: 0; padding: 0 10px; line-height: 23px;  height: 23px; background-color: #999;  color: #FFF; font-size: 1.6em; float: left; }
.search form button { border-width: 0; border-radius: 0; background: url('../images/search-button.png') no-repeat center center scroll #61456a; height: 23px; width: 23px; float: left; text-indent: -99999px; }

.search-results { padding: 0; margin: 0; list-style: none; font-size: 1.4em; line-height: 1.4em; }
.search-results li { padding-bottom: 5px;}

.social-menu ul { list-style: none; padding: 0; margin: 0 0 0 5px; }
.social-menu ul li { display: inline-block; margin: 0 5px; }

.main-menu .btn, .main-menu .brand { display: none; }
.main-menu ul { list-style: none; margin: 0 0 5px; padding: 0; background-color: #999999; width: 100%; text-align: right; font-family: 'Dosis', sans-serif; }
.main-menu ul li { display: inline-block; position: relative; }
.main-menu ul li a { color: #FFF; font-size: 2.4em; line-height: 1.4em; display: block; padding: 0 13px; background-color: #61456a; text-transform: uppercase; }
.main-menu ul li a:hover, .main-menu ul li a:focus, .main-menu ul li:hover > a { background-color: #999; text-decoration: none; }
.main-menu ul li.active > a { font-weight: bolder; background-color: #999; }

.main-menu ul.menu > li > ul { position: absolute; right: 0; top: 100%; display: none; width: auto; background-color: #61456a; text-align: right; min-width: 100%; border-radius: 5px; padding: 3px 0; border-top: 3px solid #FFF; z-index: 100000; }
.main-menu ul.menu > li:hover > ul { display: block; }
.main-menu ul.menu > li ul li { display: block; }
.main-menu ul.menu > li ul li a { white-space: nowrap; background: none; font-size: 1.9em; display: block; overflow: hidden; }
.main-menu ul.menu > li ul li a img { margin: 2px 5px 0 0; float: left; }
.main-menu ul.menu > li ul li a span { }
.main-menu ul.menu > li ul li > a:hover, .main-menu ul li:hover ul li > a:focus, .main-menu ul li:hover ul li.active > a, .main-menu ul.menu > li > ul > li:hover { background-color: #a27eaf; display: block; }

.main-menu ul.menu > li > ul > li > ul { position: absolute; left: 100%; top: -3px; display: none; width: auto; background-color: #61456a; text-align: right; min-width: 100%; border-radius: 5px; padding: 3px 0; border-left: 3px solid #FFF; text-align: left }
.main-menu ul.menu > li > ul > li:hover > ul { display: block; }

.latest-news { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; }
.latest-news li { width: 24%; margin: 0 0.5%; overflow: hidden; float: left; position: relative; }
.latest-news li > img { width: 100%; display: block; }
.latest-news li > p { line-height: 1.5em; font-size: 1.2em; text-transform: uppercase; color: #FFF; background-color: #000; width: 93%; padding: 0 4%; text-align: right; margin: 0; font-weight: bold; font-family: 'Dosis', sans-serif }
.latest-news li > div { position: absolute; top: 0; left: 0; padding: 5%; width: 91%;  background: url('../images/violet-background.png') repeat left top scroll transparent; height: 95%; display:none; line-height: 1.4em; }
.latest-news li > div a { color: #FFF; }
.latest-news li > div a:hover { text-decoration: none; }
.latest-news li > div a span { text-align: right; display: block; }
.latest-news li > div a span:first-child { height: 88%; overflow: hidden; margin-bottom: 5%; text-align: left;  }
.latest-news li > div a span img { margin-left: 10px;}
.latest-news li:hover > div { display: block; }

.component { margin: 5px auto; text-align: justify; }
.item-page { margin: 0 10px; }
.item-page .page-header { padding-bottom: 0; margin: 0; border-bottom: 0; }
.item-page .page-header > * { font-size: 2.7em; color: #61456a; line-height: 1.4em; margin: 0 0 10px 0; font-family: 'Dosis', sans-serif; text-transform: uppercase; }
.item-page .article-body { font-size: 1.4em; line-height: 1.3em; }
.item-page h3 { margin: 0; color: #61456a; font-size: 20px; font-family: 'Dosis', sans-serif; text-transform: uppercase; font-weight: bold; }	

.workteam-list { list-style: none; padding: 0; margin: 0; }
.workteam-list .person-header { font-size: 1.8em; line-height: 1.4em; color: #808285; }
.workteam-list .person-description { font-size: 1.4em; line-height: 1.3em; color: #808285; overflow: hidden; }
.workteam-list .person-description > div { padding-bottom: 10px; border-bottom: 1px solid #CCC; margin-bottom: 10px }

.workteam-list.js-list .person-header { padding-left: 15px; background: url('../images/arrow-show.png') no-repeat left center scroll transparent; cursor: pointer; }
.workteam-list.js-list .person-header.active { background-image: url('../images/arrow-hide.png'); }
.workteam-list.js-list .person-description { display: none; }


.rrrworkteam h3 { font-size: 2.7em; color: #61456a; line-height: 1.4em; margin: 0 0 10px 0; text-transform: uppercase; font-family: 'Dosis', sans-serif; }
.rrrworkteam ul { list-style: none; padding: 0; margin: 0 0 0 10px; color: #58595b; font-size: 1.5em; line-height: 1.4em; text-align: left; }
.rrrworkteam ul li { margin-bottom: 20px; }
.rrrworkteam ul p { margin-bottom: 0; }

.rrr-plays { margin-bottom: 20px; }
.rrr-plays, .two-columns { background: url('../images/gray-border.png') repeat-y 66.5% top scroll transparent; }

.rrr-plays > div { width: 30%; }
.rrr-plays > div:first-child { width: 65%;}

.rrr-plays .span4 > div:first-child h2 { margin-top: 0; }

.rrr-plays .main-video iframe { height: 400px; }
.rrr-plays .article-body, .rrr-plays .column-row { font-size: 1.4em; line-height: 1.3em; padding-top: 10px; margin: 10px 0 0 0; border-top: 1px solid #CCC; }
.rrr-plays .article-body:first-child, .rrr-plays .column-row:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; }
.rrr-plays h2, .rrr-plays .mod-articles-category-title { font-size: 2em; line-height: 1.2em; color: #61456a; font-family: 'Dosis', sans-serif; text-transform: uppercase; text-align: left; height: 1.2em; }
.rrr-plays > div:first-child > .article-body:first-child h2 { height: auto; }
.rrr-plays h2 img, .item-page .page-header > * img, .moduletable > h3 > img { height: 100%; margin-right: 10px; vertical-align: top; }
.rrr-plays .record-partners p { color: #61456a; font-size: 0.85em; font-family: dosis; text-transform: uppercase; }
.rrr-plays iframe { height: 250px; }

.rrr-plays .category-module li { margin: 0; padding: 0; border-width: 0;  }
.rrr-plays .category-module li .person-header { font-size: 28px; font-weight: bold; line-height: 1.2em; background: url('../images/arrow-article-show.png') no-repeat left 5px scroll transparent; padding-left: 25px; cursor: pointer; }
.rrr-plays .category-module li .person-header:hover { text-decoration: underline; }
.rrr-plays .category-module li .person-header.active { background: url('../images/arrow-article-hide.png') no-repeat 2px 8px scroll transparent; }
.rrr-plays .category-module li .mod-articles-category-introtext { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #999;}
.rrr-plays .category-module li .image-content { margin-bottom: 10px; max-height: 100%; }

.category-module { list-style: none; margin: 0; padding: 0; }
.category-module li { padding-top: 10px; margin-top: 10px; border-top: 1px solid #CCC; }
.category-module li:first-child { padding-top: 0; margin-top: 0; border-top-width: 0; }
.category-module li h3, .category-module li p.person-header { color: #61456a; font-size: 20px; text-transform: uppercase; line-height: 1.4em; margin-bottom: 5px; font-family: dosis; }
.category-module li .image-content { width: 100%; overflow: hidden; max-height: 80px;  }
.category-module li .image-content img { display: block; width: 100%; }
.category-module li .image-content img.default-image { display: none; }
.category-module li .mod-articles-category-introtext { text-align: justify; overflow: hidden; }

.record-galleries { overflow: hidden; margin-bottom: -15px; }
.record-galleries div { width: 48%; margin-bottom:15px; float: left; text-align: center; clear: both; }
.record-galleries div.odd { float: right; clear: none; }
.record-galleries div p { margin: 5px 0 0; text-align: left; }
.record-galleries div ul { list-style: none; margin: 0; padding: 0; }
.record-galleries div ul li { display: none; height: 90px; overflow: hidden; }
.record-galleries div ul li.active { display: block; }
.record-galleries div ul li img { width: 100%; }

.covers-content { position: relative; margin-bottom: 10px; overflow: hidden; }
.covers-content ul.covers-hidden { width: 1000%; visibility: hidden; overflow: hidden; list-style: none; margin: 0; padding: 0; }
.covers-content ul.covers-hidden li { width: 10%; float: left; }
.covers-content ul.covers-hidden li img { width: 100%; }

.covers-content .covers-list { position: absolute; top: 0; left: 0; width: 1000%; list-style: none; margin: 0; padding: 0; }
.covers-content .covers-list li { position: absolute; top: 0; left: 0; width: 10%; text-align: center; visibility: hidden; }
.covers-content .covers-list li.active { visibility: visible; }

.covers-navigation { text-align: center; list-style: none; margin: 0; padding: 0; }
.covers-navigation li { display: inline-block; width: 18px; height: 18px; border: 1px solid #61456a; color: #FFF; margin: 0 3px; cursor: pointer; }
.covers-navigation li.active, .covers-navigation li:hover { background-color: #61456a; color: #61456a; }

.record-partners ul { margin: 0 0 10px; list-style: none; padding: 0; overflow: hidden; }
.record-partners ul li { height: 43px; float: left; margin: 0 10px 15px 0; }
.record-partners ul li img { max-width: 100%; max-height: 100%; }

.repertuar { width: 100%; margin-bottom: 30px; }
.repertuar thead { color: #FFF; background-color: #61456a; font-size: 1.3em; line-height: 1.7em; font-family: 'Dosis', sans-serif; }
.repertuar thead th { text-align: left; }
.repertuar thead th:first-child { text-indent: 5px; }
.repertuar tbody { font-size: 1.6em; line-height: 1.8em; color: #808285; }
.repertuar tbody tr:first-child { border-top: 6px solid #FFF; }
.repertuar tbody tr.even { background-color: #dfdae1; color: #000; }
.repertuar tbody tr td:first-child { text-indent: 5px; }
.repertuar tbody tr a { color: #808285; font-weight: bold; }
.repertuar tbody tr.even a { color: #000; }
.repertuar tbody tr td { border-bottom: 1px solid #999; text-align: left; }

.repertuar-navigation { margin-bottom: 10px; font-size: 2.7em; color: #61456a; font-family: 'Dosis', sans-serif; font-weight: bold; line-height: 1.4em; margin-top: -8px; text-align: center; }
.repertuar-navigation span { vertical-align: middle; padding: 0 10px;}
.repertuar-navigation a { display: inline-block; background: url('../images/arrow-next.png') no-repeat right center scroll transparent; text-transform: uppercase; padding-right: 10px; font-size: 0.7em; font-weight: 300; vertical-align: middle; }
.repertuar-navigation a:first-child { background: url('../images/arrow-previous.png') no-repeat left center scroll transparent; padding: 0 0 0 10px; }

.page-content-bottom { font-size: 1.2em; }
.page-content-bottom .moduletable { margin-top: 20px; }
.page-content-bottom .moduletable:first-child { margin-top: 0; }
.page-content-bottom .moduletable.copyrights { margin: 15px 0; }
.page-content-bottom .moduletable h3 { font-size: 1.3em; line-height: 1.4em; font-family: 'Dosis', sans-serif; display: inline-block; margin: 0; font-weight: lighter;  }
.page-content-bottom .moduletable h3.active { cursor: pointer; padding-right: 10px; background: url('../images/arrow-gray.png') no-repeat right center scroll transparent; }

.page-content-bottom .moduletable.hot-news { border-bottom: 1px solid #999; margin-top: 8px; }
.page-content-bottom .moduletable.hot-news > h3 { font-size: 2em; line-height: 1.4em; background-color: #fc3f5e; color: #FFF; font-weight: bold; display: block; padding-left: 15px; margin-bottom: 10px; }
.page-content-bottom .moduletable.hot-news > h3:after { content: url('../images/hot-news.png'); background-position: left center; display: inline-block; margin-left: 10px;  }
.page-content-bottom .moduletable.hot-news .category-module { overflow: hidden; }
.page-content-bottom .moduletable.hot-news .category-module li { float: left; width: 19%; margin: 0 0.5%; text-align: left; padding: 0; border-top-width: 0; }
.page-content-bottom .moduletable.hot-news .category-module li .image-content .default-image { display: block; }
.page-content-bottom .moduletable.hot-news .category-module li .news-artice-content > .mod-articles-category-title { display: block; font-size: 1.4em; line-height: 1.1em; margin: 5px 0 1px; font-weight: bold; font-family: 'Dosis', sans-serif; color: #000; text-transform: uppercase; }
.page-content-bottom .moduletable.hot-news .category-module li .news-artice-content > .mod-articles-category-introtext { line-height: 1.4em; text-align	: left; font-size: 1.1em; }
.page-content-bottom .moduletable.hot-news .category-module li .news-artice-content > .mod-articles-category-introtext p { display: inline; }
.page-content-bottom .moduletable.hot-news .category-module li .mod-articles-category-readmore { text-align: right; }
.page-content-bottom .moduletable.hot-news .category-module li .news-artice-content { max-height: 150px; overflow: hidden; }

.rrr_slider { margin-bottom: 10px; }
.rrr_slider > div { position: relative; height: 42px; border: 1px solid #999; border-width: 1px 0; padding: 10px 0; overflow: hidden; }
.rrr_slider > div ul.image-slider { position: absolute; top: 0; left: 0; list-style: none; padding: 10px 0; margin: 0; height: 42px; width: 99999px; }
.rrr_slider > div ul.image-slider li { margin-left: 30px; float: left; height: 42px; position: relative; }
.rrr_slider > div ul.image-slider li:first-child { margin-left: 0; }
.rrr_slider > div ul li .hover-image { position: absolute; top: 0; left: 0; width: 10)%; overflow: hidden; visibility: hidden; }
.rrr_slider > div ul li:hover img { visibility: hidden; }
.rrr_slider > div ul li:hover .hover-image { visibility: visible; }

.rrr_slider.slider-inactive > div { height: auto; }
.rrr_slider.slider-inactive > div .slider-wrapper { height: auto !important; }
.rrr_slider.slider-inactive > div ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.rrr_slider.slider-inactive > div ul li { display: inline-block; margin: 5px 15px; position: relative; }
.rrr_slider.slider-inactive > div ul li .hover-image, .rrr_slider.slider-inactive > div ul li:hover img { visibility: hidden; }
.rrr_slider.slider-inactive > div ul li:hover .hover-image { visibility: visible; }

.page-footer { overflow: hidden; background-color: #3d2d43; color: #FFF; margin: 10px auto 0; }
.page-footer h3 { color: #a27eaf; font-size: 1.9em; line-height: 1.4em; font-weight: bolder; font-family: 'Dosis', sans-serif; margin: 0 0 5px; }
.page-footer a { color: #FFF; }
.page-footer .custom { font-size: 1.2em; line-height: 1.4em; width: 100%; }
.page-footer > .width-66 { width: 62%; border-right: 1px solid #9e96a1; margin-right: 3%; }
.page-footer > .width-29 { width: 29%; }
.page-footer .moduletable.arrow-module { margin-top: 50px; width: auto; }

.page-footer .quick-contact ul { list-style: none; margin: 0; padding: 0; width: 100%; font-size: 1.2em; line-height: 1.4em; }
.page-footer .quick-contact ul li { float: left; padding-left: 3%; margin-left: 2%; border-left: 1px solid #9e96a1; line-height: 1.4em; }
.page-footer .quick-contact ul li:first-child { float: left; padding-left: 0; margin-left: 0; border-left: 0 solid #9e96a1; }

.page-footer .repertuar-list { font-size: 1.2em; line-height: 1.4em; list-style: outside disc; padding-left: 15px; margin: 0; }

.js-readmore-paragraph { text-align: right; }
.js-readmore-paragraph span { cursor: pointer; font-weight: bold; }

@media (min-width: 940px) and (max-width: 1200px) {
	.container { width: 940px; }
	
	
	.nav-collapse, .nav-collapse.collapse { height: auto; overflow: visible; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 0 13px; color: #FFF; border-radius: 0; margin: 0; border-width: 0; font-size: 2em; }
}

@media (min-width: 768px) and (max-width: 940px) {
	body { padding: 0; }
	
	.container { width: 768px; }
	
	.nav-collapse, .nav-collapse.collapse { height: auto; overflow: visible; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 0; font-weight: normal; }
	.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus { background: none; }
	
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 0 13px; color: #FFF; border-radius: 0; margin: 0; border-width: 0; font-size: 1.6em; }
	
	body .site-header > div .date-module { display: none; }
}

@media (min-width: 620px) and (max-width: 767px) {
	body { padding: 0; }
	
	.container { width: 100%; }
	
	.nav-collapse, .nav-collapse.collapse { height: auto; overflow: visible; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 0; font-weight: normal; }
	.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus { background: none; }
	
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 0 7px; color: #FFF; border-radius: 0; margin: 0; border-width: 0; font-size: 1.5em; }
	
	body .site-header > div .date-module { display: none; }
	
	body .site-header > div { margin-top: 8px; }
	body .site-header > div > div > div.fleft { width: 51%; }
	
	.search form input { width: 130px; }
	
	.latest-news li > p { font-size: 1em; }
	.latest-news li > div a span img { height: 15px; }
	
	.page-footer > .width-66, .page-footer > .width-29 { width: 100%; }
	.page-footer h3 { text-align: center; }
	.page-footer .quick-contact ul li { width: 33% !important; text-align: center; margin: 0; padding: 0; border-width: 0; }
	.page-footer .repertuar-list { padding: 0; margin: 0; list-style: none; text-align: center; }
	
	.page-footer .moduletable.arrow-module { display: none; }
	
	.rrr-plays, .two-columns { background-image: none; }
	.page-content .rrr-plays > div { width: 100% !important; float: none !important; margin-bottom: 10px; }
}

@media (max-width: 620px) {
	body { background-color: #FFF; padding: 0; }
}

@media (max-width: 120px) {
	.container { width: 100%; }
	
	body { padding: 0; }
	
	body .site-header > div { margin-top: 15px; max-width: 100%; }
	body .site-header > div.fleft { display: none; }
	
	body .site-header > div .right-header > div.fleft { width: 44%; }
	body .site-header > div .right-header > div.fright { width: 50%; margin: 0; }
	
	body .site-header > div .date-module, body .site-header > div .social-menu, .page-content-bottom .moduletable.copyrights { display: none; }
	
	.search form input { max-width: 83%; }
	
	
	.latest-news li { width: 100%; float: none }
	.latest-news li > a:first-child { display: block; text-align: center; }
	.latest-news li > p { text-align: center; }
	.latest-news li > div { position: relative; width: 96%; padding: 2%; display: block; }
	
	.page-content-bottom .moduletable.hot-news .category-module li { width: 100%; float: none; }
	
	body .header .navbar { position: relative; }
	body .header .navbar .container .btn { display: block; float: right; margin: 30px 10px 0 0;}
	.navbar .btn > span { display: block; width: 80px; margin-bottom: 5px; border-top: 1px solid #777777; height: 0px; }
	.navbar .btn > span:first-child { margin-top: 5px; }
	
	body .header .nav-collapse, body .header .nav-collapse.collapse { position: absolute; top: 100%; right: 0; min-width: 104px; }
	body .header .navbar .container ul { margin: 10px 0 0; background: #FFF; }
	body .header .navbar .container ul li { display: block; margin: 0;  }

	body .header .navbar .container ul li a { padding: 0; border-radius: 0; white-space: nowrap; margin: 0; padding: 0 20px; color: #0F0F0F; }
	body .header .navbar .container ul li a:hover, body .header .navbar .container ul li a:hover, body .header .navbar .container ul li a:focus, body .header .navbar .container ul li a:focus { background-color: #0F0F0F; }
	
	
	.page-footer > .width-66, .page-footer > .width-29 { width: 100%; }
	.page-footer h3 { text-align: center; }
	.page-footer .quick-contact ul li { width: 100% !important; text-align: center; margin: 0; padding: 0; border-width: 0; }
	.page-footer .repertuar-list { padding: 0; margin: 0; list-style: none; text-align: center; }
}

@media (max-width: 768px) and (orientation:portrait){
	
}