@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */


section#slide_show { background-color: #FFF; overflow: hidden; margin-top: -80px; }
section#slide_show > div#ss_img_cont { position: absolute; width: 100%; }
section#slide_show > div#ss_img_cont > img { position: absolute; width: 100%; }
section#slide_show > div#ss_panel { position: absolute; width: 100%; padding: 2px; background-color: rgba(255, 255, 255, .65); text-align: center; bottom: -50px; font-size: 20px; }
/*section#slide_show > div#ss_panel { position: absolute; width: 100%; height: 10px; padding: 2px; background-color: rgba(255, 255, 255, .65); text-align: center; bottom: -50px; font-size: 20px; }*/
section#slide_show > div#ss_panel > span { display: inline-block; width: 20px; text-align: center; cursor: pointer; color: #777; }
section#slide_show > div#ss_panel > span:link { font-weight: 300; }
section#slide_show > div#ss_panel > span:hover { font-weight: 600; }
section#slide_show > div#ss_panel > span.b { color: #000; }


/* ------------------------------------------------------------------------------------------------------------------------------------------ */


section#studio_about { background-color: #FFF; overflow: hidden; position: relative; }
section#studio_about > p { padding: 40px 40px 30px; }


/* ------------------------------------------------------------------------------------------------------------------------------------------ */


section#portfolio { background-color: #FFF; overflow: hidden; }

section#portfolio > nav { padding: 10px 0; position: relative; z-index: 100; background-color: #FFF; }
section#portfolio > nav > ul { text-align: center; }
section#portfolio > nav > ul > li { display: inline-block; width: 33%; line-height: 20px; text-transform: uppercase; font-size: 13px; letter-spacing: 4px; }

section#portfolio > div { position: relative; }
section#portfolio > div > ul {  }
section#portfolio > div > ul > li { display: block; position: absolute; overflow: hidden; cursor: pointer; }
section#portfolio > div > ul > li > img { width: 100%; }
section#portfolio > div > ul > li > div { width: 100%; padding: 5px; position: absolute; top: 100%; left: 0; background-color: rgba(255, 255, 255, .5);}


/* ------------------------------------------------------------------------------------------------------------------------------------------ */


section#contacts_map_cont { background-color: #FFF; overflow: hidden; border-top: 1px solid #DDD; }
section#contacts_map_cont > div#contacts_map { position: relative; width: 100%; z-index: 10; }
section#contacts_map_cont > div#contacts_stub { position: absolute; width: 100%; height: 100%; top: -1px; left: 0; background-color: rgba(255, 255, 255, .8); z-index: 50; text-align: center; }
section#contacts_map_cont > div#contacts_stub > h3 { margin: 1.75% 0; font-size: 28px; }
section#contacts_map_cont > div#contacts_stub > p { margin-bottom: .25%; line-height: 24px; }
section#contacts_map_cont > div#contacts_stub > p:last-child { margin-top: 1.25%; }
section#contacts_map_cont > div#contacts_stub > p > strong { vertical-align: -1px; font-size: 18px; margin-right: 3px; }


/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */