@font-face{   
font-family: 'Izhitsa'; 
src: url('/fonts/Izhitsa.eot'); 
src: url('/fonts/Izhitsa.eot') format('eot'),
url('/fonts/Izhitsa.woff') format('woff'),  
url('/fonts/Izhitsa.ttf') format('truetype');  
    }       
    
html, body {font-family: 'Roboto', sans-serif; font-size:14px;  margin:0; padding:0; width:100%;   }
p { margin:0px }
img { border:none; outline:0 }
a { color:#ff0000; outline:0; cursor:pointer}
a:hover {text-decoration:none;}
ul, ol, li { padding:0px; margin:0px; font-size:13px; color:#333;}
input, textarea {outline: none;border: none; font-size:18px; color:#888888; font-family: 'Roboto', sans-serif; }
input[type="submit"] {cursor:pointer}
h2 {font-size:36px; font-weight:normal; font-family: 'Izhitsa';  margin:0}
h3 {font-size:33px; font-weight:normal; font-family: 'Izhitsa';  margin:0}
h7 {font-size:33px; font-weight:normal; font-family: 'Izhitsa';  margin:0}
h5 {color:#ff0000; font-size:25px; font-weight:normal; font-family: 'Izhitsa';  margin:0} 

.bg { /* background:url(/images/dsc01933.jpg) no-repeat top center; */ /*background-size: cover;*/}
.bg .slider div { height: calc(100vh - 0px); background-repeat: no-repeat!important; background-position: center center!important;background-size: cover!important;}
.bg .left_part {z-index:2; position:fixed; top:0; ;height: calc(100vh - 40px); padding:20px 0; background:rgba(0,0,0,0.5); width:380px; text-align:center}
.bg .left_part > a img{width:240px}

.bg .left_part .menu ul {text-align:left; padding:10px 30px 30px 30px}
.bg .left_part .menu ul li {z-index:5;position:relative; list-style-type:none}
.bg .left_part .menu ul li a {font-family: 'Izhitsa'; color:#fff; text-decoration:none; font-size:23px; display:block; padding:7px 5px; border-bottom:1px solid #fff}
.bg .left_part .menu ul li a:hover {z-index:5; position:relative; background:#fff;  /* border-bottom:1px solid #BF9B6D; */ color:#333}
.bg .left_part .menu ul li.active a {border-bottom:1px solid #BF9B6D; color:#FFAF61}
.bg .left_part .menu ul li ul {display:none}
.bg .left_part .menu ul li:hover a {background:#fff; /*  border-bottom:1px solid #BF9B6D;  */color:#333}
.bg .left_part .menu ul li:hover ul {z-index:59999;display:block; position:absolute; left: 320px; top: 0px; background: #fff; padding: 0 20px; width: 220px;}
.bg .left_part .menu ul li ul li {}
.bg .left_part .menu ul li:last-of-type a{ border-bottom:none}
.bg .left_part .menu ul li ul li a {color:#333!important; border-bottom:1px solid #333;  font-size:22px;}
.bg .left_part .menu ul li ul li.active a {color:#FFAF61!important}
.bg .left_part .menu ul li ul li a:hover {border-bottom:1px solid #BF9B6D!important; color:#FFAF61!important}
.bg .left_part p {left:50px;position:absolute;bottom:10px}
.bg .left_part p,
.bg .left_part p a {color:#fff; font-size:12px; font-weight:300}
.bg .left_part p font{font-size:19px;  font-family: 'Izhitsa'; display:block; padding-bottom:20px;}
.ob {align="left"; margin-top: 200px; background: color: #444) no-repeat top center;}
.bg .right_part {   height: calc(100vh - 30px); width: calc(84% - 380px); margin-left:380px; margin-top:-100vh; position: relative;  margin-left:35vw; z-index:1    }

.bg .right_part.more {z-index:5}
.bg .right_part .content_part {height: calc(100vh - 30px); width:680px; background-size:80%; background-size: cover; background:url(/images/svit.png?1) no-repeat top center; padding:15px 60px; }
.bg .right_part .content_part .scroll_part {  margin-top:135px; height: calc(100vh - 200px); overflow-y: scroll;  background: transparent; -ms-overflow-style: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
 
.bg .right_part .content_part .scroll_part::-webkit-scrollbar { width: 0; }

.bg .right_part .content_part .bread {width:540px; margin-left:auto;  margin-right:auto; text-align:center; margin-top:-15px; margin-bottom:-15px;}
.bg .right_part .content_part .bread span {font-size:12px;}
.bg .right_part .content_part .bread a{font-size:12px;}
 
.bg .right_part .content_part .date_list {text-align:center; padding-bottom:20px}
.bg .right_part .content_part .date_list ul {padding:0; text-align:center}
.bg .right_part .content_part .date_list ul li { display:inline-block; width:30%; vertical-align:middle}
.bg .right_part .content_part .date_list.four ul li {width:24%;}
.bg .right_part .content_part .date_list ul li.active a {color:#F7931E;}
.bg .right_part .content_part .date_list ul li a { display:block; text-align:center; font-family: 'Izhitsa'; padding:0 10px; color:#fff; text-shadow: 0px 0px 11px #38220A,0px 0px 11px #38220A, 2px 1px 2px rgba(0,0,0,0.7); font-size:25px; text-decoration:none;}
.bg .right_part .content_part .date_list ul li a[href="/osobye-daty.html"] {color:#00FF00}
.bg .right_part .content_part .date_list ul li a:hover {color:#F7931E;}

.bg .right_part .content_part h1 { width:100%; line-height: 28px; font-family: 'Izhitsa'; padding:0;   margin: 20px auto 20px auto; font-size:28px; color:#FF0000; text-align:center}
.bg .right_part .content_part p,
.bg .right_part .content_part div {line-height: 24px; font-size: 18px;     color: #000000; font-weight:400; padding:10px 0}
.bg .right_part .content_part ul {padding-left:30px; }
.bg .right_part .content_part ul li {font-size: 18px;     color: #000000; font-weight:400; padding:10px 0}
.bg .right_part .content_part p a,
.bg .right_part .content_part div a {color:#ff0000}
.bg .right_part .content_part h2 {line-height: 35px;text-align:center; color:#ff0000;}

.bg .right_part .content_part h3 {padding-top:15px;font-size:26px; text-align:center; color:#ff0000}
.bg .right_part .content_part h7 {padding-top:15px;font-size:26px; text-align:center; color:#6f00a9}
.bg .right_part .content_part p span {font-family: 'Izhitsa'; font-size:30px; color:#FF0000;}
.bg .right_part .content_part p.algncc {line-height: 24px; font-size: 18px;   text-align:center;  color: #000000; font-weight:400; padding:10px 0}
.bg .right_part .content_part p:first-letter {font-family: 'Izhitsa'; font-size:30px; color:#FF0000;}
.bg .right_part .content_part p.noalf:first-letter {font-size: 18px!important; font-family: 'Roboto', sans-serif!important;    color: #000000!important; font-weight:400!important;}
.bg .right_part .content_part p.noalf img {width:30px; margin-right:10px;}
.bg .right_part .content_part p i {font-size:14px}   

.bg .right_part .content_part .news_list {padding-bottom:20px;}
.bg .right_part .content_part .news_list span { color:#444; font-size:15px; display:block}
.bg .right_part .content_part .news_list a { color:#333; font-style:italic; text-decoration:none}
.bg .right_part .content_part .news_list a:hover {text-decoration:underline} 

.bg .right_part .content_part .category_list {width:300px; padding:20px; display:inline-block; vertical-align:top}
.bg .right_part .content_part .category_list img { height:200px; width:280px}
.bg .right_part .content_part .category_list p a {text-decoration:none; color:#333;}
.bg .right_part .content_part .category_list p a:hover {color:#ff0000}

.bg .right_part .content_part .order_block {text-align:center}
.bg .right_part .content_part .order_block > a { font-family: 'Izhitsa'; font-size:35px;color: #228b22; text-transform:uppercase; text-decoration:none; padding:20px 20px 40px 20px; display:inline-block}
.bg .right_part .content_part .order_block a:nth-of-type(2){ color:#0075eb; }

.bg .right_part .content_part .video_list {}    

.bg .right_part .content_part .video_list .video {padding-top:30px;margin-bottom:40px; width:400px; display:inline-block; vertical-align:top}
.bg .right_part .content_part .video_list:nth-of-type(2n) .video {float:right}
.bg .right_part .content_part .video_list .video iframe {width:100%!important; height:220px!important}                         
.bg .right_part .content_part .video_list p {height:240px; display:inline-block; vertical-align:top; padding-top:40px; width:200px; padding-left:20px; }
.bg .right_part .content_part .video_list:nth-of-type(2n) p {padding-top:45px; vertical-align:middle}
.bg .right_part .content_part .video_list p span{ font-size:13px; font-family: 'Roboto', sans-serif!important;   color:#333; display:block;}

.bg .right_part .images  {text-align:center}
.bg .right_part .images .image {display: inline-block; vertical-align: middle; padding: 0 15px 15px 0; }
.bg .right_part .images .image a {display:table-cell;width:300px;}
.bg .right_part .images .image a img {max-width:120px;}

.bg .right_part .images .image.small {display: inline-block; background:#fff; width:120px; height:81px;vertical-align: middle; padding:0; margin: 0 15px 15px 0; }
.bg .right_part .images .image.small a {display:table-cell;width:120px; height:81px; vertical-align: middle; text-align:center;}
.bg .right_part .images .image.small a img {max-width:120px; max-height:81px;}

.banner_part .top_part a:nth-of-type(2), .banner_part .top_part a:nth-of-type(3) {float:right;padding-top:17px; padding-left:0; padding-right:10px}          
 
.top_menu,
.dates.mob {display:none}        

#background{left:0;top:0;position:fixed;background:#000;opacity:0.5;z-index:1001;display:none;height:100%;width:100%;}
#modal_window,
#modal_window2 {left:50%;margin-left:-215px;top:5%;display:none;z-index:10002; background-color:#FEFEFE; padding:15px 20px 15px 30px;width:480px;}
#modal_window_long {left:50%;margin-left:-310px;top:5%;display:none;z-index:10002; background-color:#FEFEFE; padding:15px 20px 15px 30px;width:680px;}
#modal_window_zdrav {left:50%;margin-left:-150px;top:5%;display:none;z-index:10002;  padding:0; width:280px;  background:url(images/zdrav_2.jpg) no-repeat top center;}
#modal_window_pokoi {left:50%;margin-left:-150px;top:5%;display:none;z-index:10002;  background:url(images/pokoi_2.jpg) no-repeat top center;  padding:0px;width:280px;}
#modal_window h3,
#modal_window2 h3,
#modal_window_pokoi h3,
#modal_window_zdrav h3{text-transform:uppercase;text-align:center!important; padding-bottom:20px; display:block}
#modal_window input[type="text"],
#modal_window2 input[type="text"], 
#modal_window_long input[type="text"],
#modal_window_long input[type="email"],
#modal_window_long input[type="number"] {font-size:15px; width:92%; border:1px solid #ccc; margin-bottom:10px; padding:10px 15px}
#modal_window textarea,
#modal_window2 textarea   { font-size:15px; width:92%; border:1px solid #ccc; height:100px;margin-bottom:10px; padding:10px 15px}
#modal_window_pokoi form,
#modal_window_zdrav form {margin:110px 30px 0 30px}

input[type="text"]:hover { border:1px solid #666!important}

#modal_window_pokoi textarea,
#modal_window_zdrav textarea {width:81%; height:283px; background:transparent; line-height: 21px; font-size:15px; width:93%; border:none;  margin-bottom:10px; padding:10px 15px} 

#modal_window input[type="submit"],
#modal_window2 input[type="submit"],
#modal_window_pokoi input[type="submit"],
#modal_window_zdrav input[type="submit"],
#modal_window_long input[type="submit"] {background:none; font-family: 'Izhitsa'; font-size:35px;color: #ff0000; margin:0 auto; text-transform:uppercase;text-align:center; text-decoration:none; padding:0px; display:block}

#modal_window_long form {padding:20px 0 0 0}
#modal_window_long form div{width:48%; display:inline-block; vertical-align:top; margin:5px;}
#modal_window_long form textarea { font-size:15px; margin-left:5px;width:94%; border:1px solid #ccc; height:100px;margin-bottom:10px; padding:10px 15px}
#modal_window_long form .check { font-size:14px; line-height: 17px; color:#333}         

#modal_window_pokoi  input[type="submit"] {    padding-bottom: 104px; color:#0094DA}
#modal_window_zdrav  input[type="submit"] {    padding-bottom: 104px;color:#00A650}   
 
#modal_window > .fbForm {padding:0 0 0 97px;}
#fbSubmit {width:292px;margin-top:20px;border:none;background:#d14902;padding:10px 20px;color:#fff;text-transform:uppercase}    

.close_x{float:right;display:block;  font-family: 'Roboto', sans-serif!important;  font-size:16px;color:#333;border:none!important;cursor:pointer;}
#modal_window_pokoi .close_x,
#modal_window_zdrav .close_x { padding-right: 20px; padding-top: 10px; color: #333; font-size: 18px;}
 
@media screen and (max-width:1300px) { 
  html {overflow-x:hidden; max-width: 1300px}
  body { max-width:1300px; position: relative; }
  .bg .right_part .content_part h1 {height:10px}
  .bg .right_part .content_part { width:545px; background:url(/images/svit_small.png?1) no-repeat top center;  }
  .bg .right_part .content_part h1 {font-size:24px; width: 500px;} 
  
  .bg .right_part .images .image a,
  .bg .right_part .images .image a img {width:130px}              
                        
  .bg .right_part .content_part .category_list {width:225px;}
  .bg .right_part .content_part .category_list img {width:100%;     height: 170px;}     
  .bg .right_part .content_part .video_list .video {width:310px;}    
}


/*@media screen and (max-width:1024px) { 
  html {overflow-x:hidden; max-width: 1024px}
  body { max-width:1024px; position: relative; }
  .bg .right_part .content_part { width: 110%; }
}*/

  
@media screen and (max-width:1280px) { 
  html {overflow-x:hidden; max-width: 1280px}
  body { max-width:1280px; position: relative; }
  .bg .left_part {z-index: 2; background:rgba(0,0,0,0.6); height: 47px; position:fixed}
  .bg .left_part .dates {text-align:center; display:block; margin:10px auto 0; width: 33%;}
  .bg .left_part p { left:auto; position: relative; bottom: auto; }
  .bg .left_part .dates span,
  .bg .left_part .dates a {display:none}
  
  .bg .left_part > img {display:none}
  .bg .left_part > a {position:absolute; top:14px; left:10px}
  .bg .left_part > a img {width:60px}  
  .bg .left_part {width:100%}        
  
  .bg .slider div {  height: calc(100vh - 0px); position:fixed; background-repeat: no-repeat!important; background-position: center center!important;background-size: cover!important;}    
  
  .top_menu { display:block;  float:right; margin-right:20px; margin-top:5px }
  .top_menu li {list-style-type:none}
  .top_menu li ul {display:none}
  .top_menu li.open > ul {left:0px; display:block;  width:100%;  opacity:0.95; text-align:center; top:88px!important;  position:absolute; background:rgba(255,255,255,0.99); z-index:9999; padding:10px 0px }
  .top_menu li.open ul li { font-family: 'Izhitsa'; color:#333; font-size:20px!important; text-transform:uppercase;  list-style-type:none; padding:5px 0}
  .top_menu li.open ul li a { font-family: 'Izhitsa'; color:#333; font-size:20px!important; text-transform:uppercase;  text-decoration:none }
  .top_menu li.open ul li ul {display:none}
  .top_menu li.open ul li:hover ul { margin-top:5px; display:block; background:rgba(0,0,0,0.5); }
  .top_menu li.open ul li:hover ul li a {color:#fff}                        
 
  .bg .right_part .content_part h1 {margin-top:15px; margin-bottom:20px; display:block; height:auto; font-size:24px; line-height:30%}      
  .bg .right_part { height: calc(100vh - 20%); top:20%; margin-left:0; width:92.5%; /*margin-top: -90vh;*/}    
 
  .bg .right_part .content_part  {display:block; background-position: center center; background:rgba(255,255,255,0.8);  width:106%; padding:0px 15px 0 15px;  height: calc(100vh);}
  .bg .right_part .content_part .scroll_part {  margin-top:0px;  height: calc(100vh - 20%); overflow-y: scroll;  background: transparent; -ms-overflow-style: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}   
 
  .bg .right_part .content_part .bread {margin-top:23%}    
  .bg .right_part .content_part .bread,
  .bg .right_part .content_part h1 {width:70%}
  .bg .right_part .content_part h1 {line-height: 28px; }
  
  .bg .right_part .content_part .date_list ul {padding:0}
  .bg .right_part .content_part > .date_list ul > li {width:31%; text-align:center; vertical-align:middle}
  .bg .right_part .content_part .date_list.four ul li {width:24%;}
  .bg .right_part .content_part .date_list ul li a {padding:0 10px;  font-size:20px; text-align:center; display:block;}
   
  .bg .right_part .content_part .video_list .video,
  .bg .right_part .content_part .video_list p {margin:0; padding:0; width:100%}
  .bg .right_part .content_part .video_list p {padding-top:20px!important; height:100%}
  .bg .right_part .content_part .video_list .video iframe {width:100%}
  
  .bg .right_part.more {z-index:5}
  .menu {display:none; }  
  
  #background{left:0;top:0;position:fixed;background:#000;opacity:0.5;z-index:1001;display:none;height:100%;width:100%;}
  #modal_window,
  #modal_window2,
  #modal_window_zdrav,
  #modal_window_pokoi,
  #modal_window_long {left:0%;margin:0 0px; top:3%;display:none;z-index:10002; background-color:#FEFEFE; padding:15px 0px;width:100%;}
    
  #modal_window_long {top:0; height: calc(100vh - 100px);  background:#fff}
 
  #modal_window_long form div {width:96%; margin:0px 5px 0 5px }
  #modal_window_long form textarea {  height:52px;  width: 87%;}
  #modal_window_long form input {padding-top:7px; padding-bottom:7px}
  #modal_window_long h3 {padding-top:0}
  #modal_window_long .check {padding:0 10px}
  
  #modal_window_zdrav,
  #modal_window_pokoi { top:3%; }
  
  #modal_window_zdrav textarea,
  #modal_window_pokoi textarea {width:223px}       
  
  #modal_window form {padding:20px}
  #modal_window_pokoi form, #modal_window_zdrav form { margin:95px 60px 0 60px; }
  #modal_window h3{text-transform:uppercase;text-align:center!important; padding-bottom:20px; display:block}
  #modal_window input[type="text"] { width:91%; border:1px solid #ccc; margin-bottom:10px; padding:10px 15px}
  #modal_window textarea {width:91%; border:1px solid #ccc; height:100px;margin-bottom:10px; padding:10px 15px}
  #modal_window input[type="submit"] {background:none; font-family: 'Izhitsa'; font-size:30px;color: #ff0000; margin:0 auto; text-transform:uppercase;text-align:center; text-decoration:none; padding:0px; display:block} 
  #modal_window > .fbForm{padding:0 0 0 97px;}
  #modal_window_pokoi .close_x, #modal_window_zdrav .close_x { padding-right: 0px; padding-top: 0; }
  .close_x{float:right; margin-right:30px; display:block;font-size:16px;color:#333;border:none!important;cursor:pointer;}
 }
/*@media screen and (max-width:900px) {
  .bg .right_part .content_part h1 {margin-top:15px; margin-bottom:20px; display:block; height:auto; font-size:22px} 	
}*/

 
@media screen and (max-width:414px) { 
  html {overflow-x:hidden; max-width:414px}
  body { max-width:414px; position: relative;  }    
  .bg .right_part .content_part  {  width:100%; }   
} 
 


@media screen and (max-width:375px) { 
  html {overflow-x:hidden; max-width:375px}
  body { max-width:375px; position: relative;  }
  .bg .left_part p font { font-size:17px;  }
  .bg .right_part .content_part  {  width:100%; }
  .bg .right_part .content_part .scroll_part {  height: calc(100vh - 15%); }   
   #modal_window_zdrav,
   #modal_window_pokoi { top:0%; }
  
   #modal_window_long {background:#fff; height: calc(100vh - 100px); }
   #modal_window_long form input {padding-top:3px!important; padding-bottom:3px!important}
   #modal_window_long textarea {height:30px!important; width: 88%!important;}    
}

@media screen and (max-width:320px) { 
  html {overflow-x:hidden; max-width:320px}
  body { max-width:320px; position: relative;  }
 .bg .left_part {margin-top:-10px}
 .bg .left_part .dates p {position: fixed; margin-left:15px;} 
 .bg .left_part .dates p font{ font-size:15px; }
 .top_menu li.open > ul {padding:0}
 .bg .slider,
 .bg .slider div {width:102%!important}
 .bg .right_part {/*margin-top: -85.5vh!important;*/}
 .bg .right_part .content_part {  width:98%; }
 
 .top_menu li.open > ul {padding:15px 0}
 .life ul li {    width: 48%; display: inline-block;}
 
 #modal_window h3{ padding:0px;}     
 #modal_window textarea { height:80px; }  
 
 #modal_window_pokoi textarea,
 #modal_window_zdrav textarea {width:81%; height:183px; background:transparent; line-height: 21px; font-size:15px; width:93%; border:none;  margin-bottom:10px; padding:10px 15px} 
 #modal_window_pokoi  input[type="submit"] { padding-bottom: 10px; color:#0094DA}
 #modal_window_zdrav  input[type="submit"] { padding-bottom: 10px;color:#00A650}
 
 #modal_window_long h3 {font-size:20px}
 #modal_window_long form div {width:93%}
 #modal_window_long form input { margin:3px 0!important;padding-top:1px!important; padding-bottom:1px!important}
 #modal_window_long form input[type="submit"] { margin:3px auto!important; }
 #modal_window_long textarea {height:30px!important; width: 85%!important;}
 
 #modal_window_long {top:0; height: calc(100vh - 100px);  background:#fff}
 
}
/*{font-family: 'Izhitsa'; font-size:35px; color:#FF0000;}*/
<style>
    body { 
     font-family: 'Izhitsa'; /* Ортодокс шрифт */ 
    }
    .doublenumber { 
     color:#FF0000; /* Красный цвет символов */ 
     font-size:30px; /* Размер шрифта в пикселях */ 
     }
  </style>
<style>
span {font-family: 'Roboto'; /* Roboto шрифт */}
    #italic {
    font-family: 'Roboto'; /* Roboto шрифт */
	font-style: italic; /* Курсивное начертание */
    color:#000000; /* Черный цвет символов */ 
    font-size: 18px; /* Размер шрифта в пикселях */
	line-height: 24px;
	font-weight:bolder;
	padding:10px 0;
     }
  </style>
<style>
span {font-family: 'Roboto'; /* Roboto шрифт */}
    #italicred {
    font-family: 'Roboto'; /* Roboto шрифт */
	font-style: italic; /* Курсивное начертание */
    color:#FF0000; /* Красный цвет символов */ 
    font-size: 16px; /* Размер шрифта в пикселях */
	line-height: 24px;
	font-weight:bolder;
	padding:10px 0;
	}
  </style>