/* ADVENGINE.COM (c) 2014 */

/* SETs */
html, body{width: 100%; height: 100%; margin: 0px; background: #ffffff; font-family: Arial, sans-serif; font-size: 90%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal;}
.break{display: block; clear: both; width: 100%; height: 0px;}
input, textarea, select, a{outline: none;}
textarea{resize: none;}
a, img, .submit, .button, #slideNavi, #header div.slideNavi, #preloader, #bio div.image, #videos div.list, #videos div.pager, #videos div.list div.wrapper .item{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
a{text-decoration: none;}
form{position: relative;}
input.submit{position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; visibility: hidden;}
/*.button{width: 40%; padding: 20px; margin: 0 auto; border-radius: 2px; background: #949494; text-align: center; text-transform: uppercase; font-size: 22pt; color: #ffffff; cursor: pointer;}
.button:hover{background: #ABABAB;}*/*

.button{display: inline; margin: auto; position: relative; padding: 16px 60px; font-size: 14px; text-transform: uppercase; color: #ffffff; cursor: pointer;}
.button span.name{display: inline; position: relative; z-index: 2;}
.button span.rect{display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background: #868484;  -moz-transform: skew(-20deg,0); -webkit-transform: skew(-20deg,0); -o-transform: skew(-20deg,0); -ms-transform: skew(-20deg,0); transform: skew(-20deg,0);}
.button.on span.rect{background: #c90909;}


@-webkit-keyframes slidePreloader {100% {background-position: 80px 0px;}}
@-moz-keyframes slidePreloader {100% {background-position: 80px 0px;}}
@-o-keyframes slidePreloader {100% {background-position: 80px 0px;}}
@-keyframes slidePreloader {100% {background-position: 80px 0px;}}

/* BODY */
#body{position: relative; width: 100%; height: 100%; overflow-x: hidden;}

/* PRELOADER */
body.loading{overflow: hidden;}
#preloader{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #ffffff;}
#preloader table{width: 100%; height: 100%; border-collapse: collapse;}
#preloader div.content{width: 170px; height: 48px; margin: auto;}
#preloader div.circle{float: left; margin-top: 6px; width: 48px; height: 48px; background: url('/layouts/images/preloader.png') no-repeat left top;
	-webkit-animation: loading .5s steps(8) infinite;
	-moz-animation: loading .5s steps(8) infinite;
	-o-animation: loading .5s steps(8) infinite;
	animation: loading .5s steps(8) infinite;
}
@-webkit-keyframes loading{0% {background-position: 0px 0px;}100% {background-position: -384px 0px;}}
@-moz-keyframes loading{0% {background-position: 0px 0px;}100% {background-position: -384px 0px;}}
@-o-keyframes loading{0% {background-position: 0px 0px;}100% {background-position: -384px 0px;}}
@keyframes loading{0% {background-position: 0px 0px;}100% {background-position: -384px 0px;}}
#preloader div.logo{float: left; margin-left: 12px; width: 110px; height: 48px; background: url('/layouts/images/preloader-logo.png') no-repeat left top;}

.width{position: relative; max-width: 1440px; margin: auto;}

/* SLIDE NAVI */
#slideNavi{position: absolute; top: 0px; left: 100%; z-index: 300; width: 90%; max-width: 400px; height: 100%; background: #212121;}
#slideNavi div.wrapper{position: relative; width: 100%; height: 100%; background: #212121; overflow: auto; -webkit-overflow-scrolling: touch;
	-moz-transform: translate3d(0%,0,0); -moz-transition: -moz-transform .5s;
	-webkit-transform: translate3d(0%,0,0); -webkit-transition: -webkit-transform .5s;
	-o-transform: translate3d(0%,0,0); -o-transition: -o-transform .5s;
	-ms-transform: translate3d(0%,0,0); -ms-transition: -ms-transform .5s;
	transform: translate3d(0%,0,0); transition: transform .5s;
}
#slideNavi.show div.wrapper{
	-moz-transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);	
	transform: translate(-100%,0);
}
#slideNavi div.wrapper div.close{position: absolute; top: 2%; right: 2%; width: 60px; height: 42px; padding-top: 18px; border-radius: 2px; background: #000000; text-align: center; font-size: 22px; color: #ffffff; cursor: pointer;}
#slideNavi div.wrapper div.close.on{background: #c90909;}
#slideNavi a.logo{display: block; margin: 2% 0 0 2%; width: 198px; height: 90px; background: url('/layouts/images/logo-en.png') no-repeat left bottom; background-size: 100%;}
body.ru #slideNavi a.logo{background-image: url('/layouts/images/logo.png');}
#slideNavi div.navi{margin-top: 10px;}
#slideNavi div.navi a.item{display: block; padding: 16px 2%; border-top: 1px solid #212121; background: #2D2D2D; font-size: 22px; color: #ffffff;}
#slideNavi div.navi a.item span.desc{display: block; font-size: 14px; font-style: italic; color: #cccccc;}
#slideNavi div.navi a.item.on{background: #0D0D0D;}
#slideNavi div.navi a.item.active{background: #c90900;}
#slideNavi div.langs{border-top: 1px solid #212121;}
#slideNavi div.langs a{float: left; width: 50%; padding: 10px 0; background: #2D2D2D; text-align: center; font-size: 18px; text-transform: uppercase; color: #ffffff;}
#slideNavi div.langs a.on{background: #0D0D0D;}
#slideNavi div.langs a.active{background: #c90909;}

#slideNavi div.soc{width: 192px; margin: 10px auto 0 auto;}
#slideNavi div.soc a{display: block; float: left; width: 60px; height: 60px; border-radius: 50%; background: url('/layouts/images/social.png') no-repeat;}
#slideNavi div.soc a.facebook{background-color: #39579a; background-position: left 0px;}
#slideNavi div.soc a.vk{margin: 0 6px; background-color: #41658b; background-position: left -60px;}
#slideNavi div.soc a.youtube{background-color: #ce1d1f; background-position: left -120px;}

/* CONTAINER */
#container{position: relative; z-index: 200; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
body.loading #container{display: none;}
#container h1, #container h2{margin: auto; padding: 0 0 20px 0; text-align: center; font-size: 48px; font-weight: bold; font-style: italic;}

/* HEADER */
#header{position: absolute; top: 2%; right: 2%; left: 2%; z-index: 100; width: 96%; height: 0px;}
#header div.width{height: 0px;}

#header div.slideNavi{display: none; position: absolute; top: 0px; right: 0; width: 60px; height: 60px; border-radius: 2px; background: url('/layouts/images/slidenavi.png') no-repeat center top #D7D7D7; cursor: pointer;}
body.dark #header div.slideNavi{background-color: #111515; background-position: center bottom;}
#header div.slideNavi.on, body.dark #header div.slideNavi.on{background-color: #c90900;}

#header a.logo{display: block; width: 198px; height: 90px; background: url('/layouts/images/logo-en.png') no-repeat left top;}
body.ru #header a.logo{background-image: url('/layouts/images/logo.png');}
body.dark #header a.logo{background-position: left bottom;}

#header div.navi{width: 220px; padding-top: 20px;}
#header div.navi a.item{position: relative; display: block; padding: 10px 0; font-size: 18px; font-style: italic; color: #ffffff;}
#header div.navi a.item span{display: block;}
#header div.navi a.item span.bull{position: relative; z-index: 9; float: left; margin-top: 10px; width: 10%; font-size: 26px; line-height: 0; color: #c90900;}
#header div.navi a.item span.name{position: relative; z-index: 10; float: left; width: auto; max-width: 90%; color: #000000;}
body.dark #header div.navi a.item span.name{color: #ffffff;}

#header div.navi a.item.home span.name{margin-top: -6px; width: 30px; height: 30px; background: url('/layouts/images/home-icon.png') no-repeat left top;}
body.dark #header div.navi a.item.home span.name{background-position: left bottom;}

#header div.navi a.item span.desc{display: block; position: relative; z-index: 8; float: none; padding: 2px 0px 0px 20px; font-size: 12px; line-height: 12px; color: #9e9e9e; -webkit-font-smoothing: auto;}
#header div.navi a.item span.red{position: absolute; top: 0px; left: 0px; z-index: 0; height: 100%; background: #c90909; opacity: 0; -moz-transform: skew(-20deg,0); -webkit-transform: skew(-20deg,0); -o-transform: skew(-20deg,0); -ms-transform: skew(-20deg,0); transform: skew(-20deg,0); -webkit-transition: left .3s, opacity .3s;}

#header div.navi a.item.on span.bull, #header div.navi a.item.active span.bull{color: #ffffff;}
#header div.navi a.item.on span.name, #header div.navi a.item.active span.name{color: #ffffff;}
#header div.navi a.item.home.on span.name, #header div.navi a.item.home.active span.name{background-position: left bottom;}
#header div.navi a.item.on span.desc, #header div.navi a.item.active span.desc{color: #F2BFA5;}
#header div.navi a.item.on span.red, #header div.navi a.item.active span.red{opacity: 1;  -webkit-transition: left .1s, opacity .1s;}

#header div.navi div.soc{margin: 10px 0 0 20px;}
#header div.navi div.soc a{display: block; float: left; width: 32px; height: 32px; border-radius: 50%; background: url('/layouts/images/social.png') no-repeat; background-size: 100%;}
#header div.navi div.soc a.facebook{background-color: #39579a; background-position: left 0px;}
#header div.navi div.soc a.vk{margin: 0 6px; background-color: #41658b; background-position: left -32px;}
#header div.navi div.soc a.youtube{background-color: #ce1d1f; background-position: left -64px;}

#header div.langs{position: absolute; top: 60px; right: 0px; z-index: 10;}
#header div.langs a{display: block; position: relative; float: left; width: 60px; padding: 6px 0; text-align: center; text-transform: uppercase; font-size: 14px; color: #ffffff;}
#header div.langs a span.name{position: relative; z-index: 2; color: #000000;}
body.dark #header div.langs a span.name{color: #ffffff;}
#header div.langs a span.red{display: none; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%;}
#header div.langs a.on span.red, #header div.langs a.active span.red{display: block; background: #c90909; -moz-transform: skew(-20deg,0); -webkit-transform: skew(-20deg,0); -o-transform: skew(-20deg,0); -ms-transform: skew(-20deg,0); transform: skew(-20deg,0);}
#header div.langs a.on span.name, #header div.langs a.active span.name{color: #ffffff;}

/* HOME */
#home{position: relative; z-index: 50; width: 100%; height: 760px; background: url('/layouts/images/home-background.png') no-repeat center top #131617;}
#home div.image{position: absolute; bottom: 0px; margin: 0 4%; width: 92%; height: 574px; background: url('/layouts/images/home-dmitry.png') no-repeat center bottom; background-size: contain;}

/* BIO */
#bio{width: 100%;}
#bio, #content.bio{
	background: #e3e3e3;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%);
}
#bio div.width{height: 100%; min-height: 500px;}
#bio div.image{position: absolute; top: 0px; left: -2%; z-index: 0; width: 654px; height: 100%; background: url('/layouts/images/bio-background.png') no-repeat left bottom; background-size: contain;}
#bio div.content{position: relative; z-index: 10; margin-left: 40%; width: 50%; padding: 40px 0; font-size: 18px;}
#bio.full div.content{margin-left: 280px;}
#bio h1, #bio h2{text-align: left;}
#bio div.birthday{font-size: 22px; font-style: italic;}
#bio div.list{padding-bottom: 40px;}
#bio div.list div.item{margin-top: 40px;}
#bio div.list div.item div.date{display: inline; position: relative; padding: 10px 20px; font-size: 22px; color: #ffffff;}
#bio div.list div.item div.date span.name{display: inline; position: relative; z-index: 2;}
#bio div.list div.item div.date span.red{display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background: #c90909;  -moz-transform: skew(-20deg,0); -webkit-transform: skew(-20deg,0); -o-transform: skew(-20deg,0); -ms-transform: skew(-20deg,0); transform: skew(-20deg,0);}
#bio div.list div.item div.desc{font-size: 18px; font-style: italic;}

/* CONCERTs */
#concerts{min-height: 500px; padding: 40px 0;
	background: #3b3b3b;
	background: -moz-radial-gradient(center, ellipse cover, #7c7c7c 0%, #3b3b3b 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7c7c7c), color-stop(100%,#3b3b3b));
	background: -webkit-radial-gradient(center, ellipse cover, #7c7c7c 0%,#3b3b3b 100%);
	background: -o-radial-gradient(center, ellipse cover, #7c7c7c 0%,#3b3b3b 100%);
	background: -ms-radial-gradient(center, ellipse cover, #7c7c7c 0%,#3b3b3b 100%);
	background: radial-gradient(ellipse at center, #7c7c7c 0%,#3b3b3b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7c7c',endColorstr='#3b3b3b',GradientType=1);
}
#concerts.light{padding: 0px; background: none;}
#concerts h2{color: #ffffff;}
#concerts div.list{width: 96%; padding: 0 2%; text-align: center; color: #ffffff;}
#concerts.light div.list{text-align: left; color: #000000;}

#concerts div.list div.season{padding-bottom: 40px;}
#concerts div.list div.season div.season_name{padding: 20px 0; font-size: 42px; font-weight: bold; color: #ffffff;}
#concerts.light div.list div.season div.season_name{color: #000000;}
#concerts div.list div.season div.item{position: relative; padding: 60px 0 30px 0; border-bottom: 1px solid #5A5A5A;}
#concerts div.list div.season div.item a{text-decoration: underline; color: #ffffff;}
#concerts.light div.list div.season div.item a{color: #c90909;}
#concerts.light div.list div.season div.item{padding: 30px 0 10px 0; border-bottom: 1px solid #E9E9E9;}
#concerts div.list div.season div.item div.date{display: inline; position: relative; padding: 10px 2%; font-size: 24px; font-style: italic; color: #ffffff;}
#concerts div.list div.season div.item div.date span.name{position: relative; z-index: 2;}
#concerts div.list div.season div.item div.date span.rect{display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background: #c90909;  -moz-transform: skew(-20deg,0); -webkit-transform: skew(-20deg,0); -o-transform: skew(-20deg,0); -ms-transform: skew(-20deg,0); transform: skew(-20deg,0);}
#concerts div.list div.season div.item div.desc{font-size: 20px; font-style: italic;}

/* VIDEOs */
#videos{padding: 0;}

#videos div.gallery{width: 98%; padding: 1%;}
#videos div.gallery a.item{display: block; position: relative; float: left; margin: 0 1%; width: 48%; padding: 10px 0; text-decoration: none;}
#videos div.gallery a.item span.image{display: block; position: relative; width: 100%; height: 220px; border: 4px solid #ffffff; box-shadow: 0 4px 10px #D4D4D4; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#videos div.gallery a.item span.image span.icon{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('/layouts/images/video.png') no-repeat center center;}
#videos div.gallery a.item span.desc{display: block; margin-top: 6px; text-align: center; font-size: 14px; font-style: italic; color: #5F5F5F;}

#videos div.list{position: relative; width: 100%; height: 380px; overflow: hidden; background: #000000;}
#videos div.list div.wrapper{height: 100%;}
#videos div.list div.wrapper .item{display: block; float: left; width: 100%; height: 100%; background: #212121; color: #ffffff;}
#videos div.list div.wrapper .item table{width: 100%; height: 100%; border-collapse: collapse;}
#videos div.list div.wrapper .item div.image{display: inline-block; position: relative; width: 50%; height: 100%; background: #000000; cursor: pointer; background-position: center center; background-size: cover; vertical-align: middle;}
#videos div.list div.wrapper .item div.image span{display: block; width: 100%; height: 100%; background: url('/layouts/images/video.png?q=2') no-repeat center center;}
#videos div.list div.wrapper .item div.info{display: inline-block; width: 45%; padding: 2%; vertical-align: middle;}
#videos div.list div.wrapper .item div.info span.name{display: block; width: 100%; font-size: 32px; font-style: italic;}
#videos div.list div.wrapper .item div.info span.name span{color: #c90909;}
#videos div.list div.wrapper .item div.info span.desc{font-size: 14px; font-style: italic; color: #cccccc;}

#videos div.list div.navi{position: absolute; top: 50%; width: 100%; height: 0; opacity: 0; -webkit-transition: opacity .3s;}
#videos.showNavi div.list div.navi{opacity: 1;}

#videos div.list div.navi div{position: absolute; top: -25px; width: 60px; height: 28px; padding-top: 32px; border-radius: 50%; background: rgba(255,255,255,.2); text-align: center; line-height: 0; font-size: 22px; color: #ffffff; cursor: pointer;}
#videos div.list div.navi div.on{background: #c90909;}
#videos div.list div.navi div.prev{left: 1%;}
#videos div.list div.navi div.next{right: 1%;}

#videos div.pager{width: 100%; height: 20px; text-align: center;}
#videos div.pager span{font-size: 52px; line-height: 32px; color: #cccccc;}
#videos div.pager span.selected{color: #000000;}

/* PHOTOs */
#photos{padding: 0;}
#photos div.gallery{width: 98%; padding: 1%;}
#photos div.gallery .Image_Wrapper{border-radius: 3px; opacity: 0; -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#photos div.gallery .Caption{font-size: 14px; font-weight:normal;}
#photos div.gallery .Caption_Content{padding: 20px; color: #ffffff;}
#photos div.gallery a{}
#photos div.gallery img{display: inline-block; margin: 0; padding: 0; border: 6px solid #ffffff; vertical-align:bottom; opacity: 1;}

/* FEEDBACK */
#feedback{}
#feedback h2{padding-bottom: 10px; font-size: 42px;}
#feedback div.breakLine{display: none; width: 100%; height: 20px; background: url('/layouts/images/feedback-breakline.jpg') center top;}
#feedback div.form{padding: 20px 2%; border-top: 1px solid #E7E7E7; background: #EFEFEF;}
#feedback div.form form{margin: auto; width: 100%; max-width: 600px;}
#feedback div.form form div.line{margin-bottom: 10px;}
#feedback div.form form div.line div.name{font-size: 18px; font-style: italic; color: #000000;}
#feedback div.form form input.type, #feedback div.form form textarea{width: 96%; padding: 6px 2%; border: 1px solid #B3B3B3; background: #ffffff; font-size: 16px;}
#feedback div.form form textarea{height: 180px;}
#feedback div.form form input.focus, #feedback div.form form textarea.focus{border-color: #000000;}
#feedback div.form form input.error, #feedback div.form form textarea.error{border-color: #ED3100; background-color: #FFF4F1;}
#feedback div.form form input.valid, #feedback div.form form textarea.valid{border-color: #93A900; background-color: #FCFFF1;}
#feedback div.form form div.submit{width: 96%; padding: 12px 2%; background: #a5ab00; text-align: center; text-transform: uppercase; font-size: 18px; color: #ffffff; cursor: pointer;}
#feedback div.form form div.submit.on{background: #9AA000;}
#feedback div.form form.loading div.submit{background: url('/layouts/images/preloader-slide.png') #9AA000;
	-webkit-animation: slidePreloader 1s infinite linear;
	-moz-animation: slidePreloader 1s linear infinite;
	-o-animation: slidePreloader 1s linear infinite;
	animation: slidePreloader 1s infinite linear;
}
#feedback div.form form div.output{display: none; padding: 20px 0; text-align: center; font-size: 16px;}

/* SUBSCRIBE */
#subscribe{padding: 20px 0px; border-top: 2px solid #ffffff; background: #2B3B48;}
#subscribe div.name{float: left; width: 46%; padding: 6px 0 0 0; text-align: right; font-size: 22px; font-style: italic; color: #ffffff;}
#subscribe div.field{float: left; width: 42%; padding: 0 2%;}
#subscribe div.field input{float: left; margin-right: 1%; width: 65%; height: 38px; border: 0; padding: 0 2%; background: #ffffff; font-size: 18px;}
#subscribe div.field input.valid{background: #EDFFC4;}
#subscribe div.field input.error{background: #FFC6C4;}
#subscribe div.field div.submit{float: left; width: 30%; height: 28px; padding: 10px 0 0 0; border-radius: 2px; background: #0FA1D0; text-align: center; text-transform: uppercase; font-size: 14px; color: #ffffff; cursor: pointer;}
#subscribe div.field div.submit.on{background: #0E89B0;}
#subscribe div.field div.submit.loading{ background: url('/layouts/images/preloader-slide.png') #0E89B0;
	-webkit-animation: slidePreloader 1s infinite linear;
	-moz-animation: slidePreloader 1s linear infinite;
	-o-animation: slidePreloader 1s linear infinite;
	animation: slidePreloader 1s infinite linear;
}

#subscribe div.field div.complete{padding-top: 6px; font-size: 22px; font-style: italic; color: #FF8C00;}

/* FOOTER */
#footer{}
#footer div.main{padding: 40px 0; background: #000000;}
#footer div.main div.navi{width: 96%; padding: 0 2%;}
#footer div.main div.navi a{display: block; float: left; width: 14.28%; height: 60px; padding-top: 30px; text-align: center; font-size: 22px; font-style: italic; color: #ffffff;}
#footer div.main div.navi a.logo{background: url('/layouts/images/footer-logo-en.png') no-repeat left bottom; background-size: contain;}
body.ru #footer div.main div.navi a.logo{background-image: url('/layouts/images/footer-logo.png');}
#footer div.main div.navi a span.name{border-bottom: 2px solid #000000;}
#footer div.main div.navi a span.desc{display: block; font-size: 12px; color: #ececec;}
#footer div.main div.navi a.on span.name, #footer div.main div.navi a.active span.name{border-color: #c90909; color: #ff0000;}

#footer div.soc{padding: 20px; border-top: 1px solid #3B3B3B; background: #2e2e2e; text-align: center;}
#footer div.soc div.width{width: 196px;}
#footer div.soc a{display: block; float: left; width: 60px; height: 60px; border-radius: 50%; background: url('/layouts/images/social.png') no-repeat;}
#footer div.soc a.facebook{background-color: #39579a; background-position: left 0px;}
#footer div.soc a.vk{margin: 0 6px; background-color: #41658b; background-position: left -60px;}
#footer div.soc a.youtube{background-color: #ce1d1f; background-position: left -120px;}

#footer div.copy{padding: 10px 2%; border-top: 1px solid #363636; background: #252525; text-align: center; font-size: 12px; font-style: italic; color: #b4b4b4;}
#footer div.archive{padding: 20px 2%; border-top: 1px solid #363636; background: #080808; text-align: center; font-size: 16px; font-style: italic; color: #b4b4b4;}
#footer div.archive a{text-transform: uppercase; text-decoration: underline; color: #c90909;}

/* CONTENT */
#content{position: relative; z-index: 10; width: 100%; min-height: 500px; padding: 24px 0 40px 0; font-size: 16px;}
#content div.width{position: relative; z-index: 10; margin: auto; width: 60%; max-width: 960px; min-height: 500px; padding: 0;}
#content h1{text-align: left;}
#content h2{font-size: 38px;}
#content a{text-decoration: underline; color: #c90909;}
#content .button{text-decoration: none; color: #ffffff;}
#content .file_mus{display: inline-block; width: 60px; height: 60px; background: url('/layouts/images/file-mus.jpg') no-repeat center center; vertical-align: middle; text-decoration: none;}
#content .file_pdf{display: inline-block; width: 60px; height: 60px; background: url('/layouts/images/file-pdf.jpg') no-repeat center center; vertical-align: middle; text-decoration: none;}
#content .file_mid{display: inline-block; width: 60px; height: 60px; background: url('/layouts/images/file-mid.jpg') no-repeat center center; vertical-align: middle; text-decoration: none;}
#content div.breakLine{margin: 40px 0; width: 100%; height: 1px; background: #D3D3D3;}

#content a.contact_phone{display: block; margin: auto; height: 24px; padding-left: 32px; background: url('/layouts/images/phone.jpg') no-repeat left center; background-size: 24px; font-size: 20px;}

/* PATH */
#path{}
#path a, #path span{display: block; float: left; height: 24px; padding: 6px 10px 0 10px; font-size: 18px; font-style: italic; color: #000000; text-decoration: none;}
#path a:hover{text-decoration: underline;}
#path a.home{width: 30px; height: 30px; padding: 0px; background: url('/layouts/images/home-icon.png') no-repeat left top; text-decoration: none;}
#path span.target{font-weight: bold; color: #c90909;}
#path span.arrow{height: 18px; padding: 12px 10px 0 10px; font-size: 8px; font-style: normal; color: #B4B4B4;}

/* RUSSIAN Style */
#russianStyle{margin-top: -24px; width: 100%; height: 700px; background: url('/layouts/images/home-background.png') no-repeat center top #131617;}
#russianStyle div.image{width: 100%; height: 700px; background: url('/images/content/russian-style.png') no-repeat center top;}
body.orchestra .button.middle{margin: 0 20px;}

@media screen and (max-width: 1220px) {
	#content div.width{margin-left: 280px;}
}
@media screen and (max-width: 1080px) {
	#videos div.gallery a{float: none; width: 100%; margin: auto;}
	body.orchestra .button, body.orchestra .button.middle{display: block; margin: 20px 0 0 0;}
}

@media screen and (max-width: 1000px) {
	#content div.width{position: relative; z-index: 10; margin-left: 280px; width: 50%; max-width: 500px; min-height: 500px; padding: 0;}
	#concerts div.list div.item{padding: 30px 0px;}
	#concerts div.list div.item div.desc div.rect{-moz-transform: skew(0,0); -webkit-transform: skew(0,0); -o-transform: skew(0,0); -ms-transform: skew(0,0); transform: skew(0,0);}
	
}
@media screen and (max-width: 980px) {
	#bio h2{text-align: center;}
	#bio div.image{opacity: .2}
	#bio div.content{margin: auto; width: 96%; padding: 40px 2%; text-align: center;}
	#bio.full div.content{margin-left: 280px; width: 50%; padding: 40px 0; text-align: left;}

	#subscribe div.name{float: none; width: 96%; padding: 0 2%; text-align: center;}
	#subscribe div.field{float: none; margin-top: 10px; width: 96%;}

	#videos div.list div.wrapper .item div.info span.name{font-size: 22px;}
}

@media screen and (max-width: 940px) {
	#footer div.main div.navi a{float: none; width: 100%; height: auto; padding: 20px 0;}
	#footer div.main div.navi a.logo{height: 90px; background-position: center top; background-size: auto;}
}
@media screen and (max-width: 800px) {
	#header div.slideNavi{display: block;}
	#header div.navi{display: none;}
	#header div.langs{display: none;}

	#content div.width{margin: auto; width: 96%; padding: 100px 2% 40px 2%; text-align: left;}
	body.orchestra #content div.width{padding-top: 0px;}
}
@media screen and (max-width: 640px) {
	#videos div.list{height: 480px;}
	#videos div.list div.wrapper div.item div.prev{float: none; width: 100%; height: 280px;}
	#videos div.list div.wrapper div.item div.image{float: none; width: 100%; height: 300px; text-align: center;}
	#videos div.list div.wrapper div.item div.info{float: none; width: 96%; text-align: center;}
	#videos.showNavi div.list div.navi{opacity: 0;}
}
@media screen and (max-width: 540px) {
	#concerts div.list div.item div.more{position: relative; bottom: auto; right: auto;}
	#concerts div.list div.item div.more span.rect{-moz-transform: skew(0,0); -webkit-transform: skew(0,0); -o-transform: skew(0,0); -ms-transform: skew(0,0); transform: skew(0,0);}
}
@media screen and (max-width: 460px) {
	#subscribe div.field input{float: none; width: 96%;}
	#subscribe div.field div.submit{float: none; margin-top: 10px; width: 100%;}
}