/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
.teatr {
    float: left;
        margin-top: 132px;
}
img.org {
    width: 400px;
}
body {
overflow-x: hidden !important;
	line-height: 1;
	background-color: #b31f1e;
	font-family: Myriad Pro;
}
ol, ul {
	list-style: disc;
	font-size: 14px;
color: #dadada;
line-height: 20px;

word-spacing: 4px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{text-decoration: none;
color: white;}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font-family: Myriad Pro;
	/*width: 100%;
	height: 100%;*/
}


h1{

font-family: Myriad Pro;
text-transform: uppercase;
font-size: 48px;
color: white;
padding-top:20px;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 15px;
word-spacing: 4px;
}

h2{

font-family: Myriad Pro;
text-transform: uppercase;
font-size: 20px;
color: white;
padding-top:20px;
word-spacing: 4px;
}

h5{


/*text-transform: uppercase;*/
font-size: 12pt;
color: white;
padding-top:20px;
word-spacing: 4px;
}

h9{

font-family: Myriad Pro;
text-transform: uppercase;
font-size: 48px;
color: black;
padding-top:20px;
word-spacing: 4px;
}

h10{

font-family: Myriad Pro;
font-size: 48px;
color: black;
padding-top:20px;
word-spacing: 4px;
}

h11{

font-family: Myriad Pro;
font-size: 37px;
color: black;
padding-top:20px;
word-spacing: 4px;
}

.index_txt{
font-size: 14px;
color: #000000;
text-align:left;
word-spacing: 4px;

}
p
{
font-size: 14px;
color: #e6e6e6;

word-spacing: 4px;
}
.wrapper {
	margin: 0 auto;
	/*min-height: 100%;*/
	height: auto !important;
background-color: #b31f1e;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 80px;
	background-image: url(img/logo_b.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 20px;
	background-color:#e0e8f1;
	background-image: url(img/con_bg.png);
	background-repeat: repeat-x;
	background-position-y: 855px !important;
}




/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin:auto 0;
	height: 400px;
	background: #b31f1e;
}

#logo{
/*margin-left: 20%;*/
height: 80px;
}

.fone{
float: right;
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
color: #ff7e00;
/*margin-right: 20%;*/
padding-top: 26px;
background-image: url(img/fone.png);
background-repeat:no-repeat;
/*background-position-x: 10px;
background-position-y: 27px;*/
background-position: 10px 27px;
}

.nav{
background-color: #b31f1e;
font-family: Myriad Pro;
text-transform: uppercase;
font-weight: bold;
font-size: 12pt;
color: white;
/* margin-left: 25%; */
padding-left: 165px;
padding-top: 20px;
width: 960px;
margin: 0 auto;
}

#menu{
    background-color: #b31f1e;
    border-bottom: 1px solid #b31f1e;
    padding-bottom: 16px;
}

a.index_menu:hover{
background-image: url(img/nav_b_active.png)
}

.in_img{
background-image: url(img/in_bg.png);
width: 960px;
margin: 0 auto;
height:376px;
}

.christ{
width: 504px;
/* margin-right: 500px; */
float: right;}

.in_content{
float: left;
margin-left: 80px;
position:absolute;
}

#cont{
width: 960px;
margin: 0 auto;
padding-top: 15px;
background-image: url(img/cont_bg.png);
}

.house{
margin-top: -60px;
}

.foto{
padding-top: 35px;
}
.gal1{border-radius: 15px;}
.gal2{margin-left: 29px;border-radius: 15px;}
.gal3{margin-left: 29px;border-radius: 15px;}



#number{
background-image: url(img/light_grey.png);
height: 530px;
}

#title_numb{
margin: 0 auto;
text-align: center;
vertical-align: top;
margin-top: 20px;
}

hr {
  border: 1px solid #333;
  display: inline-block;
  margin: 15px 3px;
}

#number_all{
width: 960px;
margin: 0 auto;
margin-top: 20px;
}

.point{
border-bottom: 1px solid #ea7400;
}

#numb_1{
border-radius: 15px;
background-color: #b31f1e;
width: 300px;
height: 433px;
float: left;
margin-right: 20px;
}

.r_name{
font-style: oblique;
font-size: 24px;
}

.cont_n1{
padding: 10px;
}

.button_1{
float: right;
margin-top: -33px;
margin-right: 19px;
}

.number_txt{
padding: 10px;
}

.button_2
{margin: 0 auto;
width: 283px;}

.foot_cont{
width: 960px;
margin: 0 auto;
padding-top: 15px;
}

.fuut_cont_txt{
font-size: 14px;
color: white;
line-height: 20px;
word-spacing: 4px;
}

.map
{
border-right: 1px solid #ea7400;
padding: 5px;
width: 383px;
float: left;
}
.bookii {
    background-color: #0a2894;
    text-align: center;
}
.bookii {
    width: 300px;
    height: 150px;
}
.bookii a {
    display:block;
    height: 100%;
}
p.ert {
    padding-top: 15px;
}
p.reit {
    padding-top: 5px;
    font-size: 50px;
    color: gold;
}
p.opl {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px;
}
.social{
float: left;
margin-left: 20px;
border-right: 1px solid #ea7400;
padding: 5px;
width: 355px;
}

.soc_ic{margin-top: 15px;margin-left: 7px;
}

.tw{margin-right: 0px;}
.vk{margin-right: -3px;}
.fb{margin-right: -6px;}
.od{}

.vk_vidget{margin-top: 8px;margin-left: 15px;}

.foot_about
{float: left;
margin-left: 20px;
padding: 5px;
width: 230px;}

.foot_about_txt{margin-top: 18px;}
.foot_ab_img{margin-top: 9px;}

.copyright{
width: 960px;
margin: 0 auto;
margin-top: -34px;
font-style: oblique;
text-align: right;}

.logofon{width: 960px;
margin: 0 auto;}

.back_in{
background-image: url(img/in_bg.png);
margin: 0 auto;
height:376px;
}

.semibo3{
border-bottom: 1px solid #000000;
padding-bottom: 11px;
font-size: 20px;
font-weight: 800;
text-align: center;
}
.semibo2{

padding-bottom: 11px;
font-size: 18px;
font-weight: 600;
text-align: center;
}
.semibo{

padding: 0px;
font-size: 20px;
font-weight: 800;
text-align: center;
}
.numb_foto{
padding-left: 30px;
padding-bottom: 20px;
}
.left_col{
float: left;
width: 400px;
}
.right_col{
float: right;
width: 400px;
}
#cont_n{
width: 875px;
margin: 0 auto;
padding-top: 15px;
height: 2320px;
}

.content_n{
padding: 0 0 20px;
	background-color:#b31f1e;

	background-position-y: 519px !important;
}
.lft {
    text-align: left;
    margin-top: 20px;
    float: left;    width: 45%;
}
.rgh {
    text-align: left;
    margin-top: 20px;
    float: left;    width: 45%;margin-left: 65px;
}
textarea#blabla {
    width: 100%;
    height: 80px;
}
.about{
text-align: center;
    height: 1325px;
}
.about1{
text-align: center;
}
.number_content{
border-bottom: 1px solid #000000;
padding-bottom: 25px;
}
#feedback-form {
  max-width: 700px;
  padding: 2%;
  border-radius: 3px;
  background: #f1f1f1;
}
#feedback-form [required] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2%;
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0,0,0,.05) inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  box-shadow: 0 0 0 1px #7eb4ea inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  box-shadow: 0 0 0 1px #7eb4ea inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}

#feedback-form select {
  box-sizing: border-box;
  margin-bottom: 2%;
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0,0,0,.05) inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [type="submit"]:hover {
  background: #5c90c2;
}
#feedback-form [type="submit"]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
/*.nava{color:white;}*/
img.numb_foto_new {
    margin-bottom: 25px;
    float: left;
}#popup {    display: none;    left: 50%;    position: fixed;    top: 50%;    z-index: 2000;    background:#eeeeee;    width:420px;    height: 330px;    padding:10px 20px 20px 20px;}    *html #popup  {        position: absolute;    }     #popup h3{        color:#ab6969;        font-size:30px;        font-weight:normal;        text-transform:uppercase;        text-align:left;        margin-bottom:20px;    }     #popup p {        padding-bottom:15px;        text-align: center;    }     #imgcode {        float:left;    }     #popup input[type=text] {        text-align:left;        width:268px;        padding:0 10px;        height:30px;        display:block;        margin:10px 0px;        border:1px solid #eee;        border-top-color:#ccd1d7;        color:#000000;        background:#ffffff;        font-family: Arial, Tahoma, sans-serif;        font-size: 12px;    }        #popup textarea {            text-align:left;            width:398px;            padding:10px 10px;            display:block;            margin:10px 0px;            border:1px solid #eee;            border-top-color:#ccd1d7;            color:#000000;            background:#ffffff;            font-family: Arial, Tahoma, sans-serif;            font-size: 12px;            height: 80px;        }            #popup .button {                font-size: 16px;                box-sizing: border-box;                background: #ab6969;                width: 140px;                height: 35px;                line-height: 35px;                display: block;                text-align: center;                text-decoration: none;                color: #ffffff;                float:right;                text-shadow: none;                border: 1px solid #705062;                border-radius: 0;            }                #popup .button:hover {                    background: rgba(171, 105, 105, 0.88);                 }     #popup_close {        display:block;        position: absolute;        top: 10px;        right: 10px;        width: 12px;        height: 12px;        background: url(images/close.png) no-repeat center center;        cursor: pointer;        z-index: 2103;    }     #popup_close:hover {        opacity:0.7;        transform: rotate(90deg);        transition: all 0.5s ease-in-out 0s;    }#fade {    display: none;    background: #2c3e50;    position: fixed; left: 0; top: 0;    width: 100%; height: 100%;    opacity: .50;    z-index: 1000;}     *html #fade {        position: absolute;    }	.call_but {    position: fixed;    z-index: 10000;    margin-top: 250px;    background-image: url(img/zobr.png);    width: 50px;    height: 200px;    float: left;    text-align: center;    color: white;    -webkit-writing-mode: vertical-rl;    writing-mode: tb-rl;    font-weight: 800;}

#callback{
  bottom:25px;
  right:10px;
  position:fixed;
      z-index: 100;
}
.lftbut{
      float: left;
    background-color: #8b3332;
    width: 240px;
    height: 50px;
    border-radius: 20px;
    text-align: left;
    line-height: 20px;
    position: fixed;
    right: 70px;
    bottom: 48px;
    padding-top: 10px;
    padding-left: 10px;
    color: #cc9933;
    text-transform: uppercase;
    font-weight: 900;
}
.img-circle{
  background-color:#8b3332;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
.circlephone{
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  border: 2px solid #8b3332;
  width:150px;
  height:150px;
  bottom:-25px;
  right:10px;
  position:absolute;
  -webkit-border-radius:100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  opacity: .5;
  -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
  -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
  -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
  -o-animation: circle-anim 2.4s infinite ease-in-out !important;
  animation: circle-anim 2.4s infinite ease-in-out !important;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all 0.5s;
}
.circle-fill{
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  background-color:#8b3332;
  width:100px;
  height:100px;
  bottom:0px;
  right:35px;
  position:absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
  animation: circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all 0.5s;
}
.img-circle{
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  width:72px;
  height:72px;
  bottom: 14px;
  right: 49px;
  position:absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
}
.img-circleblock{
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  width:72px;
  height:72px;
  background-image:url(images/mini.png);
  background-position: center center;
  background-repeat:no-repeat;
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.img-circle:hover{
  opacity: 1;
}
@keyframes pulse {
  0% 
  {
    transform: scale(0.9);
    opacity: 1;
  }
  50% 
  {
    transform: scale(1); 
    opacity: 1; 
  }   
  100% 
  {
    transform: scale(0.9);
    opacity: 1;
  }
}
 @-webkit-keyframes pulse {
   0% 
   {
     -webkit-transform: scale(0.95);
     opacity: 1;
   }
  50% 
   {
     -webkit-transform: scale(1);
     opacity: 1;
   }   
  100% 
   {
     -webkit-transform: scale(0.95);
     opacity: 1;
   }
}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}