/* -----------------------------------------
   Main
----------------------------------------- */

body, p { color: #898989; font-size: 15px; font-family: Arial, Tahoma, Verdana, sans-serif; line-height: 1.2; }
h1 { color: #9c2d89; text-transform: uppercase; font-weight: bold; font-size: 46px; line-height: 48px; }
h2 { color: #9c2d89; text-transform: uppercase; font-weight: bold; font-size: 23px; line-height: 48px; }
h3 { text-transform: uppercase; font-weight: bold; font-size: 24px; line-height: 26px; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
/* -----------------------------------------
   Header
----------------------------------------- */

.header_top { padding: 17px 0 19px; background-color: #f6a739; }
.navigation ul { margin: 0; }
.navigation ul li { float: left; padding-left: 3%; list-style: none; }
.navigation ul li a:hover, .navigation ul li.current a { color: #9e348b; }
.navigation ul li a { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 15px; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -o-transition: color .2s ease-out; transition: color .2s ease-out; }
.phone { float: right; margin: -1px 1% 0 0; color: #9c3088; font-weight: bold; font-size: 20px; }
.header_bottom { text-align: center; }
.logo { display: inline-block; margin: 45px 0 28px; }
.shadow_header { margin-bottom: -50px; height: 50px; background-image: url(../img/shadow_header.png); background-position: 50% 0; background-size: 100% auto; background-repeat: no-repeat; }
/* -----------------------------------------
   Content
----------------------------------------- */

.container { background-color: #fefdee; }
.content { margin: 0 auto; padding: 50px 0 20px; width: 90%; }
.event { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 7% 30px; width: 36%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.event.big_event:after, .event.big_event:before { display: none; }
.event.big_event { margin: 0 4% 80px; width: 42%; }
.event.big_event .event_inner { padding: 30px 8% 20px; }
.event.big_event .event_title { padding-top: 2px; font-weight: normal; font-size: 20px; line-height: 30px; }
.bigevent_title { display: block; padding: 22px 0 0; color: #9c2d89; text-align: center; font-weight: bold; font-size: 25px; }
.event_inner { position: relative; z-index: 1; display: block; padding: 30px 13%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f6a739; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1) inset; }
.event:before, .event:after { position: absolute; bottom: 15px; left: 5%; z-index: 0; max-width: 300px; width: 50%; height: 20%; -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 20px rgba(0, 0, 0, 0.35); content: ""; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); }
.event:after { right: 5%; left: auto; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
.event img { display: block; min-width: 100%; border: 2px solid #fff; }
.event_title { display: block; margin-bottom: -7px; padding: 11px 0 0; color: #fff; text-align: center; font-weight: bold; font-size: 18px; }
.private_event { overflow: hidden; padding: 20px 0 35px; }
.images_block { float: left; width: 420px; }
.images_block img { display: block; margin: 0 14px 14px 0; }
.text_block { float: right; width: 44%; }
.text_block h1 { margin: 0 0 10px; font-size: 26px; line-height: 36px; }
/* .popup {
	position:absolute; */
/* top:0; */
/* left:0; */
/* z-index:9999; */
/* width:100%; */
/* height:100%; */
/* }

.popup_content {
	position:relative; */
/* width:70%; */
/* padding:40px; */
/* margin:200px auto 0; */
/* background-color:#f6a739; */
/* -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.4); */
/* -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.4); */
/* box-shadow:0 0 5px rgba(0, 0, 0, 0.4); */

.popup_content { padding: 30px 0 0; }
.reveal-modal-bg { background: rgba(255, 255, 255, .7); }
.reveal-modal { border: none; background-color: #f6a739; }
.popup_logo { position: absolute; left: 50%; margin-top: -150px; margin-left: -123px; }
.reveal-modal .close-reveal-modal { top: -12px; right: -12px; color: #000; text-transform: uppercase; font-weight: bold; font-size: 14px; }
.close { position: absolute; padding-top: 40px; width: 94px; }
.close:hover { color: #000; }
.close_button { position: absolute; top: 0; right: 0; display: block; width: 32px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background: url(../img/close.png) no-repeat 50% 50% #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.popup_content figure img { min-width: 100%; border: 2px solid #fff; }
.popup_title { margin: -20px 0 0; color: #9c2d89; font-size: 30px; line-height: 36px; }
.popup_subtitle { margin: 0 0 18px; color: #fff; font-weight: bold; font-size: 16px; }
.popup_content h5 { margin: 0 0 2px; color: #9c2d89; font-weight: bold; font-size: 16px; }
.popup_content p { color: #fff; font-weight: bold; font-size: 12px; line-height: 17px; }
/* -----------------------------------------
   Contacts
----------------------------------------- */

.city_contacts { float: right; width: 40%; color: #494949; font-size: 15px; }
.city_contacts h3 { color: #494949; }
.contacts_list { margin: 0 0 45px; }
.contacts_list li { list-style: none; }
input.button, button.button { padding: 6px 22px; }
.button { padding: 6px 22px; height: 35px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #f6a739; -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15) inset; font-weight: normal; font-size: 17px; -webkit-transition: box-shadow .3s ease-in-out; -moz-transition: box-shadow .3s ease-in-out; -ms-transition: box-shadow .3s ease-in-out; -o-transition: box-shadow .3s ease-in-out; transition: box-shadow .3s ease-in-out; }
.button:hover { background-color: #f6a739; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2) inset; }
.form_info .button { margin-left: 40%; }
.form_info { overflow: hidden; }
.left_block { float: left; width: 48%; }
.left_block h1 { text-transform: none; }
.contactform, .frmcontact { padding: 17px 0; }
.contactform label, .frmcontact label { float: left; margin: 0; width: 40%; color: #494949; font-weight: bold; font-size: 15px; line-height: 25px; }
.contactform input[type="text"], .frmcontact input[type="text"] { float: right; margin-bottom: 17px; padding: 3px 10px; width: 60%; height: 25px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.contactform textarea, .frmcontact textarea { float: right; margin-bottom: 17px; padding: 3px 10px 10px; min-height: 135px; width: 60%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; resize: vertical; }
/* -----------------------------------------
   Bottom Sidebar
----------------------------------------- */

.bottom_sidebar { background-color: #f6a739; background-image: url(../img/bg_bottom.png); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2) inset; }
.bottom_sidebar .row .large-12 { padding: 0 30px; }
.bottom_sidebar h1 { margin: 0 0 15px; font-size: 38px; line-height: 40px; }
.bottom_sidebar_inner { padding: 60px 0; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
.bottom_sidebar, .bottom_sidebar p { color: #fff; font-size: 14px; line-height: 20px; }
/* -----------------------------------------
   Footer
----------------------------------------- */

.footer { padding: 40px 0 30px; }
.footer .navigation li a { color: #f6a739; }
.copy { margin: 32px 0 27px; color: #5f5f5f; text-align: center; font-size: 12px; }
.shadow_footer { margin-top: -40px; margin-bottom: 20px; height: 50px; background-image: url(../img/shadow_header.png); background-position: 50% 0; background-size: 100% auto; background-repeat: no-repeat; }
.lt-ie9 .bottom_sidebar, .ie7 .bottom_sidebar { background-image: none; }
.lt-ie9 .close_button { behavior: url(pie.htc); }
.lt-ie9 .popup { pie-background: rgba(255, 255, 255, .7); behavior: url(pie.htc); }
.ie7 .event img { max-width: none; }
.lt-ie9 .reveal-modal-bg, .ie7 .reveal-modal-bg { background: #fff; }
.lt-ie9 .close_button, .ie7 .close_button { background-color: transparent; }
.lt-ie9 .reveal-modal, .ie7 .reveal-modal { top: 100px; }
.lt-ie9 .reveal-modal.medium, .ie7 .reveal-modal.medium { margin-left: -30%; width: 60%; }

/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1023px) {
.navigation ul li { padding-left: 2%; }
}
/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 767px) {
.city_contacts,  .left_block,  .text_block { float: none; width: 100%; }
.images_block { float: none; }
.navigation { text-align: center; }
.navigation ul { display: inline-block; margin-bottom: 10px; }
.phone { display: block; float: none; text-align: center; }
.navigation ul li { display: inline-block; float: none; }
}

/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {
.event.big_event,  .event { float: none; margin: 0 10% 30px; width: 80%; }
}


.reveal-modal.medium {
margin-left: -332px !important;
width: 664px !important;