﻿body.video main section div.video_element:after,body.video main section>div:after,body.recitals-video main section ol:after,body.recitals-video main section ol>li div.video_element:after,body.home main ul.video_section div.video_element:after{content:"";display:block;height:1px;clear:both;float:none}body.video main section div.video_element .video-popup-dom{max-width:400px;width:calc(50% - 20px);float:left;display:block;position:relative}body.video main section div.video_element .video-popup-dom img{width:100%}body.video main section div.video_element .video-popup-dom:before{display:block;content:"►";font-size:25px;height:50px;width:60px;background-color:rgba(0,0,0,.5);border-radius:12px;position:absolute;top:calc(50% - 25px);left:calc(50% - 30px);line-height:50px;text-align:center;color:#fff}*{box-sizing:border-box}#mobile_composer_options{display:none}html,body{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;width:100%;height:100%}html a,body a{text-decoration:none;color:#000}body header{background-color:rgba(238,222,210,.8);position:fixed;width:100%;z-index:10;top:0}body header div{width:100%;max-width:1400px;padding:20px 20px;margin:0 auto}body header div img{width:200px}body header div nav{display:inline-block;float:right;margin-top:10px;padding-right:30px}body header div nav .mobile-btn{display:none}body header div nav a{color:brown;padding:10px 20px}body header div nav a:hover{color:#fff}body.index main{background-image:url(../img/home.jpg);position:absolute;height:100%;width:100%;background-position:50%;background-size:cover}body.index main img{display:block;position:absolute;bottom:100px;height:7vw}body.index main p{margin-top:20%;width:35%;float:right;font-size:16px;line-height:31px;margin-right:40px;color:brown}body.index main p a{display:inline-block;padding:5px 10px;border:2px solid brown;color:brown;margin-top:20px}body.index main p a:hover{background-color:#fff;opacity:.5}body.home main section,body.about main section{width:100%;max-width:1400px;padding:20px 20px;margin:0 auto}body.home main section.profile,body.about main section.profile{max-width:1100px}body.home h2{display:block;color:brown;text-align:center}body.home>div.bg{background-image:url(../img/main.jpg);background-size:cover;background-repeat:no-repeat;width:100%;height:100%;position:fixed;z-index:0;top:0}body.home main{height:100%;z-index:1;position:absolute;width:100%;padding-bottom:20px}body.home main .cover{height:60%}body.home main .link_area{text-align:right}body.home main .link_area a:hover{color:brown;text-decoration:underline}body.home main section.intro{background-color:rgba(238,222,210,.8);max-width:800px;margin:40px auto}body.home main section.intro>p{padding:10px 60px;line-height:30px}body.home main ul{max-width:800px;margin:40px auto;list-style:none;padding:20px}body.home main ul.video_section{background-color:hsla(0,0%,100%,.8)}body.home main ul.video_section div.video_element{margin-bottom:60px;cursor:pointer}body.home main ul.video_section div.video_element:hover{opacity:.5}body.home main ul.video_section div.video_element img{max-width:400px;width:calc(50% - 20px);float:left;display:block}body.home main ul.video_section div.video_element ul{width:50%;float:right;padding:0;margin:0;box-sizing:border-box;list-style:none}body.home main ul.video_section div.video_element ul b{font-size:18px;margin-bottom:10px;display:block}body.home main ul.video_section div.video_element ul li{padding:5px 10px 5px 20px}body.home main ul.video_section div.video_element ul li:before{content:"•"}body.about main,body.contact main{padding:100px}body.about main img.main_bg,body.contact main img.main_bg{width:80%;margin:0 auto;display:block;margin-bottom:60px}body.about main img.about_us_addition_img,body.contact main img.about_us_addition_img{width:20%;float:right}body.about main strong,body.contact main strong{display:block;text-align:center;margin-top:60px;padding-bottom:10px;border-bottom:1px solid brown}body.about main ol li,body.about main ul li,body.contact main ol li,body.contact main ul li{padding:10px 0}body.about main ol li u,body.about main ul li u,body.contact main ol li u,body.contact main ul li u{display:block}body.about main ol li i,body.about main ul li i,body.contact main ol li i,body.contact main ul li i{float:right}body.contact main img{width:40%;max-width:800px;margin:0 auto;display:block;margin-bottom:60px}body.contact main section>b,body.contact main section>span{display:block;text-align:center;line-height:30px}body.contact main section a:hover{text-decoration:underline}body.recitals-video main{padding:100px}body.recitals-video main section{width:100%;max-width:1400px;padding:20px;box-sizing:border-box;margin:0 auto}body.recitals-video main section strong{display:block;text-align:center;font-size:30px;width:100%;padding:20px;color:brown}body.recitals-video main section ol{list-style:none;margin:0;padding:0;width:100%}body.recitals-video main section ol>li{padding:20px;width:calc(50% - 10px);float:left;box-sizing:border-box;text-align:center}body.recitals-video main section ol>li .iframe{position:relative;padding-bottom:60%;padding-top:25px;height:0;width:100%;max-width:712px;margin:0 auto}body.recitals-video main section ol>li .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}body.recitals-video main section ol>li h3{display:block;text-align:center}body.recitals-video main section ol>li p{line-height:26px}body.recitals-video main section ol>li>hr{margin-bottom:20px}body.recitals-video main section ol>li div.video_element{margin-bottom:60px;cursor:pointer}body.recitals-video main section ol>li div.video_element:hover{opacity:.5}body.recitals-video main section ol>li div.video_element img{max-width:400px;width:calc(50% - 20px);float:left;display:block}body.recitals-video main section ol>li div.video_element img:before{display:block;content:"x";height:20px;width:25px;background-color:rgba(0,0,0,.5)}body.recitals-video main section ol>li div.video_element ul{width:50%;float:right;padding:0;margin:0;box-sizing:border-box;list-style:none}body.recitals-video main section ol>li div.video_element ul b{font-size:18px;margin-bottom:10px;display:block}body.recitals-video main section ol>li div.video_element ul li{padding:5px 10px 5px 20px}body.recitals-video main section ol>li div.video_element ul li:before{content:"•"}body.video main{padding:100px}body.video main section{width:100%;max-width:1400px;padding:20px;box-sizing:border-box;margin:0 auto}body.video main section .main_img{width:40%;max-width:800px;margin:0 auto;display:block;margin-bottom:60px}body.video main section strong{display:block;text-align:center;font-size:30px;width:100%;padding:20px;color:brown}body.video main section>div{border:1px brown solid;box-sizing:border-box}body.video main section>div>ol{list-style:none;margin:0;padding:0;width:calc(100% - 220px);float:right}body.video main section>div>ol>li{display:none;padding:20px}body.video main section>div>ol>li.active{display:block}body.video main section>div>ol>li h3{display:block;text-align:center}body.video main section>div>ol>li p{line-height:26px}body.video main section>div>ol>li>hr{margin-bottom:20px}body.video main section aside{width:200px;box-sizing:border-box;float:left}body.video main section aside>a{box-sizing:border-box;display:block;padding:10px 20px;background-color:rgba(238,222,210,.8);border-bottom:1px brown solid;border-right:1px brown solid;cursor:pointer}body.video main section aside>a.active{background-color:#fff;border-right:0}body.video main section aside>a:hover{background-color:#fff;border-right:0}body.video main section aside>a:last-child{border-bottom:0}body.video main section div.video_element{margin-bottom:60px;cursor:pointer}body.video main section div.video_element:hover{opacity:.5}body.video main section div.video_element ul{width:50%;float:right;padding:0;margin:0;box-sizing:border-box;list-style:none}body.video main section div.video_element ul b{font-size:18px;margin-bottom:10px;display:block}body.video main section div.video_element ul li{padding:5px 10px 5px 20px}body.video main section div.video_element ul li:before{content:"•"}#modalPopup{position:fixed;width:100%;height:100%;z-index:20;top:0;right:0;background-color:rgba(0,0,0,.5);padding:40px;box-sizing:border-box;display:none}#modalPopup del{height:30px;width:30px;border:1px #333 solid;background-color:#fff;display:block;position:absolute;top:60px;right:60px;cursor:pointer;text-align:center;text-decoration:none;line-height:30px;z-index:30}#modalPopup del::before{content:"✕"}#modalPopup.active{display:block !important}#modalPopup>div{border-radius:5px;background-color:#fff;height:100%;overflow:auto;padding:60px 40px;box-sizing:border-box;position:relative}#modalPopup>div strong{display:block;font-size:30px;text-align:center;padding-bottom:20px}#modalPopup>div .iframe{position:relative;padding-bottom:33.25%;padding-top:25px;height:0;width:100%;max-width:712px;margin:0 auto}#modalPopup>div .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}#modalPopup>div span{text-decoration:underline;display:block;text-align:center;padding:20px;font-size:20px}#modalPopup>div p{line-height:24px}#modalPopup>div::-webkit-scrollbar{display:none}@media(max-width: 640px){body header{background-color:#eeded2}body header div nav{display:block;position:fixed;top:0;z-index:11;height:100%;margin-top:0;right:-200px;width:200px;background-color:hsla(0,0%,100%,.9);box-sizing:border-box;padding-right:0}body header div nav.active{right:0}body header div nav.active .mobile-btn:after{content:"✕";line-height:50px}body header div nav .mobile-btn{display:block;position:relative;padding:0;box-sizing:border-box}body header div nav .mobile-btn:after{content:"☰";color:#fff;display:block;position:absolute;width:50px;height:50px;background-color:#eeded2;left:-50px;font-size:20px;line-height:46px;text-align:center}body header div nav>a{box-sizing:border-box;display:block;padding:20px;border-bottom:1px brown solid}body.about main,body.video main,body.recitals-video main,body.contact main{padding:100px 10px 10px 10px;box-sizing:border-box}body.video main section strong{font-size:18px}body.video main section .main_img{width:100%;margin-bottom:40px}body.video main section aside{display:none}body.video main section>div>ol{width:100%}body.video main section div.video_element{margin-bottom:40px}body.video main section div.video_element .video-popup-dom{width:100%}body.video main section div.video_element ul{width:100%}body.recitals-video main section ol>li{width:100%}body.contact main img{width:80%}#modalPopup{padding:10px}#modalPopup del{top:20px;right:20px}#mobile_composer_options{display:block;display:block;width:100%;padding:10px;margin-bottom:20px;font-size:16px}}/*# sourceMappingURL=style.css.map */
