/*; Theme Name: MetropoleOrkest Theme URI: http://www.metropoleorkest.nl Description: Custom WordPress theme for MetropoleOrkest.nl Version: 1.0 Author: Daan Vos de Wael Author URI: http://daan.vosdewael.com */ /*-- RESET | Based on Eric Meyer --*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,em,img,strong,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-moz-box-sizing:border-box;box-sizing:border-box;} html{overflow-y:scroll;} body{line-height:1;} ol,ul{list-style:none;} a{text-decoration:none;} a img{border:none;} /*-- MAIN --*/ html, body { height: 100%; } body { background: black; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px; } #push { height: 200px; } a.read-more { position: absolute; bottom: 15px; left: 10px; font: 400 12px/normal 'Montserrat'; color: black; text-transform: uppercase; background: #ddd; border-radius: 3px; padding: 7px 10px 6px; -webkit-transition: background, color 0.1s; transition: background, color 0.1s; } a.read-more:hover { background: #bbb; color: white; } @media (max-width: 768px) { body { padding-left: 0 !important; padding-right: 0 !important; } } /*-- HEADER --*/ #header { width: 100%; height: 150px; background: white; position: relative; z-index: 1; } #header .left, #header .right { position: absolute; top: 0; width: 475px; height: 150px; z-index: -99; } #header .left { left: 0; background: url(images/header-left.png) no-repeat; } #header .right { right: 0; background: url(images/header-right.png) no-repeat; } #header p { position: absolute; top: 60px; right: 50%; margin-right: -470px; font: 400 14px/normal 'Montserrat'; color: #333; text-transform: uppercase; text-align: right; z-index: 99; } #header p:first-child { left: 50%; margin-left: -470px; text-align: left; } #header h1 { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 350px; margin: 16px auto 0; } #header h1 a { background: url(images/mo-logo.png) no-repeat; background-size: 350px 118px; display: block; width: 350px; height: 118px; z-index: 99; } #header .sponsor-btn { position: absolute; top: 80px; right: 50%; margin-right: -470px; font: 400 13px/normal 'Montserrat'; color: #000; background: #D7B502; padding: 7px 15px; text-transform: uppercase; z-index: 99; } #header .sponsor-btn:hover { text-decoration: underline; } #header .lang-select { position: absolute; top: 42px; right: 50%; margin-right: -470px; padding: 5px; background: white; font: 400 10px/normal 'Montserrat'; border: 1px solid #bcbcbc; border-radius: 2px; } #header .lang-select a { color: #333; text-transform: uppercase; } #header .lang-select img { margin: 0 5px 1px 0; vertical-align: middle; } @media (min-width: 1200px) { #header p { margin-right: -585px; } #header p:first-child { margin-left: -585px; } #header .sponsor-btn { margin-right: -585px; } #header .lang-select { margin-right: -585px; } } @media (min-width: 768px) and (max-width: 979px) { #header p { margin-right: -362px; width: 180px; } #header p:first-child { top: 40px; margin-left: -362px; width: 180px; } #header .sponsor-btn { margin-right: -362px; } #header .lang-select { margin-right: -362px; } } @media (min-width: 480px) and (max-width: 768px) { #header h1 a { background-size: 320px 108px; } } @media (max-width: 480px) { #header { width: 320px; height: auto; margin: 0 auto; overflow: hidden; background: #eee; } #header h1 { margin-top: 0px; } #header h1 a { background-size: 320px 108px; } #header .left, #header .right { display: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { #header h1 a { background-image: url(images/mo-logo@2x.png); } } /*-- MAIN NAV --*/ #main-nav { position: absolute; top: 150px; width: 100%; height: 50px; background: #eee; z-index: 999999999; } #main-nav.pinned { position: fixed; top: 0; } #main-nav .logo-small { display: none; position: absolute; top: -40px; left: 50%; margin-left: -510px; background: url(images/mo-logo-small.png) no-repeat; width: 40px; height: 40px; } #main-nav ul { width: 940px; margin: 0 auto; text-align: center; position: relative; font-size: 0; } #main-nav ul li { display: inline; } #main-nav ul li:nth-child(1) a:hover { border-bottom: 5px solid #6B56B4; padding-bottom: 12px; } #main-nav ul li:nth-child(2) a:hover { border-bottom: 5px solid #F68100; padding-bottom: 12px; } #main-nav ul li:nth-child(3) a:hover { border-bottom: 5px solid #EF1514; padding-bottom: 12px; } #main-nav ul li:nth-child(4) a:hover { border-bottom: 5px solid #00BDD8; padding-bottom: 12px; } #main-nav ul li:nth-child(5) a:hover { border-bottom: 5px solid #EF006C; padding-bottom: 12px; } #main-nav ul li:nth-child(6) a:hover { border-bottom: 5px solid #B72DBE; padding-bottom: 12px; } #main-nav ul li:nth-child(7) a:hover { border-bottom: 5px solid #D7B502; padding-bottom: 12px; } #main-nav ul li:nth-child(8) a:hover { border-bottom: 5px solid #90c850; padding-bottom: 12px; } #main-nav ul li:nth-child(9) a:hover { border-bottom: 5px solid #999; padding-bottom: 12px; } #main-nav ul li a { font: 400 13px/50px 'Montserrat'; color: #333; text-transform: uppercase; padding: 17px 15px; text-shadow: 0 1px 2px white; } #home #main-nav ul li:nth-child(1) a, #nieuws #main-nav ul li:nth-child(2) a, #agenda #main-nav ul li:nth-child(3) a, #het-orkest #main-nav ul li:nth-child(4) a, #kijk-luister #main-nav ul li:nth-child(5) a, #educatie #main-nav ul li:nth-child(6) a, #corporate #main-nav ul li:nth-child(8) a, #contact #main-nav ul li:nth-child(9) a { color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #home #main-nav ul li:nth-child(1) a { background: #6B56B4; } #nieuws #main-nav ul li:nth-child(2) a { background: #F68100; } #agenda #main-nav ul li:nth-child(3) a { background: #EF1514; } #het-orkest #main-nav ul li:nth-child(4) a { background: #00BDD8; } #kijk-luister #main-nav ul li:nth-child(5) a { background: #EF006C; } #educatie #main-nav ul li:nth-child(6) a { background: #B72DBE; } #corporate #main-nav ul li:nth-child(8) a { background: #90c850; } #contact #main-nav ul li:nth-child(9) a { background: #999; } #main-nav ul li ul.sub-menu { display: none; } #main-nav ul li ul.sub-menu > li { display: block; float: left; } #main-nav ul li ul.sub-menu a { background: none !important; color: #888 !important; } #agenda #main-nav ul li:nth-child(3) ul.sub-menu, #het-orkest #main-nav ul li:nth-child(4) ul.sub-menu, #kijk-luister #main-nav ul li:nth-child(5) ul.sub-menu, #educatie #main-nav ul li:nth-child(6) ul.sub-menu, #corporate #main-nav ul li:nth-child(8) ul.sub-menu, #contact #main-nav ul li:nth-child(9) ul.sub-menu { position: absolute; top: 50px; left: 50%; width: 980px; margin-left: -490px; display: block; background: #333; } #agenda #main-nav ul li:nth-child(3) ul.sub-menu li.current-menu-item a { border-bottom: 5px solid #EF1514; padding-bottom: 12px; color: white !important; } #het-orkest #main-nav ul li:nth-child(4) ul.sub-menu li.current-menu-item a, #het-orkest.orkestlid #main-nav ul li:nth-child(4) ul.sub-menu li:first-child a { border-bottom: 5px solid #00BDD8; padding-bottom: 12px; color: white !important; } #kijk-luister #main-nav ul li:nth-child(5) ul.sub-menu li.current-menu-item a { border-bottom: 5px solid #EF006C; padding-bottom: 12px; color: white !important; } #educatie #main-nav ul li:nth-child(6) ul.sub-menu li.current-menu-item a { border-bottom: 5px solid #B72DBE; padding-bottom: 12px; color: white !important; } #corporate #main-nav ul li:nth-child(8) ul.sub-menu li.current-menu-item a { border-bottom: 5px solid #90c850; padding-bottom: 12px; color: white !important; } #contact #main-nav ul li:nth-child(9) ul.sub-menu li.current-menu-item a { border-bottom: 5px solid #999; padding-bottom: 12px; color: white !important; } @media (min-width: 1200px) { #main-nav .logo-small { margin-left: -590px; } #main-nav ul { width: 1170px; } #main-nav ul li a { padding: 17px 25px; } #agenda #main-nav ul li:nth-child(3) ul.sub-menu, #het-orkest #main-nav ul li:nth-child(4) ul.sub-menu, #kijk-luister #main-nav ul li:nth-child(5) ul.sub-menu, #educatie #main-nav ul li:nth-child(6) ul.sub-menu, #corporate #main-nav ul li:nth-child(8) ul.sub-menu, #contact #main-nav ul li:nth-child(9) ul.sub-menu { width: 1210px; margin-left: -605px; } } @media (min-width: 768px) and (max-width: 979px) { #main-nav .logo-small { margin-left: -410px; } #main-nav ul { width: 724px; } #main-nav ul li a { font-size: 12px; padding: 18px 7px; } #main-nav ul li a:hover { padding-bottom: 12px !important; } #agenda #main-nav ul li:nth-child(3) ul.sub-menu, #het-orkest #main-nav ul li:nth-child(4) ul.sub-menu, #kijk-luister #main-nav ul li:nth-child(5) ul.sub-menu, #educatie #main-nav ul li:nth-child(6) ul.sub-menu, #corporate #main-nav ul li:nth-child(8) ul.sub-menu, #contact #main-nav ul li:nth-child(9) ul.sub-menu { width: 764px; margin-left: -383px; } } @media (max-width: 768px) { #main-nav { height: auto; } #main-nav ul { width: 100%; } #main-nav ul li { display: inline-block; } #main-nav ul li a { font-size: 12px; line-height: 30px; padding: 8px 6px; } #main-nav ul li a:hover { border-bottom: none !important; padding-bottom: 8px !important; } #main-nav .sub-menu { width: 100% !important; top: 90px !important; left: 0 !important; margin-left: 0 !important; } #main-nav ul li ul.sub-menu > li { display: inline-block; float: none; } #main-nav .sub-menu li a { padding-bottom: 4px !important; border-bottom-width: 3px !important; } } @media (max-width: 480px) { #main-nav { top: 118px; } #main-nav ul { width: 320px; } } /*-- HOME --*/ .home-slides { margin: 0 auto; width: 980px; overflow: hidden; } .home-slides ul.home-slider { position: relative; overflow: hidden; width: 100%; } .home-slides ul.home-slider li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .home-slides ul.home-slider li:first-child { position: relative; display: block; float: left; } .home-slides img { display: block; float: left; border: 0; width: 100%; height: auto; } .home-slides .text { position: absolute; top: 20px; left: 50%; margin-left: -460px; } .home-slides h3 { font: 400 45px/40px 'Montserrat'; text-transform: uppercase; width: 580px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6); margin-bottom: 20px; } .home-slides h3 a { color: white; } .home-slides p { font: 400 14px/18px 'Montserrat'; color: white; width: 380px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); } .rslides_tabs { position: absolute; top: 412px; left: 50%; margin-left: -460px; z-index: 999; } .rslides_tabs li { width: 12px; height: 12px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; float: left; margin-left: 10px; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs li a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OUI5ODU4N0Q0MDgxMUUyOTMzN0Y2N0FEQjg2QTMyNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OUI5ODU4OEQ0MDgxMUUyOTMzN0Y2N0FEQjg2QTMyNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5Qjk4NTg1RDQwODExRTI5MzM3RjY3QURCODZBMzI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5Qjk4NTg2RDQwODExRTI5MzM3RjY3QURCODZBMzI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ONgXywAAAGxJREFUeNpi/P//PwMpgAmN7wvE+4D4MxSD2D4oKkA2QHHLf9ygBaYOptjnP2Hgi6xhHxEaQGoYGKGe/gTEvAT8C/ITHxMJAcSIHEpniNBwGjmUfEn1NMnBCsN+0ND4AsX7YCbDMCOpSQMgwAB2sRRl9WkJMQAAAABJRU5ErkJggg==) no-repeat; width: 12px; height: 12px; display: block; } .rslides_tabs li.rslides_here a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OUI5ODU4M0Q0MDgxMUUyOTMzN0Y2N0FEQjg2QTMyNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OUI5ODU4NEQ0MDgxMUUyOTMzN0Y2N0FEQjg2QTMyNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5Qjk4NTgxRDQwODExRTI5MzM3RjY3QURCODZBMzI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5Qjk4NTgyRDQwODExRTI5MzM3RjY3QURCODZBMzI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1+zxzgAAAH9JREFUeNpiTEtLYyAFMKHxfYF4HxB/hmIQ2weXhhYg3gTEjkDMA8Ug9maoHIoGkCnVeFxSDbUdrqGICOcXImswIUKDCTZP4wOMyBrOEKHhNLKGfiI09CNrAAVdKx7FrVA1KH6oAWJ/IN4PxF+hGMT2g8qBAQuaSZugGCcACDAAc1oWr6BctbQAAAAASUVORK5CYII=); } .home-mid { position: relative; z-index: 99999; background: #222; width: 980px; margin: 0 auto; padding: 20px 0 50px; } .home-mid .top .span4 { background: white; min-height: 450px; position: relative; } .home-mid .top .span4:nth-child(1) { border-bottom: 5px solid #F68100; } .home-mid .top .span4:nth-child(2) { border-bottom: 5px solid #009FD2; } .home-mid .top .span4:nth-child(3) { border-bottom: 5px solid #D7B502; } .home-mid .top div.span4 > h3 { font: 400 14px/40px 'Montserrat'; color: white; text-transform: uppercase; background: #444; display: block; padding-left: 10px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); letter-spacing: 1px; } .home-mid .top .span4:nth-child(3) > h3 { background: #D7B502; color: #000; text-shadow: none; } .home-mid .top .span4:nth-child(3) a.read-more { background: #D7B502; color: #000; } .home-mid .top img { width: 100%; height: auto; } .home-mid .top h4 { font: 400 20px/normal 'Montserrat'; text-transform: uppercase; margin-top: 10px; padding: 0 10px; } .home-mid .top h4 a { color: #333; } .home-mid .top p { font: 400 13px/19px 'Montserrat'; color: #333; padding: 0 10px; margin-top: 5px; } .row-header { margin-top: 40px; margin-bottom: 40px; } .row-header .line { background: #333; height: 5px; margin-top: 6px; } .row-header h3 { font: 400 16px/normal 'Montserrat'; color: white; text-transform: uppercase; text-align: center; } .home-mid .optredens .loader { background: url(images/loader.gif) no-repeat center; height: 30px; } .home-mid .optredens div.span3 { display: none; background: white; min-height: 335px; position: relative; border-bottom: 5px solid #F50100; } .home-mid .optredens div.span3 > h3 { font: 400 14px/normal 'Montserrat'; color: white; text-transform: uppercase; min-height: 40px; background: #444; display: block; padding: 10px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); letter-spacing: 1px; } .home-mid .optredens div.span3 img { width: 100%; height: auto; } .home-mid .optredens div.span3 > h4 { font: 400 16px/normal 'Montserrat'; text-transform: uppercase; margin: 10px 0; padding: 0 10px; } .home-mid .optredens div.span3 > h4 a { color: #333; } .home-mid .optredens div.span3 > ul.concerts li { font: 400 13px/19px 'Montserrat'; color: #333; padding: 0 10px; } .home-mid .optredens div.span3 > ul.concerts li:first-child { padding-top: 3px; } .home-mid .bottom .span4 { background: #F8F8F8; border-bottom: 5px solid #F50100; min-height: 210px; padding: 10px; } .home-mid .bottom .span4:nth-child(3) { padding-bottom: 0; } .home-mid .bottom h5 { font: 400 16px/normal 'Montserrat'; color: #444; } .home-mid .bottom p { font: 400 14px/normal 'Montserrat'; color: #444; margin: 5px 0 10px; } .home-mid .bottom input[type=text] { border: none; background: white; display: block; font: 400 12px/normal Helvetica Neue, Helvetica, Arial, sans-serif; color: #999; font-style: italic; margin-bottom: 10px; padding: 7px 9px; outline: none; width: 200px; } .home-mid .bottom input[type=text]:disabled { background: #ccc; } .home-mid .bottom input[type=text].error { background-color: #F50100; color: white; } .home-mid .bottom input[type=text].error::-webkit-input-placeholder { color: white; } .home-mid .bottom input[type=text].error::-moz-placeholder { color: white; } .home-mid .bottom input[type=text].error:-ms-input-placeholder { color: white; } .home-mid .bottom input[type=submit] { border: none; outline: none; font: 400 12px/normal 'Montserrat'; color: white; text-transform: uppercase; background: #888; border-radius: 3px; padding: 7px 10px 6px; cursor: pointer; -webkit-appearance:none; } .home-mid .bottom .sponsor-slides, .home-mid .bottom .sponsor-slides li { width: 282px; margin: 5px auto 0; } .home-mid .bottom .sponsor-slides img { width: 100%; height: auto; } .home-mid .bottom .mo-app-block { background: url("images/mo-app-block.png") top left no-repeat; background-size: 280px 186px; display: block; width: 280px; height: 166px; margin-top: 10px; } @media (min-width: 1200px) { .home-slides { width: 1210px; } .home-slides .text { margin-left: -575px; top: 30px; } .rslides_tabs { margin-left: -575px; top: 470px; } .home-mid { width: 1210px; } .home-mid .top .span4 { min-height: 470px; } .home-mid .optredens div.span3 { min-height: 355px; } .home-mid .bottom input[type=text] { width: 280px; } .home-mid .bottom .mo-app-block { background-size: 350px 232px; width: 350px; } } @media (min-width: 768px) and (max-width: 979px) { .home-slides { width: 764px; } .home-slides .text { margin-left: -355px; } .home-slides h3 { font-size: 30px; line-height: 36px; width: 450px; margin-bottom: 10px; } .rslides_tabs { margin-left: -355px; top: 358px; } .home-mid { width: 764px; } .home-mid .top .span4 { min-height: 450px; } .home-mid .optredens div.span3 { min-height: 355px; } .home-mid .bottom .span4 { min-height: 220px; } .home-mid .bottom input[type=text] { width: 185px; } .home-mid .bottom .sponsor-slides, .home-mid .bottom .sponsor-slides li { width: 202px; } .home-mid .bottom .mo-app-block { background-size: 208px 138px; width: 208px; margin-top: 20px; } } @media (max-width: 768px) { .home-slides { width: 100%; } .home-slides .text { top: 10px; left: 20px; margin-left: 0; } .home-slides h3 { font-size: 30px; line-height: 36px; width: 60%; margin-bottom: 10px; } .rslides_tabs { display: none; } .home-mid { width: 100%; /*margin: 340px auto 0;*/ } .home-mid .top .span4, .home-mid .optredens div.span3 { margin-bottom: 30px; height: auto; } .home-mid .top p, .home-mid .optredens ul.concerts { margin-bottom: 60px; } .row-header h3 { padding-top: 6px; } } @media (max-width: 480px) { .home-slides h3 { font-size: 20px; line-height: 18px; } .home-slides p { display: none; } .home-mid { width: 300px; /*margin-top: 240px;*/ padding: 12px 0; } .home-mid .row { width: 280px; margin: 0 auto; } .home-mid .row-header { width: 100% !important; margin: 0 0 20px; } .row-header .line { margin-top: 0; } .row-header h3 { font-size: 10px; line-height: 20px; padding-top: 0; } .home-mid .top .span4, .home-mid .optredens div.span3 { min-height: 355px; margin-bottom: 20px; } .home-mid .bottom .span4 { min-height: 200px; margin-bottom: 20px; } .home-mid .top div.span4 > h3, .home-mid .optredens div.span3 > h3 { font-size: 9px; line-height: 30px; } .home-mid .top h4, .home-mid .optredens div.span3 > h4, .home-mid .bottom h5 { font-size: 12px; } .home-mid .top p, .home-mid .optredens div.span3 > p, .home-mid .bottom p { font-size: 9px !important; line-height: 12px !important; } .home-mid a.read-more { font-size: 10px; } .home-mid .optredens ul.concerts { margin-top: 5px; } .home-mid .bottom .sponsor-slides, .home-mid .bottom .sponsor-slides li { width: 252px; } .home-mid .bottom .mo-app-block { background-size: 260px 173px; width: 260px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .rslides_tabs li a { background-size: 6px; } } /*-- TEXT PAGE --*/ .text-page { background: #222; width: 980px; margin: 100px auto 0; padding: 50px 0; } .text-page .row { margin-top: 50px; } .text-page .row:first-child { margin-top: 0; } .text-page img { width: 100%; height: auto; } .text-page h2 { font: 400 45px/40px 'Montserrat'; color: white; text-transform: uppercase; margin-bottom: 25px; } .text-page h4 { font: 400 18px/19px 'Montserrat'; color: white; } .text-page p.heading { font: 400 18px/25px 'Montserrat'; color: white; margin-bottom: 25px; } #kijk-luister .text-page p, #kijk-luister .text-page p.heading { margin-bottom: 0 !important; } #kijk-luister .text-page p a { text-decoration: underline; } #kijk-luister .text-page .new-videos { height: 248px; display: block; position: relative; overflow: hidden; background: black; } #kijk-luister .text-page .new-videos img { position: absolute; top: 50%; margin-top: -174px; cursor: pointer; } #kijk-luister .text-page .new-videos span { background: url(images/play-button.png) no-repeat; width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -41px; cursor: pointer; } .text-page p { font: 400 13px/19px 'Montserrat'; color: white; margin-bottom: 19px; } .text-page a { color: white; text-decoration: underline; } .text-page #map-canvas { width: 100%; height: 370px; } .text-page.pers li { border-bottom: 1px solid #444; clear: both; overflow: hidden; } .text-page.pers li:first-child { border-top: 1px solid #444; } .text-page.pers li p { font: 14px/50px 'Montserrat'; color: white; float: left; margin-bottom: 0; } .text-page.pers li p.pubdate { width: 200px; } .text-page.pers li a { float: right; font: 12px/normal 'Montserrat'; color: white; text-transform: uppercase; background: #F20D00; margin-top: 10px; padding: 8px; border-radius: 3px; } .text-page.download .support { position: relative; background: white; } .text-page.download .support > h3 { font: 400 14px/40px 'Montserrat'; color: white; text-transform: uppercase; background: #444; display: block; padding-left: 10px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); letter-spacing: 1px; } .text-page.download .text p.heading { white-space: pre-wrap; } .text-page.download .text a.redbutton { font: 12px/normal 'Montserrat'; color: white; text-transform: uppercase; background: #F20D00; margin-top: 20px; padding: 8px; border-radius: 3px; text-decoration: none !important; } .text-page.download form { margin-top: 20px; } .text-page.download form label { font: 14px/normal 'Montserrat'; color: white; display: block; } .text-page.download form input[type=text] { border: none; outline: none; display: block; width: 80%; font: 14px/normal 'Montserrat'; color: #333; margin-bottom: 20px; padding: 10px 5px; } .text-page.download form input[type=text].error { background-color: #F50100; color: white; } .text-page.download form input[type=checkbox] { display: inline; } .text-page.download form p.checkbox { display: inline; margin-left: 10px; } .text-page.download form input[type=submit] { border: none; display: block; font: 12px/normal 'Montserrat'; color: white; text-transform: uppercase; background: #F20D00; margin-top: 20px; padding: 8px; border-radius: 3px; cursor: pointer; -webkit-appearance:none; } .text-page.download .support img { width: 100%; height: auto; } .text-page.download .support h4 { font: 400 20px/normal 'Montserrat'; color: #333; text-transform: uppercase; margin-top: 10px; padding: 0 10px; } .text-page.download .support p { font: 400 13px/19px 'Montserrat'; color: #333; padding: 0 10px; margin-top: 5px; } .text-page.download .support .read-more { position: relative !important; bottom: auto; left: auto; display: inline-block; margin: 20px 10px 10px; color: black; } .text-page.download .support .read-more:hover { color: white; } @media (min-width: 1200px) { .text-page { width: 1210px; } #kijk-luister .text-page .new-videos { height: 308px; } #kijk-luister .text-page .new-videos img { margin-top: -213px; } } @media (min-width: 768px) and (max-width: 979px) { .text-page { width: 764px; } #kijk-luister .text-page .new-videos { height: 190px; } #kijk-luister .text-page .new-videos img { margin-top: -132px; } } @media (max-width: 480px) { .text-page { width: 300px; margin-top: 130px; padding: 10px 0; } #corporate .text-page { margin-top: 160px; } .text-page .row { width: 280px; margin: 0 auto; } .text-page h2, .text-page h4 { font-size: 20px; line-height: 24px; margin-bottom: 10px; } .text-page p { font-size: 8px; line-height: 12px; margin-bottom: 15px; } .text-page p.heading { font-size: 12px; line-height: 16px; margin-bottom: 10px; } #kijk-luister .text-page p, #kijk-luister .text-page p.heading { margin-bottom: 10px !important; } #kijk-luister iframe { margin-top: 30px; } #kijk-luister .text-page .new-videos { height: 151px; margin-top: 20px; } #kijk-luister .text-page .new-videos img { margin-top: -106px; } .text-page img { margin-bottom: 10px; } .text-page.pers ul { margin: 20px 0; } .text-page.pers li { text-align: center; padding: 5px 0; } .text-page.pers li p { font-size: 10px; line-height: 16px; float: none; } .text-page.pers li p.pubdate { width: auto; color: #666; } .text-page.pers li a { float: none; font-size: 10px; padding: 5px; display: inline-block; margin-top: 5px; margin-bottom: 5px; } } /*-- NIEUWS --*/ .nieuws-overview { background: #222; width: 980px; margin: 50px auto 0; padding: 50px 0; } .nieuws-overview.edu-news { margin-top: 100px; } .nieuws-overview span.line { background: #444; width: 100%; height: 2px; display: block; margin-bottom: 50px; } .nieuws-overview .span4 { position: relative; background: white; border-bottom: 5px solid #FA8100; min-height: 450px; margin-bottom: 50px; } .nieuws-overview.edu-news .span4 { border-bottom: 5px solid #B72DBE; } .nieuws-overview img { width: 100%; height: auto; } .nieuws-overview p.date { font: 400 14px/normal 'Montserrat'; color: #999; text-transform: uppercase; padding: 5px 0 0 10px; } .nieuws-overview h4 { font: 400 20px/normal 'Montserrat'; text-transform: uppercase; padding: 0 10px; } .nieuws-overview h4 a { color: #333; } .nieuws-overview p { font: 400 13px/19px 'Montserrat'; color: #333; padding: 5px 10px 0 10px; } .nieuws-overview .span12.bottom .line { background: #444; width: 100%; height: 2px; margin: 0px 0 10px; } .nieuws-overview .span12.bottom .prev-link, .nieuws-overview .span12.bottom .next-link { font: 400 14px/normal 'Montserrat'; text-transform: uppercase; margin-top: 20px; } .nieuws-overview .span12.bottom .prev-link a, .nieuws-overview .span12.bottom .next-link a { color: #444; } .nieuws-overview .span12.bottom .prev-link a:hover, .nieuws-overview .span12.bottom .next-link a:hover { color: #999; } .nieuws-overview .span12.bottom .prev-link { float: left; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAjCAYAAACkejs5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QTBCRDFBNEQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QTBCRDFBNUQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNzM0RkY1RDRDNTExRTJCNUNCQjNCMEM4Mzg5MjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxNzM0RkY2RDRDNTExRTJCNUNCQjNCMEM4Mzg5MjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8YEQGwAAAZNJREFUeNqclc8rBGEYx3dm1sU6uDmJVhwlB62LxJw4STk7IAeKkm1PchIpB0dObKxS/oFJCjcJ5UJNqfUHWLni89a8NY1333nG1Kfn6Z359vya932dXIbH9/02zDXU3Fy2Zx8GoNfJEG0GcwavMOgIRZ2YJ1CpDgdBcJcXiDxMFdqhokRqXVJjGUbgCnb0opMSbQhzC5/QT7S6fuemtP4EVDkLcVFaqqr1PXCI6Dz50rW0fhZeYMX0jWNpfQFKRLs3CfOW1pebiUyp6tZfwq6t446h9Y2o9e82oWto/VyaKJ6qbv0BogvJ/+smWr8q3S0q4nbkbxLtK4uwEvkbRC+IhUSpYY+gD/ayRFTPEoQwT9QpiTA+xxLmBj4kc/S0E4ZhvVgsfuNOqgMJv8raj/SX24qijsGaKNVYyl2YR2i17Y4/+5EP3zCL0AKnzUZk3MiSEdmOjviIplNrTNSrR9RInnKeTRgb0YQ69vGP9YgkB7Ie0Sisi1K13R3/vq08qZDanqmxG3ccOrJerMvwoKL+CjAA1tySfWd9yGYAAAAASUVORK5CYII=) no-repeat left center; padding-left: 30px; } .nieuws-overview .span12.bottom .next-link { float: right; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAjCAYAAACkejs5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QTBCRDFBOEQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QTBCRDFBOUQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVBMEJEMUE2RDRDQTExRTJCNUNCQjNCMEM4Mzg5MjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVBMEJEMUE3RDRDQTExRTJCNUNCQjNCMEM4Mzg5MjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4bnPtQAAAXBJREFUeNqU1c0rBVEYx/Exxgp52XJTirVkYUFJ8w8o6bohC7JSlNyEECVSbl0Lbwt5LSX/gWQpyZqssMWCFW6+pw5xmnPnOU99aja/e2ee5zkzBWEYpj3PS6IVb56wfNShAVnPoVRwBHfoR5dLUN1eCp/YQEIaVHWFaZTjEIXSoKplnKMFEy7BHHrxglk0S4OqHjGob/UApdKgqhNsoRZrLkFVo7hFn14OcfAd3fjAOmqkQVXXmEIZ9s0R+TFdX8FZ1Ijigjn9nM/miHzBdj1hwByRL9zpU3NEvsNJ+jcil6Aa0Zy+XnQJFmNGX6ddgquoxw6OpcEOvfz3GJY2pwrb+g2R+nmhBYLzuotKTOJSugBjaMcFlqQr14gFvKIHX5Kgav0RijCEB+mxyvxtvfQgd+ql/m29JFiNTbP1URUYP7KHCrP1cf84jrao1ucLNmHe1npbsER/LwJb623BjP5GWltvC6pv402+1kfVtwADAF7ITQ5UOfUTAAAAAElFTkSuQmCC) no-repeat right center; padding-right: 30px; text-align: right; } @media (min-width: 1200px) { .nieuws-overview { width: 1210px; } } @media (min-width: 768px) and (max-width: 979px) { .nieuws-overview { width: 764px; } } @media (max-width: 480px) { .nieuws-overview { width: 300px; margin-top: 100px; padding: 10px 0; } .nieuws-overview .row { width: 280px; margin: 0 auto; } .nieuws-overview span.line { margin-bottom: 20px; } .nieuws-overview .span4 { min-height: 330px; margin-bottom: 20px; } .nieuws-overview h4 { font-size: 12px; } .nieuws-overview p { font-size: 8px !important; line-height: 12px !important; } .nieuws-overview .span12.bottom .prev-link, .nieuws-overview .span12.bottom .next-link { font-size: 10px; margin-top: 10px; margin-bottom: 10px; } } /*-- AGENDA OVERVIEW --*/ .agenda-overview { background: #222; width: 980px; margin: 100px auto 0; padding: 50px 0; } .agenda-overview .row:first-child { margin-top: 0; } .agenda-overview .optredens .loader { background: url(images/loader.gif) no-repeat center; height: 30px; } .agenda-overview .optredens div.span3 { display: none; background: white; min-height: 335px; position: relative; border-bottom: 5px solid #F50100; margin-bottom: 20px; } .agenda-overview .optredens div.span3 > h3 { font: 400 14px/normal 'Montserrat'; color: white; text-transform: uppercase; min-height: 40px; background: #444; display: block; padding: 10px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); letter-spacing: 1px; } .agenda-overview .optredens div.span3 img { width: 100%; height: auto; } .agenda-overview .optredens div.span3 > h4 { font: 400 16px/normal 'Montserrat'; text-transform: uppercase; margin: 10px 0; padding: 0 10px; } .agenda-overview .optredens div.span3 > h4 a { color: #333; } .agenda-overview .optredens div.span3 > ul.concerts li { font: 400 13px/19px 'Montserrat'; color: #333; padding: 0 10px; } .agenda-overview .optredens div.span3 > ul.concerts li:first-child { padding-top: 3px; } @media (min-width: 1200px) { .agenda-overview { width: 1210px; } .agenda-overview .optredens div.span3 { min-height: 355px; } } @media (min-width: 768px) and (max-width: 979px) { .agenda-overview { width: 764px; } .agenda-overview .optredens div.span3 { min-height: 355px; } } @media (max-width: 480px) { .agenda-overview { width: 300px; margin-top: 100px; padding: 10px 0; } .agenda-overview .row { width: 280px; margin: 0 auto; } .agenda-overview .row-header { margin-bottom: 20px; } .agenda-overview .optredens div.span3 { margin-bottom: 20px; } .agenda-overview .optredens div.span3 > h3 { font-size: 9px; min-height: 30px; } .agenda-overview .optredens div.span3 > h4 { font-size: 12px; } .agenda-overview .optredens div.span3 > p { font-size: 8px !important; line-height: 12px !important; } } /*-- SINGLE DETAIL --*/ .detail-page { position: relative; background: #222; width: 980px; margin: 100px auto 0; padding: 20px 0 50px; } .detail-page .span12.top a.overview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAjCAYAAACkejs5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTczNEZFRkQ0QzUxMUUyQjVDQkIzQjBDODM4OTIxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTczNEZGMEQ0QzUxMUUyQjVDQkIzQjBDODM4OTIxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNzM0RkVERDRDNTExRTJCNUNCQjNCMEM4Mzg5MjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxNzM0RkVFRDRDNTExRTJCNUNCQjNCMEM4Mzg5MjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S8DWMAAAAYJJREFUeNqclcErBFEcx/eNPVkH3OUgjtIetC6S/wCRo4vmQlGy7QknkaKcJg5CWdryH0ihHCQcbTnxB1i5+zy90TS9efN7Xn36TbPz3e9vvr+ZeargsaIo6qDcQD0o+K19GIJ+5eE2QzmHJpSVUNRDeQHd6kgYhg9FgaiNcgqdUNMifV5yj1UYhWvYjk+qHLdhyh18wSBu77lCE/0T9ME0okby9yAnei06TIsyhSb6OXiFJds1yhF9CSq4PdqERUf01SyRrdU4+ivYcSWuLNG3TPQfucJU9JOILvOeiiAV/YFE9CtMRb8sfVu045Y53sDt20dYM8druJfEQlzq1GMYgF0fR70W4A3mcZ2QCJNzrFBu4VMyx78nhwvvKevQrVvnjwKR0KxN4zoOK6JWEy33Up6h3fV2qIz3cZZyZh6Ksm2+1vuQjMgVQHJEU6JWLSNqpb9yzsgTI+qCk+SIJB/keERjsCpq1bV3/Hu3Eu+PuFxQjvTeCHu+G+ui+TY1fwQYAGjKi1aqi1GFAAAAAElFTkSuQmCC) no-repeat left center; height: 35px; display: block; margin: 10px 0 25px; padding-left: 30px; font: 400 14px/normal 'Montserrat'; color: #999; text-transform: uppercase; } .detail-page .span12.top a.overview:hover { color: white; } .detail-page .span12.top .line { background: #333; width: 100%; height: 5px; margin-bottom: 30px; } .detail-page .span12.bottom .line { background: #444; width: 100%; height: 2px; margin: 30px 0 10px; } .detail-page .span12.bottom .prev-link, .detail-page .span12.bottom .next-link { font: 400 14px/normal 'Montserrat'; text-transform: uppercase; margin-top: 20px; } .detail-page .span12.bottom .prev-link a, .detail-page .span12.bottom .next-link a { color: #444; } .detail-page .span12.bottom .prev-link a:hover, .detail-page .span12.bottom .next-link a:hover { color: #999; } .detail-page .span12.bottom .prev-link { float: left; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAjCAYAAACkejs5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QTBCRDFBNEQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QTBCRDFBNUQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNzM0RkY1RDRDNTExRTJCNUNCQjNCMEM4Mzg5MjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxNzM0RkY2RDRDNTExRTJCNUNCQjNCMEM4Mzg5MjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8YEQGwAAAZNJREFUeNqclc8rBGEYx3dm1sU6uDmJVhwlB62LxJw4STk7IAeKkm1PchIpB0dObKxS/oFJCjcJ5UJNqfUHWLni89a8NY1333nG1Kfn6Z359vya932dXIbH9/02zDXU3Fy2Zx8GoNfJEG0GcwavMOgIRZ2YJ1CpDgdBcJcXiDxMFdqhokRqXVJjGUbgCnb0opMSbQhzC5/QT7S6fuemtP4EVDkLcVFaqqr1PXCI6Dz50rW0fhZeYMX0jWNpfQFKRLs3CfOW1pebiUyp6tZfwq6t446h9Y2o9e82oWto/VyaKJ6qbv0BogvJ/+smWr8q3S0q4nbkbxLtK4uwEvkbRC+IhUSpYY+gD/ayRFTPEoQwT9QpiTA+xxLmBj4kc/S0E4ZhvVgsfuNOqgMJv8raj/SX24qijsGaKNVYyl2YR2i17Y4/+5EP3zCL0AKnzUZk3MiSEdmOjviIplNrTNSrR9RInnKeTRgb0YQ69vGP9YgkB7Ie0Sisi1K13R3/vq08qZDanqmxG3ccOrJerMvwoKL+CjAA1tySfWd9yGYAAAAASUVORK5CYII=) no-repeat left center; padding-left: 30px; } .detail-page .span12.bottom .next-link { float: right; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAjCAYAAACkejs5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QTBCRDFBOEQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QTBCRDFBOUQ0Q0ExMUUyQjVDQkIzQjBDODM4OTIxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVBMEJEMUE2RDRDQTExRTJCNUNCQjNCMEM4Mzg5MjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVBMEJEMUE3RDRDQTExRTJCNUNCQjNCMEM4Mzg5MjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4bnPtQAAAXBJREFUeNqU1c0rBVEYx/Exxgp52XJTirVkYUFJ8w8o6bohC7JSlNyEECVSbl0Lbwt5LSX/gWQpyZqssMWCFW6+pw5xmnPnOU99aja/e2ee5zkzBWEYpj3PS6IVb56wfNShAVnPoVRwBHfoR5dLUN1eCp/YQEIaVHWFaZTjEIXSoKplnKMFEy7BHHrxglk0S4OqHjGob/UApdKgqhNsoRZrLkFVo7hFn14OcfAd3fjAOmqkQVXXmEIZ9s0R+TFdX8FZ1Ijigjn9nM/miHzBdj1hwByRL9zpU3NEvsNJ+jcil6Aa0Zy+XnQJFmNGX6ddgquoxw6OpcEOvfz3GJY2pwrb+g2R+nmhBYLzuotKTOJSugBjaMcFlqQr14gFvKIHX5Kgav0RijCEB+mxyvxtvfQgd+ql/m29JFiNTbP1URUYP7KHCrP1cf84jrao1ucLNmHe1npbsER/LwJb623BjP5GWltvC6pv402+1kfVtwADAF7ITQ5UOfUTAAAAAElFTkSuQmCC) no-repeat right center; padding-right: 30px; text-align: right; } .detail-page .span6 img { width: 100%; height: auto; border-bottom: 5px solid #FA8100; } .detail-page .span6 p.date { font: 400 14px/normal 'Montserrat'; color: #777; text-transform: uppercase; margin-bottom: 15px; } .detail-page .span6 h2 { font: 400 40px/35px 'Montserrat'; color: white; text-transform: uppercase; margin-bottom: 30px; } .detail-page .span6 h5 { font: 400 18px/25px 'Montserrat'; color: white; margin-bottom: 25px; } .detail-page .span6 p { font: 400 13px/19px 'Montserrat'; color: white; margin-bottom: 17px; white-space: pre-line; } .detail-page .span6 strong { font-weight: 700; } .detail-page .span6 p a { color: white; border-bottom: 1px dashed white; } .detail-page .span6 .video { margin-bottom: 19px; } .detail-page .span6 .share { margin-top: 50px; } .detail-page .span6 .share p { font: 400 13px/normal 'Montserrat'; color: #999; text-transform: uppercase; float: left; margin-top: 3px; } .detail-page .span6 .share .tw-share { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMTA4Nzk2RkQ0QzExMUUyOEM5QUM1Q0REMDE0OENGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMTA4Nzk3MEQ0QzExMUUyOEM5QUM1Q0REMDE0OENGOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExMDg3OTZERDRDMTExRTI4QzlBQzVDREQwMTQ4Q0Y4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExMDg3OTZFRDRDMTExRTI4QzlBQzVDREQwMTQ4Q0Y4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fixewgAAAX9JREFUeNrMlrFLw0AUhy+xk1TUSScRBcHRwS6COogiuIsUdYyzXfoHuDi5KBJBF+miIEJ1FsFB6FBcFHepuugkDlXi9+QUCUmTix548PHoNff75d69u0vO9/1hpVQFRtTftjoUXUviSmtWXEvi3yaustysG+QyjnuFfbiBfliGLgjgBfKtDHZhEgZjxB9hwvO8268OKnGdMA9XcJyUogMYh1qMQemnuDR+3xM2YQAukwzyDGgQx6AMT6H/q1GujHnTaZpOMljSA5ogU++DBdiBc3hvsTalcIdD/oJQn+RwD/Gq6cqj1Qyva9QMTjOKD0UVTZRBmYc7M5TuTNqNJuV5gcksOAYGiyY7+QHOSFWQMj1zhFETgympiDQz4JluwlaWs2gNrvXbxYm3E450KRudRc+yDlL7pOkkRlxED6FgctjJIbYNGwjfxQj3ElZgFTqSUhi10ZQ+FWv62mvovh59Ockbt/32uHa0UOHfXziuToOtVheDoiWTz8+WDwEGAAJGaWx2/C4EAAAAAElFTkSuQmCC) no-repeat; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; float: left; margin-left: 10px; } .detail-page .span6 .share .fb-share { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMTA4Nzk3M0Q0QzExMUUyOEM5QUM1Q0REMDE0OENGOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMTA4Nzk3NEQ0QzExMUUyOEM5QUM1Q0REMDE0OENGOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExMDg3OTcxRDRDMTExRTI4QzlBQzVDREQwMTQ4Q0Y4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExMDg3OTcyRDRDMTExRTI4QzlBQzVDREQwMTQ4Q0Y4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Yuf3LwAAAK1JREFUeNpinDlzpiYDA8NSIDZkoC44D8TRTDQynAFq5lImGhkOt4SJgcaAHAt+A3EBEEsDsSAaxgAsZFjQlZ6ePhGbBDDBUMUHy2kdRE9JUcxCaSQCg2U/kHKgpg/QgQO1g4iBVkGkAMQfoRgWPIxoyfM9JRZ8BCbPD8gCQP5/IPWB2smUZkH0HupCQWSfAMX+D2gkj1owagF1LDhPQ/PPgyyIppEl4GYLQIABACK7KTaViVwzAAAAAElFTkSuQmCC) no-repeat; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; float: left; margin: 0 10px; } .detail-page .span6 .share .mail-share { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABbUlEQVR4AbXSP0iUcRzH8dc9nGYEQUO1XAbWEoLwRFyQkS0S4XRHYXSjNGjQ0HCBFjQY1BESDXJEhy7S0Kx0ki1pUGhHSzVpQWOQ0T8u1KdZ+h30DL3n34sPP/hmqkfMiP1bDaUoxXNiM5FYmuJIykLglwVTJj32wV9lbe+jmx5pAjjpruOtF+p6TOvzwJLX5ox5p1etFVhR1GZeXdG6LWeNe6/XsLchkBiyYU6/mpwBx5y3xzlTNk2E/rDgjSvynrqEO7oM2nJKl8NehBae4SKuS1xQVtSGAezyPQQ+4ZAvXmEIy5r2ydu0qjMEdqLpmwSdqOGMjGlfFUOgGy/l7EXFbTWsGXdZt5EQKMiaEJnU7qExt8QW3XBUXUcIHDBiybCCNbNWXfPcvBVlPwgBKvpU5S064SB+Wzeq4F6rW9rhibKqQey24Sf2q7jaCtDhvlGzln2WlXNav3bbylQTqYr476AhTY1IKQVpKP0BTOpkoO2eVWUAAAAASUVORK5CYII=) no-repeat; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; } .detail-page.agenda { display: none; } .detail-page.agenda .span6 img { border-color: #F50100; } .detail-page.agenda .span6 .new-video { height: 248px; display: block; position: relative; overflow: hidden; background: black; margin-top: 25px; } .detail-page.agenda .span6 .new-video img { position: absolute; top: 50%; margin-top: -174px; cursor: pointer; border: none; } .detail-page.agenda .span6 .new-video span { background: url(images/play-button.png) no-repeat; width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -41px; cursor: pointer; } .detail-page.agenda .span6 p.featured-item { font: 400 16px/24px 'Montserrat'; margin-bottom: 0; } .detail-page.agenda .span6 h3.order-tickets { font: 400 14px/40px 'Montserrat'; color: white; text-transform: uppercase; background: #444; display: block; margin-top: 40px; padding-left: 10px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); letter-spacing: 1px; } .detail-page.agenda .extra-info { background: white; overflow: hidden; } .detail-page.agenda .extra-info .item { clear: both; overflow: hidden; display: block; border-top: 2px solid #ccc; padding: 15px 20px; } .detail-page.agenda .extra-info .item:first-child { border-top: none; } .detail-page.agenda .extra-info .left { float: left; } .detail-page.agenda .extra-info p { font: 400 14px/normal 'Montserrat'; color: #333; margin-bottom: 0; } .detail-page.agenda .extra-info .tickets { font: 400 12px/normal 'Montserrat'; color: white; text-transform: uppercase; background: #F50100; border-radius: 3px; display: inline; margin-top: 13px; padding: 7px 10px 6px; float: right; } .detail-page.agenda .share { margin-top: 25px; } .detail-page.agenda .share p { font-size: 13px; } .detail-page.orkestlid { margin-top: 100px; } .detail-page.orkestlid .span6 img { border-color: #00BDD8; } .detail-page.orkestlid .span6 h2 { color: #00BDD8; margin-bottom: 0; } .detail-page.orkestlid p.instrument { font: 400 40px/35px 'Montserrat'; color: white; text-transform: uppercase; margin-bottom: 30px; } @media (min-width: 1200px) { .detail-page { width: 1210px; } .detail-page.agenda .span6 .new-video { height: 308px; } .detail-page.agenda .span6 .new-video img { margin-top: -213px; } } @media (min-width: 768px) and (max-width: 979px) { .detail-page { width: 764px; } .detail-page.agenda .span6 .new-video { height: 190px; } .detail-page.agenda .span6 .new-video img { margin-top: -132px; } } @media (max-width: 480px) { .detail-page { width: 300px; margin-top: 100px; padding: 10px 0; } .detail-page.orkestlid { margin-top: 130px; } .detail-page .row { width: 280px; margin: 0 auto; } .detail-page .span12.top .line { margin-bottom: 20px; } .detail-page .span12.top a.overview { height: auto; font-size: 10px; } .detail-page.agenda .span6 .new-video { height: 151px; margin-top: 20px; } .detail-page.agenda .span6 .new-video img { margin-top: -106px; } .detail-page .span6 h2 { font-size: 12px; line-height: normal; margin-top: 10px; margin-bottom: 10px; } .detail-page.orkestlid .span6 h2 { font-size: 22px; margin-top: 5px; } .detail-page .span6 h5 { font-size: 10px; line-height: 15px; margin-bottom: 15px; } .detail-page .span6 p { font-size: 8px !important; line-height: 12px !important; } .detail-page .span6 p.date { margin-top: 10px; margin-bottom: 5px; } .detail-page.orkestlid p.instrument { margin-bottom: 10px; } .detail-page .span6 .share { margin-top: 10px; } .detail-page .span6 .share p { margin-top: 0; } .detail-page .span6 .video { width: 280px !important; } .detail-page .span6 .share .tw-share, .detail-page .span6 .share .fb-share { background-size: 12px 12px; width: 12px; height: 12px; } .detail-page .span12.bottom .prev-link, .detail-page .span12.bottom .next-link { font-size: 10px; margin-top: 10px; margin-bottom: 10px; } } /*-- ORCHESTRA --*/ .orchestra { background: #222; width: 980px; margin: 100px auto 0; padding: 50px 0; } .orchestra ul.filters { margin-left: -10px; } .orchestra ul.filters li { float: left; } .orchestra ul.filters li:first-child { text-transform: uppercase; } .orchestra ul.filters li a { display: block; margin: 0 0 10px 10px; padding: 10px 15px; background: #00BDDA; font: 400 12px/normal 'Montserrat'; color: black; border-radius: 5px; -webkit-transition: background-color 0.1s; transition: background-color 0.1s; } .orchestra ul.filters li.active a, .orchestra ul.filters li:hover a { background: white; } .orchestra .orkestleden { margin-top: 50px; } .orchestra .orkestleden .span3 { position: relative; min-height: 280px; background: white; border-bottom: 5px solid #00BDDA; margin-bottom: 50px; } .orchestra .orkestleden .span3 img { width: 100%; height: auto; } .orchestra .orkestleden .span3 h4 { font: 400 16px/normal 'Montserrat'; text-transform: uppercase; margin-top: 10px; padding: 0 10px; } .orchestra .orkestleden .span3 h4 a { color: #00BDDC; } .orchestra .orkestleden .span3 p.instrument { font: 400 13px/19px 'Montserrat'; color: #333; padding: 0 10px; } @media (max-width: 480px) { .orchestra { width: 300px; margin-top: 130px; padding: 10px 0; } .orchestra .row { width: 280px; margin: 0 auto; } .orchestra ul.filters { margin-left: -5px; } .orchestra ul.filters li a { margin: 0 0 5px 5px; padding: 5px 10px; font-size: 10px; border-radius: 3px; } .orchestra .orkestleden { margin-top: 20px; } .orchestra .orkestleden .span3 h4 { font-size: 12px; } .orchestra .orkestleden .span3 p.instrument { font-size: 10px; } } /*-- ISOTOPE --*/ .isotope-item { z-index:2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; transition-duration: 0s; } @media (min-width: 1200px) { .orchestra { width: 1210px; } .orchestra .orkestleden .span3 { min-height: 300px; } } @media (min-width: 768px) and (max-width: 979px) { .orchestra { width: 764px; } .orchestra .orkestleden .span3 { min-height: 250px; } } /*-- FOOTER --*/ #footer { width: 100%; height: 200px; background: #999 url(images/footer-bg.png) no-repeat left top; clear: both; overflow: hidden; } #footer .row { margin-top: 40px; } #footer h5 { font: 400 16px/normal 'Montserrat'; color: #444; text-transform: uppercase; margin-bottom: 10px; } #footer p, #footer a.contact-link { font: 400 13px/19px 'Montserrat'; color: #444; margin-bottom: 10px; width: 300px; } #footer p a { color: #666; } #footer a.contact-link { border-bottom: 1px solid #444; } #footer .tweets a.time { font: 400 13px/normal 'Montserrat'; color: #444; } #footer ul.socmed li { background-repeat: no-repeat; background-position: left center; background-size: 24px; width: 24px; height: 24px; margin-bottom: 5px; padding-left: 35px; line-height: 22px; } #footer li.fb { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB7ElEQVR4Ae3YPWsUURSH8YOVuDZJOgsFBbVYQ0iw17iLKQRFcWEF8aWIhYJWfgUVFAW3EgSxdzeFHyCkECsxWyjabAZsAgqujpkRdI9PsQMykDu4Dpd7YAZ+/2qah8vAcOXvp9U6vwuLeIw+YiQBiPACbUxBMsJk6uhCA7eKuXzAAgZQIyIcyQKmsQY1ZgU1YdpQo44J04Ua1RFmA2pUX5gE6tkQPdzCGSyNnUULy7iNTahDLEwK9eQbHmEvdkAKvIU6pD5P4BNOQzIlBCS+Ar7iHMRqwBOI1YDPmIdM4E0IAa8gRbAPh3Bw7ADehxDwEOIwjx7W8REfxt4hDSHgOmQbO7EOnYiHgBEuOQLmoKEHXHYENPHLcsCS9YCTYQcAVwtOQEMIGOEntpBmkOBiwTfwA2lOghQjXwGbuIYTaObscQTMoIFmTgM3MfQVMMB+SIka+O4rIMIspEQ3MLIccAdqOeCZ74A6pEQvLQfM4LXPgCGe4y4e5ByFbOMw7ufev4en+OIzwGXZEXAKOrHqX6gKqAKqgCoAVUBqOCAVJrZ+An3DARvCdAwHdIU5bjigLcxurBgMWMO0MIJZRIYCBliA5G+KV6Elu1IQ8Bv6D3qoQ/IBgilcQBcRkv+0VXQzhxiJQ4w+OlhEDZL5A1qqHDdSNzPQAAAAAElFTkSuQmCC); } #footer li.tw { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACtklEQVR4AdXaT0hUURSA8ZMEQ/kHtcBNCZEShI2GhG0MlII0qRZqGFEbI9sGEVG4MIiiIoKBxFUuaiNNklERUWJBbQoaQyzCmaEIkqLAyRnSmdPXwogHwXjfu0+f8Du4m/m4l5l7HyP//nV2dhSiGRHEkEJ6GUgiioMogyz4+w9qcAe6zI2izhlQjzg0IJIILwSUYwwaMMMokj/7ChpQTcKIQgMqIowENKBiwkhDAyoljAw0oDJLtQIfMY5JZKCG0n4H3EIH6rAB1diFPnyFOrzFF7cBCdyGuvANhxCC/EctXiCDJ+jATsy4DbiEItwzXWa0Q/JQhgoIQhiFYt40IIu9EFRgyCDgGmSRqtCP1xjGrGnAL9RCICjEecxD8zCL9QYB1diDSlx3s4Xm0ABxaMV4nidHceEK1E1ADt0QJxTjFN4hB3XCAMRACW569TE6kseLHccQJh3baxBiYB/Uq4A0Whaxd1vRg3PoRoFBQBtyXgXMYwK1Bm+mAGKg3asVyKAFvejDGogPerwKyKIN4qMVuOhNADAI8VEJHnkZMI16iE+qMeNdAPAYxRAfHLZ1nH6IrRDLntoJABK4is0QCxqRsxXwEo3YhlKIBQ+gtgLmsBtiSTtm7QUAcYQhHluLcb/uxB+wH+KREAb9vtSncBdHEUYIYqh3KZ9KTOMMVhoeGU5A4XvAJ9zAdoiBVbiAnM2AOUxiCu/xDAM45vILrQYjUMBeQBbP0YZ1KIS4UIrT+Ay1HwBk8R39aDC4DxRjE05iCgr4F+D0CpdxBM0IYyMqUYUt2IEDOIv7SEEBiwEGfiKJCbzBBOL4AfVJOviP1y0vsS8rEIMGVEIYEWhARYXRBA2oLmEUYRgaMGMoF4YgjCQ0IOKod/7Yow6jQdj3qIE4AwRl6EIUSaSXgRRiiKAZqyELfgNBP4aRuiX4mQAAAABJRU5ErkJggg==); } #footer li.gp { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADx0lEQVR42tXab2hVZRzA8d82czmt1EaGSxZNUNZtTlZBRaMNUSkoFFzOgsL+EBTRi14IxQZNBoEb4WYsbG8Csxe1TchZjsESRhCR7crSrNTVrNm1RXrzTps+fV/8Djw8cDn33t1zzu6LzwMb51z2Zc/Oc56HSVPTNttiNKIbcSSRmgcm0IdmLIN47B8+hn6YeW4EtW5AHc7CFIgJ1HgBy3EMpsAMYIkw7IApUA3C0FfAAd3CcK6AA+LCkCrggKQwzMDMwTRO4Ti+9/EtvsalPAXMzOU3MI4W1OIWSIaewZk8BaRyCbiODlRiBdrwGQ7iZZRALBvQgy4MwKhIAq5iJwRrMA43bhAVEFWBvTAqsoAbeAOCYnwKk8aQM61KMBB1wBGUQfAgEj7Xv6WhojYjGWXA0xC1DcbHH1gFUaUYjypgEjUQ9Wy20erzqALiqISoLTAZ6HACPooq4Geshaj7MQXj4xPn7+CLNI/lMRzGMK4FETCDTRC1CF/C+DiAIgjK8QuM4wq2owS34WLeA9RuiGUnrvvc0wpRr2MWxvEvnrIez4mgAn7HGogqxiGfFfsha7t6GiZNwFYISgMLUIO41VllR9Jcux+C1Rj1+dztENyM2cAC1BFUQ1Q52qz5nUAXlqIeJ2Es36BF79mNFuvzSrALbaoVH+c1QJ1HJ2ohKEIVYrhHv16XZrPUCclCQxABnmuYwhi6cBNEdcPAtTfLgM1BBbjaIZbONNed0NgefKBB6yFYgD36/R7sw2BYAbucgEqMZ/nKUYqrMLawAoax1Im4F3EYFcFj1N9lXMCktyA57kK/T8ATEPVnGAFj2I8X8Qg2YAs2YhHEsRAdMHBdwWuown2YDjLgOF7ASgjqsQf9+AqjGEIPqp2IYvSm2emdxw84HeRC9j5WWHN7GEmfV4/nnYjb8VsUr9PvOqcMiSz20e+hDKLaww44ioUQlOd4pvMORG0KM2AWD0DUqzA5+Al3QxALM+A7FEHUvjk8ahsgqA4z4ADE8jZMDv7CwxA8FmbAkBOwHrM5rht3QNARZsAlVEE8OR4TtkJQhYv5DfA/Xu/HAogqQy9uZHgQ3Kv3L8ZRmDyakQyP+w5iFcTShFFM4jJSSGIaZ3AYj0OwMsiz0XgWj8I3sc4JqUAjnsRG1Fnrxp14CT/CBOCctXPK2K84hHY8h0cRw2qsRT1ewYcYgwlQn7XnzMl/+BsJTOEC/oEJSbMwLPHmZ4E5huXePK7BBEyBOIs69589ajECM8/1IQbxAmzL0KwXTSA1DyQRRzcaUQbx/A/9XY+3QaswpAAAAABJRU5ErkJggg==); } #footer li.yt { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACSklEQVR4Ae3YP0tbURiA8TdiEpMKwYBIO1SKq4giFEpx0I8gVMgidGq3Sj+BpXPIYFAXP0CFpq7mLpLiFlq8UgoWGgOFOthBkvYmWjx9DuRC6VC5x0uPhzTwyxoe7j1/8srvn6WlR7ewgDJ8tBHYhiYqKGAEEtJfoUm8gbrh9jD9Z8AsGlCOaGIqDMijBuWYHQzrgAKUo+Z1QAXKUWUdcAzlKF8HBFCOauuADpSjOq4/gaCvAi5xji4CtHCCBo7go479K9Th4wgNnKCFAF2c4zLugF0sYwbjyCODNFI9yZ7BKyR7Uj1pZJDHOGawjN24AlYhlqxeN6AKsax6nYBFiGWLpgFnmIBYNoEzk4ADjEEsG8OBSYCHHCSCAYwjAYlJDp5JwDYykAgSKKKGuZhCMtg2CdjCICSiDShc4BXuXzNkEFsmAeuGP7wGFcJPbOABxEAC6yYBJUgMAaFTbGIaElHJJKAYc0DoK55AIijelIBDPMWwQYDVV6iOFWQgBkq2FvFHPMNtyL9exKbb6Ca+4TnuQDQL26jRQTaAh7gLAewdZB5yEMty8PryMte6QdfpVh/+oQE8iGWeeQDwEgmIBS/iGqu8xQrmMIFRZDGENFJIhiKOVYaQxSjuYRaPUY19MocLdNHBd5ziCz7jA3y8x/5fvMMhPuEYp/iBDro4/z9adCzA/fF62/Un4EM56lgHlKEcVdEB81COKuiAYexAOaaGvA7QptCEckQDs5AwQJvGngvvPSYhYQAAjKCA12gisA1t+FjDArKQ0C9avtKr/YYMBQAAAABJRU5ErkJggg==); } #footer li.in { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACZ0lEQVR4Ae3ZMUvrXhiA8RehUe510Q46CeoqIvgJWgf9AlfwP5oldCiuuil+AIciOlqr2Xr9COIsGAq6alfHUqxLfO8zpBCCsWr/J80BC793LDz0JM05kfhnc/PPb5RRQwtd9HKgjSa2MAXpE0bfEv5Cc+4aK8mAVTxCLdHGcj9gGjdQy1xhUhj/QS1VEkYTaqmaMJ6gA9yhgTOcG3aGBu6gA7SE0YOm6MDFDBwU4BhWgIMZuOhAU3SF8Qp9RwgXMmIuQug7Xj/6BQIUISNWRAB9R++jgAbGIQatowIvUsE6JGYcje8E1OFADNnAMxRhRPGMDUjEQf07AeeGAyrQFJVEwHkeAzyE0IQQHn4CfpYQxoBhL+LsA9awi9PILta+fhvNPmABF3iBJrzgAguQwbIPmMctdIBbLIwiYAwOJlCAxBRwCf2ky5TvmICDMRMBZdThw4PElNCBflIHJUiMBx91lE0EVKGRI0jMHvSL9iAxR9BI1USAB43sJJbWKfSLThNLZQca8UwHVA0EVLMMODCwhA6yCAih8A1cxD4UYRYBD5j7H2+jc3jILgBwh/gjm4fEuNCsAwIUh32UQBFB9gHAyVAPc8AJdDQBwP63HqeBfehoA4BjzEI+aRbH0HwEAAG2sQhJsYhtBNCcBQC4h49DVCOH8HEPBbIPqECNMbAnrsP5eA+b6g2a8IYwlYGDrQbG0/ewRgx/tGjj4a71x+tdi19w9ITRsvgV05MwalBLNYVRglpqSxiTuIJa5gbTwhAsow21xCNWIcLoW8G1DeseS5BYAIApbKGJNno50EULNZTxC9L3D1lEo9pJk22cAAAAAElFTkSuQmCC); } #footer li.sp { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAED0lEQVR4AdXYb0zUdRzA8Y+Ad6vA4FbezWwzsaAFhv+YrjUHLp70B2ZLpdbMzQKhWnNzWZnBpFCcPgkeOKD5Zz1qkHPToSw7LFfDZdtRa5HsgBBsmXOKHdGOb+8H99vad7sf973f7xBue30e3u29735/7iP//2za9NJ9KEUzQhhHZBYYQicqkQOxCMNSgC+hZrkgivSAVQhDzRFDWG4F+HABao45iUxhvAzloincxBiGY8ZwE1NQLioRRieUQxMIogXVeAaFeCSmEGWoRguCmIByqFkYg1BJuoHDKMMCSIIWoAyHcQMqSSFhRKAMRdGGPIhDeWhDFMrQuCRxlAOogLisAgNQBiZMT6AHeZAUyUMPVIIiJgFdWAhJsYXocjvgIvyQGeLHRbcCxlAMmWHFuOZGwA7IXbLDacB5pEOmcQ8WIRdPoBBLsRj3Q5KUjvNOAkohmgfwAj5GBy7hV4TxO0YxhmEM4jf0oRvNqMKT8EISUJpsQDcyITEeNGEcUSgHJjGMNpRjMSSOTHQnE1ADsWAdbkGlwBXUYyVEhxrTgOtYDbFgKUb1pzK+wlEcxD7sxnuoQxNacRo/4jaUjas4AB/EgtW4bhIQRBZE8zQ+QTVW4mFkY/40F2IW/HgUJfgQ3+MfKB3qIRZkIWgScBySYhnIRyP6oSz4DKI5bhKwHzKNANaiAtuxBw1owkHswZt4BaXIs7kl+7AX3+AM1kA0+00CdkHiWIsT6MWfUAm4g36cwQE8Bw9Ek21ze91lElBrc+w/QDl0G334CIsgCag1Cdhpc0GeRhS3MIBvcQIN2I238Q72oQXn8DNGEYXS/IX34YPY2GkSUAeJ4yFU4Vk8CElQAd5AO36Jt2WAxFFnEtAKSaFl2I6voWIGp3kit5oEdMEDsZEOL5ahBFvxFt6NqcEWFCMbGRBNDl7DF3jR5i7lQZdJQBj5EB28qEI3ruFfKBtTuIPvsBfr9DdUpEFs5CNsEjCFzTZfpjQRjKAfffgJV/AHlA7nsNVgFbMZU4kHAEfhgWiyUI/P8QG2YAOK8BiWxDyONXgetTiGq/qSAE9BbHhwDMo0IIJCSBxeiIH5WIJXccngtaUQf5sHAEcgKeDF6ziFDRAbR5z8I5vEeshdsh6TyQcAl+GHzDA/Lru1F2rHPMgMmYd2tzdzjUiDpFgaGt1fLQKH4IGkiAeHoFITAHQgF+KyXHRAmQZMQBkKYxsyIA5lYBvCUMms18ehktSDcgQghgIoRw+UEe0EQlAOhdCAjViBgPak9iKAFdiIBpd+d1AYzVAuGkEvzuJUzFn0YgTKRZ3CKIGaoyqt3eNJqDnmAnzCECzHENQcEcYqiDAsRQhCzXKdKIDoAYIcVKIDQ4jMAuMI4VOU4l6I5T/qLV4vTHVu5QAAAABJRU5ErkJggg==); } #footer li a { font: 400 13px/normal 'Montserrat'; color: #444; white-space: nowrap; } @media (min-width: 1200px) { #footer .tweets p { width: 370px; } } @media (min-width: 768px) and (max-width: 979px) { #footer .tweets p { width: 228px; } #footer li a { font-size: 11px; } } /* iPhone 5 */ @media screen and (device-aspect-ratio: 40/71) { #footer { height: auto; background: #999; } #footer .row { width: 500px; margin: 20px auto; } #footer .span4 { margin-bottom: 20px; } #footer h5 { font-size: 12px; } #footer .tweets p { font-size: 10px; line-height: 13px; margin-bottom: 0; } #footer .tweets a.time, #footer li a { font-size: 8px !important; } } @media (max-width: 480px) { #footer { height: auto; background: #999; } #footer .row { width: 290px; margin: 20px auto; } #footer .span4 { margin-bottom: 20px; } #footer h5 { font-size: 12px; } #footer .tweets p { font-size: 10px; line-height: 13px; margin-bottom: 0; } #footer .tweets a.time, #footer li a { font-size: 8px !important; } } /*! * Bootstrap v2.3.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} .span12{width:940px;} .span11{width:860px;} .span10{width:780px;} .span9{width:400px;} .span8{width:620px;} .span7{width:540px;} .span6{width:460px;} .span5{width:380px;} .span4{width:300px;} .span3{width:220px;} .span2{width:140px;} .span1{width:60px;} .offset12{margin-left:980px;} .offset11{margin-left:900px;} .offset10{margin-left:820px;} .offset9{margin-left:740px;} .offset8{margin-left:660px;} .offset7{margin-left:580px;} .offset6{margin-left:500px;} .offset5{margin-left:420px;} .offset4{margin-left:340px;} .offset3{margin-left:260px;} .offset2{margin-left:180px;} .offset1{margin-left:100px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;} .row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;} .row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;} .row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;} .row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;} .row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;} .row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;} .row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;} .row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;} .row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;} .row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;} .row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;} .row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;} .row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;} .row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;} .row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;} .row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;} .row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;} .row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;} .row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;} .row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;} .row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;} .row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;} .row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;} .row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;} .row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;} .row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;} .row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;} .row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;} .row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;} .row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;} .row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;} .row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;} .row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;} .row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} .container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;} .container:after{clear:both;} .container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;} .container-fluid:after{clear:both;} @-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;} .visible-phone{display:none !important;} .visible-tablet{display:none !important;} .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important;} @media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;} @media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.44008544008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.544008544008547%;*margin-left:8.440625568285142%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}}