/*
*{
	transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out; 
    -moz-transition:all 0.3s ease-in-out; 
    -webkit-transition:all 0.3s ease-in-out;
}
*/

.block-10{
    display:none;
}

@media only screen and (min-width: 1600px) {
	.inner #content{ margin:0; }
	.i-wrapper{
		max-width:1539px;
		margin:0 auto;
	}
    #content > .i-wrapper{
        width:1539px;
        position:relative;
        min-height:1580px;
    }
    .inner #content > .i-wrapper{
        width:auto;
        max-width:1539px;
        min-height:0;
		margin:0 auto;
    }
	.span1 {
		width:564px;
		padding:0 10px 0 11px;
	}
	.span2 {
		width:369px;
		padding:0 10px 0 11px;
	}
	.square-2{
		min-height:174px;
		margin-bottom:21px;
	}
	.square-2 .square {
		height: 174px;
		width: 174px;
		overflow:hidden;
		position:relative;
	}
	.square-2 .twitter {
		height: 170px;
		width: 170px;
	}
    .block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8, .block-9, .block-10{
        position:absolute;
        margin:0;
        padding:0;
        left:0;
        top:0;
    }
    .block-2{ left:585px; }
    .block-3 .square-2{
        position:absolute;
        width:369px;
        left:975px;
    }
    .block-3 .event{
        position:absolute;
        width:369px;
        top:585px;
        left:585px;
    }
    .block-4 .square-2 .lecture{
        position:absolute;
        left:1365px;
    }
    .block-4 .square-2 .twitter{
        position:absolute;
        left:1170px;
        top:1365px;
    }
    .block-4 .event{
        position:absolute;
        width:369px;
        left:390px;
        top:1170px;
    }
    .block-5 .event{
        top:1170px;
    }
    .block-5 .square-2{
        position:absolute;
        width:369px;
        left:975px;
        top:780px;
    }
    .block-6{
        left:975px;
        top:195px;
    }
    .block-7{
        top:585px;
    }
    .block-8{
        left:780px;
        top:975px;
    }
    .block-9 .square-2{
        overflow:visible;
    }
    .block-9 .square-2 .square{
        position:absolute;
        left:585px;
        top:975px;
    }
    .block-9 .square-2 .square + .square{
        top:780px;
        left:1365px;
    }
    .block-9 .event{
        top:780px;
        left:1170px;
    }
	.block-10{
		display:block;
	}
	.block-10 .event{
		display:none;
	}
	.block-10 .square-2{
		display:block;
	}
	.block-10 .square-2 .square{
		display:block;
		position: absolute;
		left: 1365px;
		top: 1365px;
	}
	.block-10 .square-2 .square + .square{
		display:none;
	}
	.meeting{
		min-height:174px;
	}
	.subscribe {
		min-height: 130px;
		padding: 21px;
	}
	.event .description .calendar-wrapper .calendar-event {
		padding: 0 10px;
		width: 164px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-header {
		padding: 0 30px;
		width: 114px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-calendar {
		width: 369px;
	}
	.square img {
		max-width:100%;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-87px;
	}
	.event{
		height:369px;
		margin-bottom:21px;
	}
	.events .event {
		height:336px;
	}
	.event-full {
		height: 564px;
	}
    header .span2{
		width:450px;
	}
}

@media only screen and (min-width: 1365px) and (max-width: 1599px) {
	#content{
		margin:0 -11px;
	}
	.inner #content{
		margin:0;
	}
	.i-wrapper{
		max-width:1365px;
		margin:0 auto;
	}
	.span1 {
		width:564px;
		padding:0 10px 0 11px;
	}
	.block-1{
		height:564px;
	}
	.span2 {
		width:369px;
		padding:0 10px 0 11px;
	}
	.square-2{
		min-height:174px;
		margin-bottom:21px;
	}
	.square-2 .square {
		height: 174px;
		width: 174px;
		overflow:hidden;
		position:relative;
	}
	.square-2 .twitter {
		height: 170px;
		width: 170px;
	}
	.meeting{
		min-height:174px;
	}
	.subscribe {
		min-height: 130px;
		padding: 21px;
	}
	.event .description .calendar-wrapper .calendar-event {
		padding: 0 10px;
		width: 164px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-header {
		padding: 0 30px;
		width: 114px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-calendar {
		width: 369px;
	}
	.square img {
		max-width:100%;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-87px;
	}
	.event{
		height:369px;
		margin-bottom:21px;
	}
	.event-full {
		height: 564px;
	}
}

@media only screen and (min-width: 1253px) and (max-width: 1364px) {
	#content{
		margin:0 -8px;
	}
	.inner #content{
		margin:0;
	}
	.main-navigation menu li {
		margin: 0 12px 0 0;
		padding-left: 17px;
	}
	.main-navigation menu li:first-child{
		padding-left:0;
	}
	
	.i-wrapper{
		max-width:1253px;
		margin:0 auto;
	}
	.span1 {
		width:521px;
		padding:0 8px;
	}
	.block-1{
		height:521px;
	}
	.span2 {
		width:342px;
		padding:0 8px;
	}
	.square-2{
		min-height:163px;
		margin-bottom:16px;
	}
	.square-2 .square {
		height: 163px;
		width: 163px;
		overflow:hidden;
		position:relative;
	}
	.square-2 .twitter {
		height: 159px;
		width: 159px;
	}
	.square .video {
		min-height: 163px;
	}
	.meeting{
		min-height:163px;
	}
	.subscribe {
		min-height: 129px;
		padding: 16px;
	}
	.subscribe .input {
		margin: 0 0 5px;
	}
	.event .description .calendar-wrapper .calendar-event {
		padding: 0 10px;
		width: 153px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-header {
		padding: 0 30px;
		width: 103px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-calendar {
		width: 342px;
	}
	.square img {
		max-width:100%;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-82px;
	}
	.event{
		height:342px;
		margin-bottom:16px;
	}
	.event-full {
		height: 521px;
	}
	
	header .span1{
		width:350px;
	}
	header .span2{
		width:300px;
	}
	footer .partners ul li {
		margin: 0 25px;
	}
	footer menu li.parent{
		margin-right:35px;
	}
	footer address{
		text-align:center;
	}
	footer address div.item {
		padding: 0 8px;
	}
}

@media only screen and (max-width: 1252px) {
	.inner #content{
		margin:0;
	}
	.i-wrapper{
		width:975px;
		margin:0 auto;
	}
    #content > .i-wrapper{
        width:954px;
        position:relative;
        min-height:2755px;
    }
    .inner #content > .i-wrapper{
        width:auto;
        width:965px;
        min-height:0;
		margin:0 auto;
    }
    .block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7, .block-8, .block-9, .block-10{
        position:absolute;
        left:0;
        top:0;
        padding:0;
        margin:0;
    }
    .block-2 .event{
        position:absolute;
        width:369px;
        left:585px;
        top:190px;
    }
    .block-2 .square-2{
        position:absolute;
        width:369px;
        left:0px;
        top:585px;
    }
    .block-3 .event{
        position:absolute;
        width:369px;
        top:780px;
    }
    .block-3 .square-2{
        position:absolute;
        width:369px;
        overflow:visible;
        left:585px;
    }
    .block-4{
        top:1170px;
    }
    /*.block-5{
        top:1170px;
        left:390px;
    }*/
    .block-5 .event{
        position:absolute;
        width:369px;
        top:2340px;
    }
    .block-5 .square-2{
        position:absolute;
        width:369px;
        top:1560px;
        left:390px;
    }
    .block-6{
        left:390px;
        top:585px;
    }
    .block-7{
        top:1755px;
    }
    .block-8{
        left:585px;
        top:1755px;
    }
    .block-9{
        top:1170px;
        left:390px;
    }
    .block-9 .square-2{
        position:absolute;
        left:390px;
    }
    .block-9 .square-2 .square{
        margin:0 0 21px 0;
    }
    .block-10,
    .block-10 .square-2 .square + .square + .square{
        display:block;
    }
    .block-10 .event{
        position:absolute;
        width:369px;
        left:585px;
        top:2340px;
    }
    /*.block-10 .square-2{
        position:absolute;
        width:174px;
        height:564px;
        left:780px;
        top:1170px;
    }*/
    .block-10 .square-2 .square{
        position:absolute;
        width:170px;
        height:170px;
        left:780px;
        top:1560px;
        margin:0 0 21px 0;
    }
    .block-10 .square-2 .square + .square{
        left:390px;
        top:2340px;
    }
    .block-10 .square-2 .square + .square + .square{
        left:390px;
        top:2535px;
    }
    
	.inner .i-wrapper{
		width:960px;
		max-width:960px;
	}
	header.layout .i-wrapper,
	.insideMenu .i-wrapper{
		width:926px;
		min-width:926px;
	}
	.inner header.layout .i-wrapper,
	.inner .insideMenu .i-wrapper{
		width:960px;
		min-width:960px;
	}
	.span1{
		width:564px;
	}
	.span2{
		width:369px;
	}
    .block-1{
		height:564px;
	}
	.square-2{
		min-height:174px;
		margin-bottom:21px;
	}
	.square-2 .square {
		height: 174px;
		width: 174px;
		overflow:hidden;
		position:relative;
	}
	.square-2 .twitter {
		height: 170px;
		width: 170px;
	}
	.meeting{
		min-height:174px;
	}
	.subscribe {
		min-height: 130px;
		padding: 21px;
	}
	.event .description .calendar-wrapper .calendar-event {
		padding: 0 10px;
		width: 164px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-header {
		padding: 0 30px;
		width: 114px;
	}
	.event .description .calendar-wrapper .calendar .ui-datepicker-calendar {
		width: 369px;
	}
	.square img {
		max-width:none;
		position:absolute;
		max-width:100%;
		top:0;
		left:50%;
		margin-left:-87px;
	}
	.event{
		height:369px;
		margin-bottom:21px;
	}
	.event-full {
		height: 564px;
	}
	
	header .span2{
		width:200px;
        padding:0 10px 0 11px;
	}
	header .span1{
		width:330px;
        padding:0 10px 0 11px;
	}
	.main-navigation a.logo {
		margin: 0 35px 0 0px;
	}
	.main-navigation menu {
		font-size: 11px;
	}
	.main-navigation menu li {
		margin: 18px 7px 0 0;
		padding-left: 12px;
	}
	.main-navigation menu li:first-child{
		padding-left:0;
	}
	footer{
		padding:0;
		overflow:hidden;
	}
	footer .i-wrapper{
		min-width:0;
		max-width:886px;
	}
	footer .partners {
		margin: 0 -40px;
		padding: 0;
	}
	footer .partners ul li {
		margin: 0 10px;
	}	
	footer menu li.parent {
		margin: 0 10px 0 0;
	}
	footer menu li.parent menu {
		max-width: 160px;
	}	
	.inner footer menu li.parent menu {
		max-width: 170px;
	}
	
	footer address {
		margin: 0;
	}
	footer address div.item {
		width:400px;
		padding: 0 2px 0 9px;
	}
	.inner footer address div.item {
		width: 460px;
	}
	footer address div.item:first-child{
		background:url(../img/bg/s.png) no-repeat 0 50%;
	}
	
	nav.b-anchors {
		font-size: 11px;
		padding:5px 5px 0;
	}
	nav.b-anchors a{
		margin:0 0 5px;
	}
	
	div.b-persons.col-2 .item .text{
		padding:18px 15px;
	}
	div.b-persons.col-2 .item .text h4 {
		font-size: 18px;
	}
	div.b-persons.col-2 .item .text p{
		font-size:11px;
	}
	
	.person-wrapper .person-content .right .about .text {
		padding: 25px 0 0 25px;
	}
	.person-wrapper .person-content .right h2{
		font-size:30px;
	}
	.person-wrapper .person-content .right .events .item .date .d {
		font: 34px/100% "Times New Roman",serif;
	}
	.person-wrapper .person-content .right .events .item .date .d span{
		font-size:11px;
		margin-left:1px;
	}
	.person-wrapper .person-content .right .events .item .date .t {
		font: 11px Georgia,serif;
		left: 35px;
		top:2px;
	}
	.person-wrapper .person-content .right .events .item h4 {
		font: 11px/16px Georgia,serif;
		padding: 5px 0;
	}
	
	.b-repertoire-list .col-2 .col{
		width:100%;
		margin:0 0 60px 0;
	}
	
	.lecture-cover ul{
		position:relative;
		margin:0 -9px;
	}
	.lecture-cover ul li,
	.lecture-cover ul li.left,
	.lecture-cover ul li.center,
	.lecture-cover ul li.right{
		width:50%;
		text-align:right;
	}	
}